@extends('admin.master', ['menu' => 'memberShip', 'submenu' => 'allMembership'])
@section('title', isset($title) ? $title : '')
@section('content')
  <div class="row">
    <div class="col-md-12">
      <div class="breadcrumb__content">
        <div class="breadcrumb__content__left">
          <div class="breadcrumb__title">
            <h2>{{ __('Edit Members information') }}</h2>
          </div>
        </div>
        <div class="breadcrumb__content__right">
          <nav aria-label="breadcrumb">
            <ul class="breadcrumb">
              <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ __('Home') }}</a></li>
              <li class="breadcrumb-item active" aria-current="page">{{ __('Edit Members information') }}</li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="customers__area bg-style mb-30">
        <div class="row">
          <div class="col-lg-12">
            <form method="POST" enctype="multipart/form-data" action="{{ route('user.profile.update') }}">
              @csrf
              <input type="hidden" name="user_id" value="{{ $user->id }}">
              <table class="table table-striped" id="BlogTable">
                <thead>
                  <tr>
                    <th scope="col" colspan="2" class="bg-secondary text-white fw-bold">{{__('Member Details')}}</th>
                  </tr>
                </thead>
                <tbody class="border-top-0">
                  <tr>
                    <th scope="row">{{__('Name Ar')}}</th>
                    <td>
                      <input type="text" name="name_ar" value="{{ old('name_ar') ? old('name_ar') : ( $user ? $user ->name_ar : "") }}" placeholder="{{ __('Name (In Arabic)') }}" class="form-control rscnMemberLabel">
                      @error('name_ar')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </td>
                  </tr>
                  <tr>
                    <th scope="row">{{__('Name En')}}</th>
                    <td>
                      <input type="text" name="name" value="{{ old('name') ? old('name') : ( $user ? $user->name : "") }}"
                      placeholder="{{ __('Name (In English)') }}" class="form-control rscnMemberLabel">
                      @error('name')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </td>
                  </tr>
                  <tr>
                    <th scope="row">{{__('Email')}}</th>
                    <td>
                      <input type="text" class="form-control" name="email" value="{{ old('email') ? old('email') : $user->email }}">
                      @error('email')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </td>
                  </tr>
                  <tr>
                    <th scope="row">{{__('Mobile Number')}}</th>
                    <td>
                      <div class="row">
                        <div class="col-5">
                          <select id="country" name="PhoneNumber_country" class="form-control">
                            <option value="" selected disabled>{{ __('Select') }}</option>
                            @foreach ($countries as $country)
                              <option @if ($country->name_en == 'Jordan') selected @endif
                                data-country-code="{{ $country->country_code }}"
                                value="{{ $country->iso_code }}">
                                {{ langConverter($country->name_en, $country->name_ar) }}
                              </option>
                            @endforeach
                          </select>
                          @error('PhoneNumber_country')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                        <div class="col-7">
                          <div class="form-group">
                            <div class="input-group-prepend phone-number-box">
                              <div class="row">
                                <div class="col-3 pe-0">
                                  <span id="txtPhone" class="border w-100 h-100 d-flex align-items-center justify-content-center country-code {{ app()->getLocale() == 'en' ? 'border-right-0' : 'border-left-0 inputFieldA' }}"></span>
                                </div>
                                <div class="col-9 ps-0">
                                  <input type="tel" value="{{ old('PhoneNumber') ? old('PhoneNumber') : ( $user ? $user->PhoneNumber : "") }}"
                                    class="form-control" id="contact_number" name="PhoneNumber" />
                                </div>
                              </div>
                            </div>
                          </div>
                          @error('PhoneNumber')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr>
                    <th scope="row">{{__('Nationality')}}</th>
                    <td>
                      <select class="form-select rscnMemberLabel" name="nationality">
                        <option value="" selected disabled>{{ __('Nationality') }}</option>
                        @foreach ($nationalities as $nationality)
                          @if( old('nationality') ? old('nationality')== $nationality->id  : ($user ? $user->nationality == $nationality->id : false ))
                            <option value="{{ $nationality->id }}" selected>{{ langConverter($nationality->nationality, $nationality->name_ar) }}</option>
                          @else
                            <option value="{{ $nationality->id }}">{{ langConverter($nationality->nationality, $nationality->name_ar) }}</option>
                          @endif
                        @endforeach
                      </select>
                      @error('nationality')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </td>
                  </tr>
                  <tr>
                    <th scope="row">{{__('DOB')}}</th>
                    <td>
                      <input type="date" name="birthdate" value="{{ old('birthdate') ? old('birthdate') : $user->DOB }}"
                        placeholder="{{ __('DOB') }}" class="form-control rscnMemberLabel emzDateInputField">
                      <div class="rscnHint">{{ __('Date of Birth') }}</div>
                      @error('birthdate')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </td>
                  </tr>
                  <tr>
                    <th scope="row">{{__('Country Of Residence')}}</th>
                    <td>
                      <select class="form-select rscnMemberLabel" name="residence">
                        <option value="" selected disabled>{{ __('Country of residence') }}</option>
                        @foreach ($countries as $country)
                          @if( old('residence') ? old('residence')== $country->id  : ($user ? $user->residence == $country->id : false ))
                            <option value="{{ $country->id }}" selected>{{ langConverter($country->name_en, $country->name_ar) }}</option>
                          @else
                            <option value="{{ $country->id }}">{{ langConverter($country->name_en, $country->name_ar) }}</option>
                          @endif
                        @endforeach
                      </select>
                      @error('residence')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </td>
                  </tr>
                  <tr>
                    <th scope="row">{{__('Address')}}</th>
                    <td>
                      <input type="text" name="first_address" value="{{ old('first_address') ? old('first_address') : ( $user ? $user->first_address : "") }}"
                        placeholder="{{ __('Address') }}" class="form-control rscnMemberLabel">
                      @error('first_address')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </td>
                  </tr>
                  <tr>
                    <th scope="row">{{__('Preferred Language')}}</th>
                    <td>
                      <select class="form-select rscnMemberLabel" name="preferred_language">
                        <option value="" selected disabled>{{ __('Preferred language') }}</option>
                        @foreach (config('app.preferred_language') as $key => $language)
                          @if( old('preferred_language') ? old('preferred_language')== $key : ($user ? $user->preferred_language == $key : false ))
                            <option value="{{ $key }}" selected>{{ __($language) }}</option>
                          @else
                            <option value="{{ $key }}">{{ __($language) }}</option>
                          @endif
                        @endforeach
                      </select>
                      @error('preferred_language')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </td>
                  </tr>
                  <tr>
                    <th scope="row">{{__('Education')}}</th>
                    <td>
                      <select class="form-select rscnMemberLabel" name="education">
                        <option value="" selected disabled>{{ __('Education') }}</option>
                        @foreach (config('app.user_education') as $key => $education)
                          @if( old('education') ? old('education')== $key : ($user ? $user->education == $key : false ))
                            <option value="{{ $key }}" selected>{{ __($education) }}</option>
                          @else
                            <option value="{{ $key }}">{{ __($education) }}</option>
                          @endif
                        @endforeach
                      </select>
                      @error('education')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </td>
                  </tr>
                  {{-- <tr>
                    <th scope="row">{{__('Spouse Name')}}</th>
                    <td>
                      <input type="text" class="form-control" placeholder="{{ __('Spouse name') }}" name="spouse_name"  value="{{ old('spouse_name',$user->spouse_name) }}">
                      @error('spouse_name')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </td>
                  </tr> --}}
                  @if($user->membership->type == 'employee')
                    <tr>
                      <th scope="row">{{__('Job Title')}}</th>
                      <td>
                        <select class="form-select form-control" name="job_title_id">
                          <option value="" selected disabled>{{ __('Job Title') }}</option>
                          @foreach ($jobTitles as $jobTitle)
                            @if( old('job_title_id') ? old('job_title_id')== $jobTitle->id  : ($user ? $user->job_title_id==$jobTitle->id  : false))
                              <option value="{{ $jobTitle->id }}" selected>{{ langConverter($jobTitle->title_en, $jobTitle->title_ar) }}</option>
                            @else
                              <option value="{{ $jobTitle->id }}">{{ langConverter($jobTitle->title_en, $jobTitle->title_ar) }}</option>
                            @endif
                          @endforeach
                        </select>
                        @error('job_title_id')
                          <span class="text-danger">{{ $message }}</span>
                        @enderror
                      </td>
                    </tr>
                    <tr>
                      <th scope="row">{{__('Employee Code')}}</th>
                      <td>
                        <input type="text" class="form-control" placeholder="{{ __('Employee Code') }}" name="employee_code" value="{{ old('employee_code' ,$user->employee_code) }}">
                        @error('employee_code')
                        <span class="text-danger">{{ $message }}</span>
                        @enderror
                      </td>
                    </tr>
                  @endif
                  <tr>
                    <th scope="row">{{__('Gender')}}</th>
                    <td>
                      <select class="form-select rscnMemberLabel" name="Gender">
                        <option value="" selected disabled>{{ __('Gender') }}</option>
                          @foreach (config('app.gender') as $key => $gender)
                            @if( old('Gender') != null ? old('Gender')== $key : ($user ? $user->Gender == $key : false ))
                              <option value="{{ $key }}" selected>{{ __($gender) }}</option>
                            @else
                              <option value="{{ $key }}">{{ __($gender) }}</option>
                            @endif
                          @endforeach
                      </select>
                      @error('Gender')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </td>
                  </tr>
                  <tr>
                    <th scope="row">{{__('Interests')}}</th>
                    <td>
                      <select name="interests[]" id="field2"
                        class="form-select rscnMemberLabel multipleSelectBox" multiple
                        multiselect-search="true" multiselect-select-all="true">
                        @foreach ($interests as $interest)

                          @if (old('interests') ? old('interests') && in_array($interest->id,old('interests')) : (count($userInterest) >0 ? in_array($interest->id,$userInterest) : false))
                            <option value="{{ $interest->id }}" selected> {{ langConverter($interest->name_en, $interest->name_ar) }}</option>
                          @else
                            <option value="{{ $interest->id }}"> {{ langConverter($interest->name_en, $interest->name_ar) }}</option>
                          @endif
                        @endforeach
                      </select>
                      @error('interests')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </td>
                  </tr>
                  <tr>
                    <th scope="row">{{__('Passport Copy')}}</th>
                    <td>
                      <input type="file" name="passport_copy"
                      placeholder="{{ __('ID/Passport copy') }}" class="form-control rscnMemberLabel">
                      <div class="rscnHint">{{ __('ID/Passport copy') }}</div>
                      @error('passport_copy')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </td>
                  </tr>
                  <tr>
                    <th scope="row">{{__('Suits you')}}</th>
                    <td>
                      <select class="form-select form-control" name="identity">
                        <option value="" disabled>{{ __('Suits you') }}</option>
                        @foreach (Config::get('app.identity') as $key => $id)
                            @if( old('identity') ? old('identity')== $key  :($user ? $user->identity == $key : false ))
                              <option selected value="{{ $key }}">{{ __($id) }}</option>
                            @else
                              <option value="{{ $key }}">{{ __($id) }}</option>
                            @endif
                        @endforeach
                      </select>
                    </td>
                  </tr>
                  <tr>
                    <th scope="row">{{__('Profession')}}</th>
                    <td>
                      <textarea class="form-control" name="profession" placeholder="{{ __('Profession') }}">{{ old('profession',$user->profession) }}</textarea>
                    </td>
                  </tr>
                </tbody>
              </table>
              <button type="submit" class="float-end btn bg-secondary py-2 px-4 mt-2 text-white">{{ __('Save') }}</button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection



@push('post_scripts')
<script src="{{ asset('admin/js/custom/multiselect-dropdown.js') }}"></script>
<script type="text/javascript">
  $(function() {
    let value = "962";
    $("#txtPhone").text(value);
    $("#country").change(function() {
      let countryCode = $(this).find('option:selected').data('country-code');
      $("#txtPhone").text(countryCode);
    });
  })
</script>
@endpush