@include('front.membership_new.from_fields.personal_information')
<hr class="mt-3 mb-5">
<div class="row">
  <div class="col-md-6 mb-20">
    <input type="text" name="corporate_name" value="{{ old('corporate_name') }}"
      placeholder="{{ __('Corporate Name') }}" class="form-control rscnMemberLabel">
    @error('corporate_name')
      <span class="text-danger">{{ $message }}</span>
    @else
      <small class="text-danger required-txt">* {{ __('Required Field') }}</small>
    @enderror
  </div>
  <div class="col-md-6 mb-20">
    <input type="text" name="landline" value="{{ old('landline') }}"
      placeholder="{{ __('LandLine No (Optional)') }}" class="form-control rscnMemberLabel">
    @error('landline')
      <span class="text-danger">{{ $message }}</span>
    @enderror
  </div>
  <div class="col-md-6 mb-20">
    <input type="text" name="website" value="{{ old('website') }}" placeholder="{{ __('Website (Optional)') }}" class="form-control rscnMemberLabel">
    @error('website')
      <span class="text-danger">{{ $message }}</span>
    @enderror
  </div>
  <div class="col-md-6 mb-20">
    <select class="form-select rscnMemberLabel" name="sector_id">
      <option value="" selected disabled>{{ __('Sector') }}</option>
      @foreach ($sectors as $sector)
        @if( old('sector_id')== $sector->id)
          <option value="{{ $sector->id }}" selected>{{ langConverter($sector->en_name, $sector->fr_name) }}</option>
        @else
          <option value="{{ $sector->id }}">{{ langConverter($sector->en_name, $sector->fr_name) }}</option>
        @endif
      @endforeach
    </select>
    @error('sector_id')
      <span class="text-danger">{{ $message }}</span>
    @else
      <small class="text-danger required-txt">* {{ __('Required Field') }}</small>
    @enderror
  </div>
  <div class="col-md-6 mb-20">
    <select class="form-select rscnMemberLabel" name="area_of_operations">
      <option value="" selected disabled>{{ __('Area of operations') }}</option>
      @foreach (config('app.operation_area') as $key => $area)
        @if( old('area_of_operations')== $key )
          <option value="{{ $key }}" selected>{{ __($area) }}</option>
        @else
          <option value="{{ $key }}">{{ __($area) }}</option>
        @endif
      @endforeach
    </select>
    @error('area_of_operations')
      <span class="text-danger">{{ $message }}</span>
    @else
      <small class="text-danger required-txt">* {{ __('Required Field') }}</small>
    @enderror
  </div>
  <div class="col-md-6 mb-20">
    <input type="file" name="file" placeholder="{{ __('Commercial register') }}" class="form-control rscnMemberLabel">
    <span>{{ __('valid extentions (jpg,png,jpeg,svg)') }}</span>
    @error('file')
      <span class="text-danger">{{ $message }}</span>
    @else
      <small class="text-danger required-txt">* {{ __('Required Field') }}</small>
    @enderror
  </div>
   <!---------------------- Contact person information --------------------------->
  <div class="col-md-12">
    <label class="rscnMemberBoxTit">{{ __('Contact person information') }}</label>
    <div class="rscnOptionBox rscn_duplicate_box optionBox">
        <div class="block">
          <div class="row add-more-section">
            <div class="col-md-6 mb-20">
              <input type="text" name="contact_person[0][name]"
                placeholder="{{ __('Name') }}" class="form-control rscnMemberLabel">

              @error('contact_person.*.name')
                <span class="text-danger">{{ $message }}</span>
                @else
                <small class="text-danger required-txt">* {{ __('Required Field') }}</small>
              @enderror
            </div>
            <div class="col-md-6 mb-20">
              <div class="row">
                <div class="col-5">
                  <select  class="countryList form-select rscnMemberLabel"
                    name="contact_person[0][mobile_country]">
                    <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>
                </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  class="txtPhone1 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="text" class="form-control"  id="contact_number"
                            name="contact_person[0][mobile]" />
                        </div>
                      </div>
                    </div>
                  </div>
                  @error('contact_person.*.mobile')
                    <span class="text-danger">{{ $message }}</span>
                  @else
                    <small class="text-danger required-txt">* {{ __('Required Field') }}</small>
                  @enderror
                </div>
              </div>
            </div>
          </div>
        </div>
      <button type="button" class="btn p-0 rscnAddR rscnAddAnotherBoxBtn rscn_add_option_btn block">
        <span class="add"><i class="fas fa-plus"></i></span>
        <span class="add">{{ __('Add another option') }}</span>
      </button>
    </div>
  </div>
</div>