@extends('admin.layout.master')
@section('content')


<div class='bg-white rounded'>
    <div class="nav-scroller">
        <nav class="nav">
            <li class="nav-item d-flex align-items-center">
                <a class='nav-link fw-bold text-primary' href="{{url('/home')}}">{{trans('project.home')}}</a>
                <span class="bi bi-caret-right"></span>
                <span class="mx-2"> {{ trans('admin.edit') }} </span>
            </li>
                </ul>
            </li>
        </nav>
    </div>
  </div>

<div class="row justify-content-center">
    <div class="col-lg-8 col-md-10 col-sm-12">
        <div class="bg-light p-2 mx-2 mt-4 rounded">
            <span class="bi bi-info-circle-fill me-2 fs-4"></span>
            Help text here
        </div>

        @if(session()->has('successMsg'))
        <div class="bg-success p-2 mx-2 mt-4 rounded text-white">
            <span class="input-error">{{ session()->get('successMsg') }}</span>
        </div>
        @elseif(session()->has('errorMsg'))
        <div class="bg-danger p-2 mx-2 mt-4 rounded text-white">
            <span class="input-error">{{ session()->get('errorMsg') }}</span>
        </div>
        @endif

        @if ($errors->any())
        <div class="bg-danger p-2 mx-2 mt-4 rounded text-white">
            @foreach ($errors->all() as $message)
            <span class="input-error">{{ $message }}</span><br>
            @endforeach
        </div>
        @endif
        <form method="post" action="/language/update" class="mx-2 my-4 rounded border">
            <input type="hidden" name="_token" value="{{ csrf_token() }}" />
            <input type="hidden" name="id" value="{{ $language->id }}" />
            <div class="row my-2 p-4 g-4">
                <div class="col-md-6 col-sm-12">
                    <label for="abbr" class="ms-2 mb-1">
                        {{ trans('admin.language') }}
                    </label>
                    <select name="abbr" class="form-select rounded-pill bg-light @error('abbr') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach ($languages as $abbr => $lang)
                            @if($abbr == $language->abbr)
                                <option value="{{$abbr}}" selected>{{$lang}} ({{$abbr}})</option>
                            @else
                                <option value="{{$abbr}}">{{$lang}} ({{$abbr}})</option>
                            @endif
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6 col-sm-12">
                    <label for="name" class="ms-2 mb-1">Name</label>
                    <input type="text" name="name" value="{{$language->name}}" class="form-control rounded-pill bg-light @error('name') is-invalid @enderror" placeholder="-">
                </div>
                <div class="col-md-6 col-sm-12">
                    <label for="direction" class="ms-2 mb-1">
                        {{ trans('admin.direction') }}
                    </label>
                    <select name="direction" class="form-select rounded-pill bg-light @error('direction') is-invalid @enderror">
                        <option value="">-</option>
                        @if($language->direction == 'rtl')
                        <option value="ltr">
                            {{ trans('admin.left_to_right') }}
                        </option>
                        <option value="rtl" selected>{{ trans('admin.right_to_left') }}</option>
                        @else
                        <option value="rtl">{{ trans('admin.right_to_left') }}</option>
                        <option value="ltr" selected>{{ trans('admin.left_to_right') }}</option>
                        @endif
                    </select>
                </div>
                <div class="col-md-6 col-sm-12">
                    <label for="flag" class="ms-2 mb-1">{{ trans('admin.flag') }}</label>
                    <select name="flag" class="form-select rounded-pill bg-light">
                        <option value="">-</option>
                        @foreach ($countries as $country)
                            <option value="{{$country->flag}}" {{$country->flag == $language->flag ? 'selected': ''}}>{{$country->name->en ?? ""}} ({{$country->name->ar ?? ""}})</option>
                        @endforeach

                    </select>
                </div>
                <div class="col-md-6 col-sm-12">
                    <label for="date_format" class="ms-2 mb-1">{{ trans('admin.date_format') }}</label>
                    <input type="text" value="{{$language->date_format}}" name="date_format" class="form-control rounded-pill bg-light" placeholder="-">
                    <div class="form-text ms-2">{{ trans('admin.accepted_format') }} <a class="text-decoration-none" href="javascript: void(0);">ISO</a> patterns.</div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <label for="datetime_format" class="ms-2 mb-1">
                        {{ trans('admin.date_time_format') }}
                    </label>
                    <input type="text" value="{{$language->datetime_format}}" name="datetime_format" class="form-control rounded-pill bg-light" placeholder="-">
                    <div class="form-text ms-2">{{ trans('admin.accepted_date_format') }}<a class="text-decoration-none" href="javascript: void(0);">{{ trans('admin.ISO') }}</a> {{ trans('admin.patterns') }}.</div>
                </div>
                <div class="col-md-6 col-sm-12">

                    <div class="d-flex justify-content-between">
                        <label for="status" class="ms-2 mb-1">{{ trans('admin.language_status') }}</label>

                        <label class="switch">
                            <input type="checkbox" name="status" id="status" value="1" @if( $language->status === "1") checked @endif>
                            <div class="slider">
                                <!--ADDED HTML -->
                                <span class="on">{{ trans('admin.active') }}</span>
                                <span class="off">{{ trans('admin.inactive') }}</span>
                            </div>
                        </label>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="d-flex justify-content-between">
                        <label for="default" class="ms-2 mb-1">{{ trans('admin.default_status') }}</label>
                        <label class="switch">
                            <input type="checkbox" name="default" id="default" value="1" @if( $language->is_default === "1") checked @endif>
                            <div class="slider">
                                <!--ADDED HTML -->
                                <span class="on">{{ trans('admin.active') }}</span>
                                <span class="off">{{ trans('admin.inactive') }}</span>
                            </div>
                        </label>
                    </div>
                </div>
                <div class="col-12 text-end">
                    <hr>
                    <button type="submit" class="btn btn-primary">
                        <span class="bi bi-check-circle me-2"></span> {{ trans('admin.update') }}
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection