@php
use Illuminate\Support\Facades\DB;

$data = isset($data) ? $data : null;
$info = isset($data->joint_applicant_information) ? $data->joint_applicant_information : null;

if ($info) {
    $ninfo = DB::table('customer_nominee_informations')
        ->where('customer_id', $info->customer_id)
        ->whereNotNull('joint_id')
        ->get();
} else {
    $ninfo = collect(); // খালি collection
}


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

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

</style>
<form id="joint_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="joint_applicant_information">
    <input type="hidden" name="updated_id" value="{{ $info->id??0 }}">
    <input type="hidden" name="last_step" value="last">
    <div class="row pt-3">

        <!-- 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="firstname">{{ __('cruds.joint_applicants') }} {{ __('cruds.firstname') }} </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="{{ $info->firstname??'' }}">
                    </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="lastname">{{ __('cruds.joint_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>
        <!-- 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="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 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>
        <!-- 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="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 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>
            </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="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 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>
        <!-- 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_number">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 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') }} </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">
                            {!! option(religion(),trans('cruds.select'),$info->religion??'') !!}
                        </select>
                    </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="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 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>

        <!-- 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="mobile_no">{{ __('cruds.mobile_no') }}</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??'' }}">
                    </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="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="{{ $info->email??'' }}">
                    </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="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')
                        !!}
                    </div>
                </div>
            </div>

        </div>



        <div class="row mt-5">
            <h5 class="text-left fw-500">
                Address
            </h5>
            <div class="col-md-6">
                <!-- present address -->

                <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">
                
                <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>

        {{-- ======================== 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="nomineeContainer1">
     @if ($ninfo->count() > 0)
     @foreach ($ninfo as $key => $ninfo)
        <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="{{ $info->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-item1 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="nomineeTemplate1">
        <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-title1 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>

        
    </div>
    <div class="row pt-5">
        <input type="hidden" name="skip" id="skip" value="">
        <div class="col-md-12 text-center">
            <button type="button" id="btnSkip" class="btn btn-success">{{ __('cruds.skip') }}</button>
            <button type="submit" class="btn btn-success">{{ __('cruds.save') }}</button>
        </div>
    </div>
</form>

<script>
    $('#btnSkip').click(function() {
        $('#skip').val('skipped');
        $('#joint_applicant_information_form').submit();
    })

</script>
<script src="/assets/admin/js/fileupload.js"></script>
<script src="/assets/admin/js/file-upload.js"></script>
@include('admin.common.select2')