@php
use Illuminate\Support\Facades\DB;
$data = $data ?? null;
$info = $data->applicant_information ?? null;
$old_ninfo = isset($data->nominee_information)?$data->nominee_information:null;
if($info) {
    $ninfo = DB::table('customer_nominee_informations')
    ->where('customer_id', $info->id)
    ->whereNull('joint_id') // joint_id null হবে
    ->get();
} else {
    $ninfo = collect(); // খালি collection
}
@endphp

<style>
    #applicant_information_form input[type="file"] {
        display: block !important;
    }

    #applicant_information_form select {
        width: 100% !important;
        border: 1px solid #ced4da !important;
        min-height: 35px !important;
    }

    .nominee-item {
        position: relative;
    }

    .removeNominee {
        position: absolute;
        top: 8px;
        right: 8px;
    }

</style>

<form id="applicant_information_form" action="{{ route('admin.customer.store') }}" method="POST" enctype="multipart/form-data">

    @csrf
    <input type="hidden" name="user_id" value="{{ $data->id ?? 0 }}">
    <input type="hidden" name="model" value="applicant_information">
    <input type="hidden" name="updated_id" value="{{ $info->id ?? 0 }}">

    {{-- ======================== Applicant Info ======================== --}}
    <div class="row pt-3">
        <div class="col-12">
            <h5 class="fw-500 mb-3">Applicant Information</h5>
        </div>
    </div>

    {{-- Example field row --}}
    <!-- 1st row  -->
    <div class="row">
        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="search">{{ __('cruds.customer_code') }} (<span class="text-danger">*</span>)</label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                    <input type="text" id="search" name="customer_code" value="{{ $info->customer_code??'' }}" class="form-control" placeholder="File No" autocomplete="off" required>
                    @if($errors->has('customer_code'))
                    <em class="invalid-feedback">
                        {{ $errors->first('customer_code') }}
                    </em>
                    @endif
                    <div id="suggestions"></div>
                    {{-- <input type="text" required class="form-control unique_code" id="customer_code" name="customer_code" value="{{ $info->customer_code??'' }}" data-model="Customer" data-prefix="CUS" data-update_id="{{ isset($customer) ? $customer->id : 0 }}"> --}}
                </div>
            </div>
        </div>

        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="firstname">{{ __('cruds.applicants') }} {{ __('cruds.firstname') }} (<span class="required">*</span>) </label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                    <input type="text" class="form-control" id="firstname" name="firstname" value="{{old('firstname', $info->firstname??'') }}" required>
                </div>
            </div>
        </div>
    </div>

    <!-- 2nd row  -->
    <div class="row">
        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="lastname">{{ __('cruds.applicants') }} {{ __('cruds.lastname') }} </label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7  text-left">
                    <input type="text" class="form-control" id="lastname" name="lastname" value="{{ $info->lastname??'' }}">
                </div>
            </div>
        </div>

        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="father_name">{{ __('cruds.father_name') }} </label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                    <input type="text" class="form-control" id="father_name" name="father_name" value="{{ $info->father_name??'' }}">
                </div>
            </div>
        </div>
    </div>

    <!-- 3rd row  -->
    <div class="row">
        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="mother_name">{{ __('cruds.mother_name') }} </label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7  text-left">
                    <input type="text" class="form-control" id="mother_name" name="mother_name" value="{{ $info->mother_name??'' }}">
                </div>
            </div>
        </div>

        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="spouse_name">{{ __('cruds.spouse_name') }} </label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                    <input type="text" class="form-control" id="spouse_name" name="spouse_name" value="{{ $info->spouse_name??'' }}">
                </div>
            </div>
        </div>
    </div>

    <!-- 4th row  -->
    <div class="row">
        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="profession">{{ __('cruds.profession') }} </label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7  text-left">
                    <select name="profession" id="profession" class="form-control">
                        {!! option(profession(),trans('cruds.select'),$info->profession??'') !!}
                    </select>
                </div>
                {{-- <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7  text-left">
                                <input type="text" class="form-control" id="profession" name="profession" value="{{ $info->profession??'' }}">
            </div> --}}
        </div>
    </div>

    <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
        <div class="row d-flex align-items-center justify-content-start ">
            <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                <label for="date_of_birth">{{ __('cruds.date_of_birth') }}</label>
            </div>
            <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                <input type="date" class="form-control" id="date_of_birth" name="date_of_birth" value="{{ $info->date_of_birth??'' }}">
            </div>
        </div>
    </div>
    </div>
    <!-- 5th row  -->
    <div class="row">
        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="id_type">{{ __('cruds.id_type') }} </label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7  text-left">
                    <select name="id_type" id="id_type" class="form-control">
                        {!! option(id_types(),trans('cruds.select'),$info->id_type??'') !!}
                    </select>
                </div>
            </div>
        </div>

        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="id_number" id="number_label">{{ __('cruds.id_number') }} </label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                    <input type="text" class="form-control" id="id_number" name="id_number" value="{{ $info->id_number??'' }}">
                </div>
            </div>
        </div>
    </div>
    <!-- 6th row  -->
    <div class="row">
        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="religion">{{ __('cruds.religion') }} (<span class="text-danger">*</span>) </label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7  text-left">
                    <select name="religion" id="religion" class="form-control" required>
                        {!! option(religion(),trans('cruds.select'),$info->religion??'') !!}
                    </select>
                </div>
            </div>
        </div>

        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="nationality">{{ __('cruds.nationality') }} </label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                    <input type="text" class="form-control" id="nationality" name="nationality" value="{{ $info->nationality??'Bangladeshi' }}">
                </div>
            </div>
        </div>
    </div>
    <!-- 7th row  -->
    <div class="row">
        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="gender">{{ __('cruds.gender') }} </label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7  text-left">
                    <select name="gender" id="gender" class="form-control ">
                        {!! option(gender(),trans('cruds.select'),$info->gender??'') !!}
                    </select>
                </div>
            </div>
        </div>

        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="mobile_no">{{ __('cruds.mobile_no') }} (<span class="required">*</span>)</label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                    <input type="text" class="form-control" id="mobile_no" name="mobile_no" value="{{ $info->mobile_no??'' }}" required>
                    @if($errors->has('mobile_no'))
                    <em class="invalid-feedback">
                        {{ $errors->first('mobile_no') }}
                    </em>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <!-- 8th row  -->
    <div class="row">
        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="email">{{ __('cruds.email_address') }} </label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7  text-left">
                    <input type="email" class="form-control" id="email" name="email" value="{{ $data->email??'' }}">
                </div>
            </div>
        </div>

        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
            <div class="row d-flex align-items-center justify-content-start ">
                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                    <label for="profile_photo">{{ __('cruds.profile_photo') }} </label>
                </div>
                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                    {!! uploadedFile(isset($info)?$info:'',isset($info)?$info->profile_photo:'','create','','profile_photo') !!}
                    {{-- <input type="file" class="form-control" id="profile_photo" name="profile_photo" value="{{ $info->profile_photo??'' }}"> --}}
                </div>
            </div>
        </div>
    </div>

    <div class="row mt-5">
        <!-- present address -->
        <h5 class="text-left fw-500">
            <!-- {{ __('cruds.present_address') }} -->
            Address
        </h5>
        <div class="col-md-6">
            <div class="row mt-3">
                <div class="col-sm-12 col-md-12 col-xl-12 col-lg-12 ">
                    <!-- address -->
                    <div class="row d-flex align-items-center justify-content-start ">
                        <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                            <label class="form-label">
                                <!-- {{__('cruds.address')}} -->
                                Present Address
                            </label>
                        </div>
                        <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                            <textarea type="text" class="form-control  {{ $errors->has('present_address') ? 'is-invalid' : '' }}" name="present_address" id="present_address" placeholder="{{__('cruds.address')}}">{{ isset($info)?$info->present_address:'' }}</textarea>
                            @if($errors->has('present_address'))
                            <em class="invalid-feedback">
                                {{ $errors->first('present_address') }}
                            </em>
                            @endif
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="col-md-6">
            <!-- permanent address  -->
            <!-- <h5 class="text-left fw-500">{{ __('cruds.permanent_address') }}</h5> -->
            <div class="row mt-3">
                <div class="col-sm-12 col-md-12 col-xl-12 col-lg-12 ">
                    <!-- address -->
                    <div class="row d-flex align-items-center justify-content-start ">
                        <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                            <label class="form-label">
                                <!-- {{__('cruds.address')}} -->
                                Permanent Address
                            </label>
                        </div>
                        <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                            <textarea type="text" class="form-control  {{ $errors->has('permanent_address') ? 'is-invalid' : '' }}" name="permanent_address" id="permanent_address" placeholder="{{__('cruds.address')}}">{{ isset($info)?$info->permanent_address:'' }}</textarea>
                            @if($errors->has('permanent_address'))
                            <em class="invalid-feedback">
                                {{ $errors->first('permanent_address') }}
                            </em>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- ... (keep your other applicant fields exactly as before) ... --}}

    {{-- ======================== Nominee Section ======================== --}}
    <div class="row pt-5">
        <div class="col-6">
            <h5 class="fw-500 text-left">Nominee Information</h5>
        </div>
        <div class="col-6 text-end">
            <button type="button" class="btn btn-success btn-sm" id="addNomineeBtn">+ Add Nominee</button>
        </div>
    </div>

    <div id="nomineeContainer">
        @if ($ninfo->count() > 0)
        @foreach ($ninfo as $key => $ninfo)
        {{-- First Nominee --}}
        <div class="nominee-item border p-3 mb-3 rounded bg-light" style="{{ !$loop->first ? 'margin-top: 50px;' : '' }}">
            <button type="button" class="btn btn-danger btn-sm removeNominee">×</button>
            @if(!$loop->first)
                <h6 class="fw-bold mb-3">Nominee Information {{ $loop->iteration }}</h6>
            @endif
            <div class="row g-3">
                <div class="col-md-6">
                    <label>Firstname</label>
                    <input type="text" class="form-control" name="nfirstname[]" value="{{ $ninfo->firstname ?? '' }}">
                </div>
                <div class="col-md-6">
                    <label>Lastname</label>
                    <input type="text" class="form-control" name="nlastname[]" value="{{ $ninfo->lastname ?? '' }}">
                </div>

                <div class="col-md-6">
                    <label>Father Name</label>
                    <input type="text" class="form-control" name="n_father_name[]" value="{{ $ninfo->father_name ?? '' }}">
                </div>
                <div class="col-md-6">
                    <label>Mother Name</label>
                    <input type="text" class="form-control" name="n_mother_name[]" value="{{ $ninfo->mother_name ?? '' }}">
                </div>

                <div class="col-md-6">
                    <label>Spouse Name</label>
                    <input type="text" class="form-control" name="n_spouse_name[]" value="{{ $ninfo->spouse_name ?? '' }}">
                </div>
                <div class="col-md-6">
                    <label>Profession</label>
                    <select name="n_profession[]" class="form-control">
                        {!! option(profession(), trans('cruds.select'), $ninfo->profession ?? '') !!}
                    </select>
                </div>

                <div class="col-md-6">
                    <label>Date of Birth</label>
                    <input type="date" class="form-control" name="n_date_of_birth[]" value="{{ $ninfo->date_of_birth ?? '' }}">
                </div>
                <div class="col-md-6">
                    <label>Mobile No</label>
                    <input type="text" class="form-control" name="n_mobile_no[]" value="{{ $ninfo->mobile_no ?? '' }}">
                </div>

                <div class="col-md-6">
                    <label>Email</label>
                    <input type="email" class="form-control" name="n_email[]" value="{{ $ninfo->email ?? '' }}">
                </div>
                <div class="col-md-6">
                    <label>Profile Photo</label>
                    <input type="file" class="form-control" name="n_profile_photo[]">
                </div>

                {{-- Present Address --}}
                    <div class="col-md-6">
                        <label>Present Address</label>
                        <textarea class="form-control" name="n_present_address[]">{{ $ninfo->present_address }}</textarea>
                    </div>

                    {{-- Permanent Address --}}
                    <div class="col-md-6">
                        <label>Permanent Address</label>
                        <textarea class="form-control" name="n_permanent_address[]">{{ $ninfo->permanent_address }}</textarea>
                    </div>
            </div>
        </div>
        @endforeach
        @else
        <div class="nominee-item border p-3 mb-3 rounded bg-light">
            <div class="row g-3">
                <div class="col-md-6">
                    <label>Firstname</label>
                    <input type="text" class="form-control" name="nfirstname[]" value="">
                </div>
                <div class="col-md-6">
                    <label>Lastname</label>
                    <input type="text" class="form-control" name="nlastname[]" value="">
                </div>

                <div class="col-md-6">
                    <label>Father Name</label>
                    <input type="text" class="form-control" name="n_father_name[]" value="">
                </div>
                <div class="col-md-6">
                    <label>Mother Name</label>
                    <input type="text" class="form-control" name="n_mother_name[]" value="">
                </div>

                <div class="col-md-6">
                    <label>Spouse Name</label>
                    <input type="text" class="form-control" name="n_spouse_name[]" value="">
                </div>
                <div class="col-md-6">
                    <label>Profession</label>
                    <select name="n_profession[]" class="form-control">
                        {!! option(profession(), trans('cruds.select'), $old_ninfo->profession ?? '') !!}
                    </select>
                </div>

                <div class="col-md-6">
                    <label>Date of Birth</label>
                    <input type="date" class="form-control" name="n_date_of_birth[]" value="">
                </div>
                <div class="col-md-6">
                    <label>Mobile No</label>
                    <input type="text" class="form-control" name="n_mobile_no[]" value="">
                </div>

                <div class="col-md-6">
                    <label>Email</label>
                    <input type="email" class="form-control" name="n_email[]" value="">
                </div>
                <div class="col-md-6">
                    <label>Profile Photo</label>
                    <input type="file" class="form-control" name="n_profile_photo[]">
                </div>

                {{-- Present Address --}}
                    <div class="col-md-6">
                        <label>Present Address</label>
                        <textarea class="form-control" name="n_present_address[]"></textarea>
                    </div>

                    {{-- Permanent Address --}}
                    <div class="col-md-6">
                        <label>Permanent Address</label>
                        <textarea class="form-control" name="n_permanent_address[]"></textarea>
                    </div>
            </div>
        </div>
        @endif
    </div>

    {{-- Hidden template --}}
    <template id="nomineeTemplate">
        <div class="nominee-item border p-3 mb-3 rounded bg-light" style="margin-top: 50px;">
            <button type="button" class="btn btn-danger btn-sm removeNominee">×</button>
            <h6 class="nominee-title fw-bold mb-3"></h6>
            <div class="row g-3 pt-2">
                <div class="col-md-6"><label>Firstname</label><input type="text" name="nfirstname[]" class="form-control"></div>
                <div class="col-md-6"><label>Lastname</label><input type="text" name="nlastname[]" class="form-control"></div>
                <div class="col-md-6"><label>Father Name</label><input type="text" name="n_father_name[]" class="form-control"></div>
                <div class="col-md-6"><label>Mother Name</label><input type="text" name="n_mother_name[]" class="form-control"></div>
                <div class="col-md-6"><label>Spouse Name</label><input type="text" name="n_spouse_name[]" class="form-control"></div>
                <div class="col-md-6">
                    <label>Profession</label>
                    <select name="n_profession[]" class="form-control">{!! option(profession(), trans('cruds.select')) !!}</select>
                </div>
                <div class="col-md-6"><label>Date of Birth</label><input type="date" name="n_date_of_birth[]" class="form-control"></div>
                <div class="col-md-6"><label>Mobile No</label><input type="text" name="n_mobile_no[]" class="form-control"></div>
                <div class="col-md-6"><label>Email</label><input type="email" name="n_email[]" class="form-control"></div>
                <div class="col-md-6"><label>Profile Photo</label><input type="file" name="n_profile_photo[]" class="form-control"></div>
                <div class="col-md-6">
                        <label>Present Address</label>
                        <textarea class="form-control" name="n_present_address[]"></textarea>
                    </div>

                    {{-- Permanent Address --}}
                    <div class="col-md-6">
                        <label>Permanent Address</label>
                        <textarea class="form-control" name="n_permanent_address[]"></textarea>
                    </div>
            </div>
        </div>
    </template>



    {{-- ======================== Submit ======================== --}}
    <div class="row pt-4">
        <div class="col text-center">
            <button type="submit" class="btn btn-success">Save & Next</button>
        </div>
    </div>
</form>