@extends('layouts.admin')
@section('content')
    <div class="card">
        <div class="card-header">
            {{ trans('global.create') }} {{ trans('cruds.idp.title_singular') }}
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('admin.idps.store') }}" enctype="multipart/form-data">
                @csrf
                <label class="required">Section 1: Identification Information</label>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required">1.1 {{ trans('cruds.idp.fields.category') }}</label>
                            @foreach (App\Models\Idp::CATEGORY_RADIO as $key => $label)
                                <div
                                    class="form-check @error('category') is-invalid @enderror {{ $errors->has('category') ? 'is-invalid' : '' }}">
                                    <input class="form-check-input" type="radio" id="category_{{ $key }}"
                                        name="category" value="{{ $key }}"
                                        {{ old('category', '') === (string) $key ? 'checked' : '' }}>
                                    <label class="form-check-label"
                                        for="category_{{ $key }}">{{ $label }}</label>
                                </div>
                            @endforeach
                            @error('category')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.category_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name">1.2 {{ trans('cruds.idp.fields.name') }}</label>
                            <input class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}" type="text"
                                name="name" id="name" value="{{ old('name', '') }}">
                            @error('name')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.name_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required" for="age">1.3 {{ trans('cruds.idp.fields.age') }}</label>
                            <input class="form-control {{ $errors->has('age') ? 'is-invalid' : '' }}" type="text"
                                name="age" id="age" value="{{ old('age', '') }}" required>
                            @error('age')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.age_helper') }}</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required">1.4 {{ trans('cruds.idp.fields.sex') }}</label>
                            @foreach (App\Models\Idp::SEX_RADIO as $key => $label)
                                <div
                                    class="form-check  @error('sex') is-invalid @enderror {{ $errors->has('sex') ? 'is-invalid' : '' }}">
                                    <input class="form-check-input" type="radio" id="sex_{{ $key }}"
                                        name="sex" value="{{ $key }}"
                                        {{ old('sex', '') === (string) $key ? 'checked' : '' }}>
                                    <label class="form-check-label"
                                        for="sex_{{ $key }}">{{ $label }}</label>
                                </div>
                            @endforeach
                            @error('sex')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.sex_helper') }}</span>
                        </div>
                    </div>
                </div>
                <label class="required">Section 2: Location Information</label>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required">2.1 {{ trans('cruds.idp.fields.voluntary_return') }}</label>
                            @foreach (App\Models\Idp::RETURN_TYPE_OPTIONS_RADIO as $key => $label)
                                <div
                                    class="form-check  @error('voluntary_return') is-invalid @enderror {{ $errors->has('voluntary_return') ? 'is-invalid' : '' }}">
                                    <input class="form-check-input" type="radio"
                                        id="voluntary_return_{{ $key }}" name="voluntary_return"
                                        value="{{ $key }}"
                                        {{ old('voluntary_return', '') === (string) $key ? 'checked' : '' }}>
                                    <label class="form-check-label"
                                        for="voluntary_return_{{ $key }}">{{ $label }}</label>
                                </div>
                            @endforeach
                            @error('voluntary_return')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.voluntary_return_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="forced_return_explanation">2.2
                                {{ trans('cruds.idp.fields.forced_return_explanation') }}</label>
                            <input class="form-control {{ $errors->has('forced_return_explanation') ? 'is-invalid' : '' }}"
                                type="text" name="forced_return_explanation" id="forced_return_explanation"
                                value="{{ old('forced_return_explanation', '') }}">
                            @error('forced_return_explanation')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span
                                class="help-block">{{ trans('cruds.idp.fields.forced_return_explanation_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required">2.3
                                {{ trans('cruds.idp.fields.duration_in_current_location') }}</label>
                            @foreach (App\Models\Idp::DURATION_OPTIONS_RADIO as $key => $label)
                                <div
                                    class="form-check  @error('duration_in_current_location') is-invalid @enderror {{ $errors->has('duration_in_current_location') ? 'is-invalid' : '' }}">
                                    <input class="form-check-input" type="radio"
                                        id="duration_in_current_location_{{ $key }}"
                                        name="duration_in_current_location" value="{{ $key }}"
                                        {{ old('duration_in_current_location', '') === (string) $key ? 'checked' : '' }}>
                                    <label class="form-check-label"
                                        for="duration_in_current_location_{{ $key }}">{{ $label }}</label>
                                </div>
                            @endforeach
                            @error('duration_in_current_location')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span
                                class="help-block">{{ trans('cruds.idp.fields.duration_in_current_location_helper') }}</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="required" for="relationship_with_host_community">2.4
                                {{ trans('cruds.idp.fields.relationship_with_host_community') }}</label>
                            <input
                                class="form-control {{ $errors->has('relationship_with_host_community') ? 'is-invalid' : '' }}"
                                type="text" name="relationship_with_host_community"
                                id="relationship_with_host_community"
                                value="{{ old('relationship_with_host_community', '') }}" required>
                            @error('relationship_with_host_community')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span
                                class="help-block">{{ trans('cruds.idp.fields.relationship_with_host_community_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="required">2.5
                                {{ trans('cruds.idp.fields.reasons_for_waiting_to_relocate') }}</label>
                            <div style="padding-bottom: 4px">
                                <span class="btn btn-info btn-xs select-all"
                                    style="border-radius: 0">{{ trans('global.select_all') }}</span>
                                <span class="btn btn-info btn-xs deselect-all"
                                    style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                            </div>
                            <select
                                class="form-control select2 select2-selection--multiple {{ $errors->has('reasons_for_waiting_to_relocate') ? 'is-invalid' : '' }}"
                                name="reasons_for_waiting_to_relocate[]" id="reasons_for_waiting_to_relocate" multiple>

                                @foreach (App\Models\Idp::REASONS_FOR_WAITING_OPTIONS_SELECT as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ old('reasons_for_waiting_to_relocate', '') === (string) $key ? 'selected' : '' }}>
                                        {{ $label }}</option>
                                @endforeach
                            </select>
                            @error('reasons_for_waiting_to_relocate')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span
                                class="help-block">{{ trans('cruds.idp.fields.reasons_for_waiting_to_relocate_helper') }}</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="required">2.6
                                {{ trans('cruds.idp.fields.preferred_relocation_options') }}</label>
                            <div style="padding-bottom: 4px">
                                <span class="btn btn-info btn-xs select-all"
                                    style="border-radius: 0">{{ trans('global.select_all') }}</span>
                                <span class="btn btn-info btn-xs deselect-all"
                                    style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                            </div>
                            <select
                                class="form-control select2 select2-selection--multiple {{ $errors->has('preferred_relocation_options') ? 'is-invalid' : '' }}"
                                name="preferred_relocation_options[]" id="preferred_relocation_options" multiple>

                                @foreach (App\Models\Idp::PREFERRED_RELOCATION_OPTIONS_SELECT as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ old('preferred_relocation_options', '') === (string) $key ? 'selected' : '' }}>
                                        {{ $label }}</option>
                                @endforeach
                            </select>
                            @error('preferred_relocation_options')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span
                                class="help-block">{{ trans('cruds.idp.fields.preferred_relocation_options_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="required">2.7 {{ trans('cruds.idp.fields.assistance_received') }}</label>
                            <div style="padding-bottom: 4px">
                                <span class="btn btn-info btn-xs select-all"
                                    style="border-radius: 0">{{ trans('global.select_all') }}</span>
                                <span class="btn btn-info btn-xs deselect-all"
                                    style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                            </div>
                            <select
                                class="form-control select2 select2-selection--multiple {{ $errors->has('assistance_received') ? 'is-invalid' : '' }}"
                                name="assistance_received[]" id="assistance_received" multiple>

                                @foreach (App\Models\Idp::ASSISTANCE_RECEIVED_OPTIONS_SELECT as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ old('assistance_received', '') === (string) $key ? 'selected' : '' }}>
                                        {{ $label }}</option>
                                @endforeach
                            </select>
                            @error('assistance_received')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.assistance_received_helper') }}</span>
                        </div>
                    </div>
                </div>

                <label class="required">Section 3: Socio-Economic Information</label>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required" for="family_members">3.1
                                {{ trans('cruds.idp.fields.family_members') }}</label>
                            <input class="form-control @error('family_members') is-invalid @enderror" type="number"
                                name="family_members" id="family_members" value="{{ old('family_members', '') }}"
                                step="1">
                            @error('family_members')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.family_members_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required" for="female_family_members">3.2
                                {{ trans('cruds.idp.fields.female_family_members') }}</label>
                            <input
                                class="form-control @error('female_family_members') is-invalid @enderror {{ $errors->has('female_family_members') ? 'is-invalid' : '' }}"
                                type="number" name="female_family_members" id="female_family_members"
                                value="{{ old('female_family_members', '') }}" step="1">
                            @error('female_family_members')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.female_family_members_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required" for="number_of_childrens">3.3
                                {{ trans('cruds.idp.fields.number_of_childrens') }}</label>
                            <input
                                class="form-control @error('number_of_childrens') is-invalid @enderror {{ $errors->has('number_of_childrens') ? 'is-invalid' : '' }}"
                                type="number" name="number_of_childrens" id="number_of_childrens"
                                value="{{ old('number_of_childrens', '') }}" step="1">
                            @error('number_of_childrens')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.number_of_childrens_helper') }}</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required" for="number_of_female_childrens">3.4
                                {{ trans('cruds.idp.fields.number_of_female_childrens') }}</label>
                            <input
                                class="form-control @error('number_of_female_childrens') is-invalid @enderror {{ $errors->has('number_of_female_childrens') ? 'is-invalid' : '' }}"
                                type="number" name="number_of_female_childrens" id="number_of_female_childrens"
                                value="{{ old('number_of_female_childrens', '') }}" step="1">
                            @error('number_of_female_childrens')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span
                                class="help-block">{{ trans('cruds.idp.fields.number_of_female_childrens_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required" for="number_of_members_in_co_a">3.5
                                {{ trans('cruds.idp.fields.number_of_members_in_co_a') }}</label>
                            <input
                                class="form-control {{ $errors->has('number_of_members_in_co_a') ? 'is-invalid' : '' }}"
                                type="number" name="number_of_members_in_co_a" id="number_of_members_in_co_a"
                                value="{{ old('number_of_members_in_co_a', '') }}" step="1">
                            @error('number_of_members_in_co_a')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span
                                class="help-block">{{ trans('cruds.idp.fields.number_of_members_in_co_a_helper') }}</span>
                        </div>
                    </div>
                </div>

                <label class="required">Section 4: Return Information</label>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required" for="return_state">4.1
                                {{ trans('cruds.idp.fields.return_state') }}</label>
                            <select class="form-control select2 {{ $errors->has('return_state') ? 'is-invalid' : '' }}"
                                name="return_state" id="return_state">
                                <option value="">Select State</option>
                                @foreach (getRegionData() as $region)
                                    <option value="{{ $region['name'] }}">{{ $region['name'] }}</option>
                                @endforeach
                            </select>
                            @error('return_state')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.return_state_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required" for="return_country">4.2
                                {{ trans('cruds.idp.fields.return_country') }}</label>
                            <select class="form-control select2 {{ $errors->has('return_country') ? 'is-invalid' : '' }}"
                                name="return_country" id="return_country">
                                <option value="">Select County</option>
                            </select>
                            @error('return_country')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.return_country_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="return_payam">4.3 {{ trans('cruds.idp.fields.return_payam') }}</label>
                            <select class="form-control select2 {{ $errors->has('return_payam') ? 'is-invalid' : '' }}"
                                name="return_payam" id="return_payam">
                                <option value="">Select Payam</option>
                            </select>
                            @error('return_payam')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.return_payam_helper') }}</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>4.4 {{ trans('cruds.idp.fields.before_lived') }}</label>
                            @foreach (App\Models\Idp::BEFORE_LIVED_RADIO as $key => $label)
                                <div class="form-check {{ $errors->has('before_lived') ? 'is-invalid' : '' }}">
                                    <input class="form-check-input" type="radio"
                                        id="before_lived_{{ $key }}" name="before_lived"
                                        value="{{ $key }}"
                                        {{ old('before_lived', '') === (string) $key ? 'checked' : '' }}>
                                    <label class="form-check-label"
                                        for="before_lived_{{ $key }}">{{ $label }}</label>
                                </div>
                            @endforeach
                            @error('before_lived')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.before_lived_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>4.5 {{ trans('cruds.idp.fields.area_of_origin') }}</label>
                            @foreach (App\Models\Idp::AREA_OF_ORIGIN_RADIO as $key => $label)
                                <div class="form-check {{ $errors->has('area_of_origin') ? 'is-invalid' : '' }}">
                                    <input class="form-check-input" type="radio"
                                        id="area_of_origin_{{ $key }}" name="area_of_origin"
                                        value="{{ $key }}"
                                        {{ old('area_of_origin', '') === (string) $key ? 'checked' : '' }}>
                                    <label class="form-check-label"
                                        for="area_of_origin_{{ $key }}">{{ $label }}</label>
                                </div>
                            @endforeach
                            @error('area_of_origin')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.area_of_origin_helper') }}</span>
                        </div>
                    </div>
                </div>

                <label class="required">Section 5: Return Journey Information</label>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required" for="state_of_origin">5.1
                                {{ trans('cruds.idp.fields.state_of_origin') }}</label>
                            <select
                                class="form-control select2 {{ $errors->has('state_of_origin') ? 'is-invalid' : '' }}"
                                name="state_of_origin" id="state_of_origin">
                                <option value="">Select State</option>
                                @foreach (getRegionData() as $region)
                                    <option value="{{ $region['name'] }}">{{ $region['name'] }}</option>
                                @endforeach
                            </select>
                            @error('state_of_origin')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.state_of_origin_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required" for="country_of_origin">5.2
                                {{ trans('cruds.idp.fields.country_of_origin') }}</label>
                            <select
                                class="form-control select2 {{ $errors->has('country_of_origin') ? 'is-invalid' : '' }}"
                                name="country_of_origin" id="country_of_origin">
                                <option value="">Select country of origin</option>
                            </select>
                            @error('country_of_origin')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.country_of_origin_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="payam_of_origin">5.3 {{ trans('cruds.idp.fields.payam_of_origin') }}</label>
                            <select
                                class="form-control select2 {{ $errors->has('payam_of_origin') ? 'is-invalid' : '' }}"
                                name="payam_of_origin" id="payam_of_origin">
                                <option value="">Select payam of origin</option>
                            </select>
                            @error('payam_of_origin')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.payam_of_origin_helper') }}</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="camp_in_co_a">5.4 {{ trans('cruds.idp.fields.camp_in_co_a') }}</label>
                            <input class="form-control {{ $errors->has('camp_in_co_a') ? 'is-invalid' : '' }}"
                                type="text" name="camp_in_co_a" id="camp_in_co_a"
                                value="{{ old('camp_in_co_a', '') }}">
                            @error('camp_in_co_a')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.camp_in_co_a_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required">5.5 {{ trans('cruds.idp.fields.country_of_asylum') }}</label>
                            @foreach (App\Models\Idp::COUNTRY_OF_ASYLUM_RADIO as $key => $label)
                                <div class="form-check {{ $errors->has('country_of_asylum') ? 'is-invalid' : '' }}">
                                    <input class="form-check-input" type="radio"
                                        id="country_of_asylum_{{ $key }}" name="country_of_asylum"
                                        value="{{ $key }}"
                                        {{ old('country_of_asylum', '') === (string) $key ? 'checked' : '' }}>
                                    <label class="form-check-label"
                                        for="country_of_asylum_{{ $key }}">{{ $label }}</label>
                                </div>
                            @endforeach
                            @error('country_of_asylum')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.country_of_asylum_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>5.6 {{ trans('cruds.idp.fields.registered_as_refugee') }}</label>
                            @foreach (App\Models\Idp::REGISTERED_AS_REFUGEE_RADIO as $key => $label)
                                <div class="form-check {{ $errors->has('registered_as_refugee') ? 'is-invalid' : '' }}">
                                    <input class="form-check-input" type="radio"
                                        id="registered_as_refugee_{{ $key }}" name="registered_as_refugee"
                                        value="{{ $key }}"
                                        {{ old('registered_as_refugee', '') === (string) $key ? 'checked' : '' }}>
                                    <label class="form-check-label"
                                        for="registered_as_refugee_{{ $key }}">{{ $label }}</label>
                                </div>
                            @endforeach
                            @error('registered_as_refugee')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.registered_as_refugee_helper') }}</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required">5.7 {{ trans('cruds.idp.fields.reasons_for_return') }}</label>
                            <div style="padding-bottom: 4px">
                                <span class="btn btn-info btn-xs select-all"
                                    style="border-radius: 0">{{ trans('global.select_all') }}</span>
                                <span class="btn btn-info btn-xs deselect-all"
                                    style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                            </div>
                            <select
                                class="form-control select2 select2-selection--multiple {{ $errors->has('reasons_for_return') ? 'is-invalid' : '' }}"
                                name="reasons_for_return[]" id="reasons_for_return" multiple>

                                @foreach (App\Models\Idp::REASONS_FOR_RETURN_SELECT as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ old('reasons_for_return', '') === (string) $key ? 'selected' : '' }}>
                                        {{ $label }}</option>
                                @endforeach
                            </select>
                            @error('reasons_for_return')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.reasons_for_return_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required">5.8 {{ trans('cruds.idp.fields.transport') }}</label>
                            @foreach (App\Models\Idp::TRANSPORT_RADIO as $key => $label)
                                <div class="form-check {{ $errors->has('transport') ? 'is-invalid' : '' }}">
                                    <input class="form-check-input" type="radio" id="transport_{{ $key }}"
                                        name="transport" value="{{ $key }}"
                                        {{ old('transport', '') === (string) $key ? 'checked' : '' }}>
                                    <label class="form-check-label"
                                        for="transport_{{ $key }}">{{ $label }}</label>
                                </div>
                            @endforeach
                            @error('transport')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.transport_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required">5.9 {{ trans('cruds.idp.fields.pay_for_trip') }}</label>
                            @foreach (App\Models\Idp::PAY_FOR_TRIP_RADIO as $key => $label)
                                <div class="form-check {{ $errors->has('pay_for_trip') ? 'is-invalid' : '' }}">
                                    <input class="form-check-input" type="radio"
                                        id="pay_for_trip_{{ $key }}" name="pay_for_trip"
                                        value="{{ $key }}"
                                        {{ old('pay_for_trip', '') === (string) $key ? 'checked' : '' }}>
                                    <label class="form-check-label"
                                        for="pay_for_trip_{{ $key }}">{{ $label }}</label>
                                </div>
                            @endforeach
                            @error('pay_for_trip')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.pay_for_trip_helper') }}</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>5.10 {{ trans('cruds.idp.fields.encountered') }}</label>
                            <div style="padding-bottom: 4px">
                                <span class="btn btn-info btn-xs select-all"
                                    style="border-radius: 0">{{ trans('global.select_all') }}</span>
                                <span class="btn btn-info btn-xs deselect-all"
                                    style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
                            </div>
                            <select
                                class="form-control select2 select2-selection--multiple {{ $errors->has('encountered') ? 'is-invalid' : '' }}"
                                name="encountered[]" id="encountered" multiple class="form-control">
                                @foreach (App\Models\Idp::ENCOUNTERED_SELECT as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ old('encountered', '') === (string) $key ? 'selected' : '' }}>
                                        {{ $label }}
                                    </option>
                                @endforeach
                            </select>
                            @error('encountered')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.encountered_helper') }}</span>
                        </div>
                    </div>
                </div>

                <label class="required">Section 6: Displacement Information</label>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>6.1 {{ trans('cruds.idp.fields.stay_in_ssd') }}</label>
                            @foreach (App\Models\Idp::STAY_IN_SSD_RADIO as $key => $label)
                                <div class="form-check {{ $errors->has('stay_in_ssd') ? 'is-invalid' : '' }}">
                                    <input class="form-check-input" type="radio" id="stay_in_ssd_{{ $key }}"
                                        name="stay_in_ssd" value="{{ $key }}"
                                        {{ old('stay_in_ssd', '') === (string) $key ? 'checked' : '' }}>
                                    <label class="form-check-label"
                                        for="stay_in_ssd_{{ $key }}">{{ $label }}</label>
                                </div>
                            @endforeach
                            @error('stay_in_ssd')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.stay_in_ssd_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>6.2 {{ trans('cruds.idp.fields.returned_to_ssd') }}</label>
                            @foreach (App\Models\Idp::RETURNED_TO_SSD_RADIO as $key => $label)
                                <div class="form-check {{ $errors->has('returned_to_ssd') ? 'is-invalid' : '' }}">
                                    <input class="form-check-input" type="radio"
                                        id="returned_to_ssd_{{ $key }}" name="returned_to_ssd"
                                        value="{{ $key }}"
                                        {{ old('returned_to_ssd', '') === (string) $key ? 'checked' : '' }}>
                                    <label class="form-check-label"
                                        for="returned_to_ssd_{{ $key }}">{{ $label }}</label>
                                </div>
                            @endforeach
                            @error('returned_to_ssd')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.returned_to_ssd_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="required">6.3 {{ trans('cruds.idp.fields.bordering_country') }}</label>
                            @foreach (App\Models\Idp::BORDERING_COUNTRY_RADIO as $key => $label)
                                <div class="form-check {{ $errors->has('bordering_country') ? 'is-invalid' : '' }}">
                                    <input class="form-check-input" type="radio"
                                        id="bordering_country_{{ $key }}" name="bordering_country"
                                        value="{{ $key }}"
                                        {{ old('bordering_country', '') === (string) $key ? 'checked' : '' }}>
                                    <label class="form-check-label"
                                        for="bordering_country_{{ $key }}">{{ $label }}</label>
                                </div>
                            @endforeach
                            @error('bordering_country')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.bordering_country_helper') }}</span>
                        </div>
                    </div>
                </div>

                <label class="required">Section 7: Bordering Country Information</label>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="interviewer_agency">7.1{{ trans('cruds.idp.fields.interviewer_agency') }}</label>
                            <input class="form-control {{ $errors->has('interviewer_agency') ? 'is-invalid' : '' }}"
                                type="text" name="interviewer_agency" id="interviewer_agency"
                                value="{{ old('interviewer_agency', '') }}">
                            @error('interviewer_agency')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.interviewer_agency_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="enumerator_code">7.2{{ trans('cruds.idp.fields.enumerator_code') }}</label>
                            <input class="form-control {{ $errors->has('enumerator_code') ? 'is-invalid' : '' }}"
                                type="number" name="enumerator_code" id="enumerator_code"
                                value="{{ old('enumerator_code', '') }}" step="1">
                            @error('enumerator_code')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.enumerator_code_helper') }}</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="comment">7.3 {{ trans('cruds.idp.fields.comment') }}</label>
                            <textarea class="form-control {{ $errors->has('comment') ? 'is-invalid' : '' }}" name="comment" id="comment">{{ old('comment') }}</textarea>
                            @error('comment')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <span class="help-block">{{ trans('cruds.idp.fields.comment_helper') }}</span>
                        </div>
                    </div>
                </div>

                <label class="required">Section 8: Biometric Data</label>
                <div class="row">
                    <!-- Biometric Data Upload and Preview -->
                    <div class="col-md-6">
                        <p>Biometric Data can be upload from mobile app</p>
                        {{--  <div class="form-group">
                            <label for="biometric">{{ trans('cruds.idp.fields.biometric') }}</label>
                            <input class="form-control" type="file" name="biometric" id="biometric">
                            <span class="help-block">{{ trans('cruds.idp.fields.biometric_helper') }}</span>
                        </div> --}}
                    </div>
                    <!-- Biometric Data Upload and Preview -->
                    {{-- <div class="col-md-6">
                        <div class="form-group">
                            <label for="retina">{{ trans('cruds.idp.fields.retina') }}</label>
                            <input class="form-control" type="file" name="retina" id="retina">
                            <span class="help-block">{{ trans('cruds.idp.fields.retina_helper') }}</span>
                        </div>
                    </div> --}}
                </div>

                {{-- <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Biometric Image Preview</label>
                            <img id="biometricPreview" src="https://via.placeholder.com/150x80"
                                alt="Biometric Image Preview" style="width: 84%;">
                        </div>
                    </div>
                </div> --}}
                <div class="form-group text-center">
                    <div class="col-md-6 offset-md-3"> <!-- Adjusted grid classes -->
                        <button class="btn btn-danger btn-md btn-block" type="submit">
                            {{ trans('global.save') }}
                        </button>
                    </div>
                </div>


            </form>
        </div>
    </div>
@endsection
@push('script')
    <script>
        $(document).ready(function() {
            function fetchDropdownData(selectedState, selectedDropdown, url) {
                if (selectedState !== '') {
                    $.ajax({
                        url: url + selectedState,
                        type: 'GET',
                        success: function(data) {
                            const dropdown = $(selectedDropdown);
                            dropdown.empty().append($('<option value="">Select</option>'));
                            $.each(data, function(index, item) {
                                dropdown.append($('<option>', {
                                    value: item.name,
                                    text: item.name
                                }));
                            });
                        }
                    });
                } else {
                    $(selectedDropdown).empty().append($('<option value="">Select</option>'));
                }
            }

            $(document).on('change', '#return_state', function() {
                fetchDropdownData(
                    $(this).val(),
                    '#return_country',
                    '/get-counties/'
                );
            });

            $(document).on('change', '#return_country', function() {
                fetchDropdownData(
                    $(this).val(),
                    '#return_payam',
                    '/get-payams/'
                );
            });

            $('#state_of_origin').on('change', function() {
                fetchDropdownData(
                    $(this).val(),
                    '#country_of_origin',
                    '/get-counties/'
                );
            });

            $('#country_of_origin').on('change', function() {
                fetchDropdownData(
                    $(this).val(),
                    '#payam_of_origin',
                    '/get-payams/'
                );
            });
        });
    </script>

    <script>
        // JavaScript for updating image previews
        document.getElementById('biometric').addEventListener('change', function() {
            const biometricPreview = document.getElementById('biometricPreview');
            if (this.files && this.files[0]) {
                biometricPreview.src = URL.createObjectURL(this.files[0]);
            }
        });
    </script>
@endpush