@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 Honorary Member Details') }}</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 Honorary Member Details') }}</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('admin.membershipHonoraryInformation.update',$membershipHonoraryInformation->id) }}">
              @csrf
              @method('PUT')
              <table class="table table-striped" id="BlogTable">
                <thead>
                  <tr>
                    <th scope="col" colspan="2" class="bg-secondary text-white fw-bold">{{__('Edit honorary Member Details')}}</th>
                  </tr>
                </thead>
                <tbody class="border-top-0">
                  <tr>
                    <th scope="row">{{__('Referral From')}}</th>
                    <td>
                      <input type="text" name="referral_from" value="{{ old('referral_from') ? old('referral_from') : ( $membershipHonoraryInformation ? $membershipHonoraryInformation ->referral_from : "") }}" placeholder="{{ __('Referral From') }}" class="form-control rscnMemberLabel">
                      @error('referral_from')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </td>
                  </tr>
                  <tr>
                    <th scope="row">{{__('Contact Person')}}</th>
                    <td>
                      <input type="text" name="contact_person" value="{{ old('contact_person') ? old('contact_person') : ( $membershipHonoraryInformation ? $membershipHonoraryInformation->contact_person : "") }}"
                      placeholder="{{ __('Contact Person') }}" class="form-control rscnMemberLabel">
                      @error('contact_person')
                        <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') : ( $membershipHonoraryInformation ? $membershipHonoraryInformation->mobile : "") }}"
                                    class="form-control" id="PhoneNumber" name="PhoneNumber" />
                                </div>
                              </div>
                            </div>
                          </div>
                          @error('PhoneNumber')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                      </div>
                    </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 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