@extends('admin.layouts.container')

@section('content')
<div class="side-title">
    <h3>{{ $head ?? '' }}</h3>
</div>

<div class="border-item">
    <form class="form-row" method="post" action="{{ $action }}">
        @if($user ?? '' && $user->id)
        @method('PUT')
        @endif
        @CSRF

        <div class="form-group col-lg-6">
            <label>{{ meta('name', getCurrentLocale()) ?? __('endusers.name') }} </label>
            <input type="text" class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}" name="name" placeholder="{{ meta('name', getCurrentLocale()) ??__('endusers.name') }}" value='{{ old("name", $user->name ?? "") }}' />
        </div>
        @if(auth()->user()->role != 'sub_admin')
        <div class="form-group col-lg-6">
            <label>{{ meta('email', getCurrentLocale()) ?? __('endusers.email') }} </label>
            <input type="text" class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}" name="email"
                placeholder="{{ meta('email', getCurrentLocale()) ?? __('endusers.email') }}"
                value='{{ old("email", $user->email ?? "") }}' />
        </div>
        @endif

        <div class="form-group phone_form_group col-lg-6">
            <label>{{ meta('phone', getCurrentLocale()) ?? __('endusers.phone') }} </label>
            <input type="text" class="form-control {{ $errors->has('phone') ? 'is-invalid' : '' }}" name="phone" placeholder="5XXXXXXX" value='{{ old("phone", $user->phone ?? "") }}' />
            <!-- <span class="num_code">+966</span> -->
        </div>

        <div class="form-group phone_form_group col-lg-6">

            <div class="form-group">
                <label for="mySelect">{{ __('endusers.role') }}</label>
                <select id="role" name="role" class="form-control {{ $errors->has('role') ? 'is-invalid' : '' }}">
                    <option value="">{{ __('endusers.select_option') }}</option>

                    <option value="1" {{ old('admin', $user->role ?? '') == 1 ? 'selected' : '' }}>
                        {{ __('endusers.1') }}
                    </option>
                    <option value="2" {{ old('sub_admin', $user->role ?? '') == 2 ? 'selected' : '' }}>
                        {{ __('endusers.2') }}
                    </option>
                </select>
            </div>
        </div>


       
        <div class="form-group col-lg-6">
    <label for="country">{{ __('endusers.country') }}</label>
    @if (!($user ?? '' && $user->id))

    <select id="country" name="country" class="form-control {{ $errors->has('country') ? 'is-invalid' : '' }}">
        <option value="">{{ __('endusers.select_option') }}</option>
        @foreach($countryNames as $country)
            <option value="{{ $country->name }}"
                {{-- For create: use old() to preserve the selected value --}}
                {{ old('country') == $country->name ? 'selected' : '' }}
                
                {{-- For update: check if the EndUser's country matches --}}
                @isset($endUser)
                    {{ $endUser->country == $country->name ? 'selected' : '' }}
                @endisset
            >
                {{ $country->name }}
            </option>
        @endforeach
    </select>
    @else 
    <input type="text" class="form-control {{ $errors->has('country') ? 'is-invalid' : '' }}" 
    name="country" placeholder="{{ meta('country', getCurrentLocale()) ??__('endusers.country') }}" 
    value='{{ old("country", $user->country ?? "") }}' />

    @endif
</div>


        <div class="form-group col-lg-6">
            <label>{{ meta('password', getCurrentLocale()) ?? __('endusers.password') }} </label>
            <input type="password" class="form-control {{ $errors->has('password') ? 'is-invalid' : '' }}" name="password" placeholder="{{ meta('password', getCurrentLocale()) ?? __('endusers.password') }}" value='{{ old("password", "") }}' />
        </div>

        <div class="form-group col-lg-6">
            <label>{{ meta('password_confirmation', getCurrentLocale()) ?? __('endusers.password_confirmation') }} </label>
            <input type="password" class="form-control {{ $errors->has('password_confirmation') ? 'is-invalid' : '' }}" name="password_confirmation" placeholder="{{ meta('password_confirmation', getCurrentLocale()) ?? __('endusers.password_confirmation') }}" value='{{ old("password_confirmation", "") }}' />
        </div>





        <div class="text-center mt-5 col-12">
            <button class="butn"><span>{{ __('dashboard.save') }}</span></button>
        </div>
    </form>
</div>

@endsection

@section('inner_js')
<!-- Editor JS files -->
<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
<script>
    let route_prefix = "{{ url(config('lfm.prefix')) }}",
        url = "{{url('/')}}/",
        imagePath = "{{asset('')}}";
</script>
<script src="{{ asset('assets/admin/js/editor.js') }}"></script>
<script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
@endsection