@php
    $countries = \App\Models\Country::where('status',1)->get();
@endphp

<!-- Permanent Address -->
<div class="border p-3 mb-3">
    <h5 class="mb-3">Permanent Address</h5>

    <input type="hidden" name="address_type" value="permanent">

    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <label class="form-label" for="address">Street Address <span class="text-danger">*</span></label>
                <textarea name="address" class="form-control" required></textarea>
                @error('address')
                    <small class="form-text text-danger">{{ $message }}</small>
                @enderror
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <label class="form-label" for="permanent_country_id">{{translate('Country')}} <span class="text-danger">*</span></label>
                <select class="form-control aiz-selectpicker" name="permanent_country_id" id="permanent_country_id" data-live-search="true" required>
                    <option value="">{{translate('Select One')}}</option>
                    @foreach ($countries as $country)
                        <option value="{{$country->id}}">{{$country->name}}</option>
                    @endforeach
                </select>
                @error('permanent_country_id')
                    <small class="form-text text-danger">{{ $message }}</small>
                @enderror
            </div>
        </div>

        <div class="col-md-6">
            <div class="form-group">
                <label class="form-label" for="permanent_state_id">{{translate('State')}} <span class="text-danger">*</span></label>
                <select class="form-control aiz-selectpicker" name="permanent_state_id" id="permanent_state_id" data-live-search="true" required>
                </select>
                @error('permanent_state_id')
                    <small class="form-text text-danger">{{ $message }}</small>
                @enderror
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <label class="form-label" for="permanent_city_id">{{translate('City')}} <span class="text-danger">*</span></label>
                <select class="form-control aiz-selectpicker" name="permanent_city_id" id="permanent_city_id" data-live-search="true" required>
                </select>
                @error('permanent_city_id')
                    <small class="form-text text-danger">{{ $message }}</small>
                @enderror
            </div>
        </div>

        <div class="col-md-6">
            <div class="form-group">
                <label class="form-label" for="permanent_postal_code">{{translate('Postal Code')}} <span class="text-danger">*</span></label>
                <input type="text" name="permanent_postal_code" class="form-control" placeholder="{{translate('Postal Code')}}" required>
                @error('permanent_postal_code')
                    <small class="form-text text-danger">{{ $message }}</small>
                @enderror
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <label class="form-label" for="native_place">Native Place <span class="text-danger">*</span></label>
                <input type="text" name="native_place" class="form-control" required>
                @error('native_place')
                    <small class="form-text text-danger">{{ $message }}</small>
                @enderror
            </div>
        </div>
    </div>
</div>

<!-- Checkbox to skip present address -->
<div class="form-check mb-3">
    <input class="form-check-input" type="checkbox" name="same_as_permanent" id="same_as_permanent">
    <label class="form-check-label" for="same_as_permanent">
        Present address is same as permanent address
    </label>
</div>

<!-- Present Address -->
<div class="border p-3 mb-5" id="present_address_section">
    <h5 class="mb-3">Present Address</h5>

    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <label class="form-label" for="present_address">Street Address <span class="text-danger">*</span></label>
                <textarea name="present_address" class="form-control" required></textarea>
                @error('present_address')
                    <small class="form-text text-danger">{{ $message }}</small>
                @enderror
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <label class="form-label" for="present_country_id">{{translate('Country')}} <span class="text-danger">*</span></label>
                <select class="form-control aiz-selectpicker" name="present_country_id" id="present_country_id" data-live-search="true" required>
                    <option value="">{{translate('Select One')}}</option>
                    @foreach ($countries as $country)
                        <option value="{{$country->id}}">{{$country->name}}</option>
                    @endforeach
                </select>
                @error('present_country_id')
                    <small class="form-text text-danger">{{ $message }}</small>
                @enderror
            </div>
        </div>

        <div class="col-md-6">
            <div class="form-group">
                <label class="form-label" for="present_state_id">{{translate('State')}} <span class="text-danger">*</span></label>
                <select class="form-control aiz-selectpicker" name="present_state_id" id="present_state_id" data-live-search="true" required>
                </select>
                @error('present_state_id')
                    <small class="form-text text-danger">{{ $message }}</small>
                @enderror
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <label class="form-label" for="present_city_id">{{translate('City')}} <span class="text-danger">*</span></label>
                <select class="form-control aiz-selectpicker" name="present_city_id" id="present_city_id" data-live-search="true" required>
                </select>
                @error('present_city_id')
                    <small class="form-text text-danger">{{ $message }}</small>
                @enderror
            </div>
        </div>

        <div class="col-md-6">
            <div class="form-group">
                <label class="form-label" for="present_postal_code">{{translate('Postal Code')}} <span class="text-danger">*</span></label>
                <input type="text" name="present_postal_code" class="form-control" placeholder="{{translate('Postal Code')}}" required>
                @error('present_postal_code')
                    <small class="form-text text-danger">{{ $message }}</small>
                @enderror
            </div>
        </div>
    </div>
</div>