@php $rand = 0; @endphp

@if(isset($employee->employee_family_info) && count($employee->employee_family_info) > 0)

    @foreach($employee->employee_family_info as $employee_family_info)
            @if($employee_family_info->husbandwife > 0)
                @php
                    $rand++;
                @endphp
                <div class="form-group row mb-2">
                    <div class="col-lg-12 col-md-12 pt-2 pb-2 mb-2 d-flex">
                        <span class="badge badge-info mx-auto">{{$rand}}</span><i class="fa fa-trash text-danger @if(isset($loggedin->employee_id) && isset($employee_family_info->id)) @else remove_this" @endif data="hw_{{$employee_family_info->id}}"></i>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>নাম (বাংলা) [ Name (Bangla) ]</label>
                        <input type="text" class="form-control" @if(isset($loggedin->employee_id) && isset($employee_family_info->name_bangla)) readonly @else name="per_hw[{{$employee_family_info->id}}][name]" @endif @if(isset($employee_family_info->name_bangla))value="{{$employee_family_info->name_bangla}}"@endif/>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>নাম (ইংরেজি) [ Name (English) ]</label>
                        <input type="text" class="form-control" @if(isset($loggedin->employee_id) && isset($employee_family_info->name_eng)) readonly @else name="per_hw[{{$employee_family_info->id}}][name_en]" @endif @if(isset($employee_family_info->name_eng))value="{{$employee_family_info->name_eng}}"@endif/>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>জাতীয় পরিচয়পত্র নম্বর (National ID number)</label>
                        <input type="text" @if(isset($loggedin->employee_id) && isset($employee_family_info->nid)) readonly @else name="per_hw[{{$employee_family_info->id}}][nid]" @endif class="form-control" @if(isset($employee_family_info->nid))value="{{$employee_family_info->nid}}"@endif/>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>জন্ম তারিখ (Date of Birth)</label>
                        <input data-date-format="dd-mm-yyyy" readonly class="form-control form-control-lg form-control-solid kt_datepicker" type="text"  @if(isset($loggedin->employee_id) && isset($employee_family_info->birthday))  @else name="per_hw[{{$employee_family_info->id}}][dob]" @endif @if(isset($employee_family_info->birthday))value="{{\Carbon\Carbon::parse($employee_family_info->birthday)->format('d-m-Y')}}"@endif/>
                    </div>

                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>পেশা [ Occupation ]</label>
                        <input type="text" class="form-control" @if(isset($loggedin->employee_id) && isset($employee_family_info->occupation)) readonly @else name="per_hw[{{$employee_family_info->id}}][occupation]" @endif @if(isset($employee_family_info->occupation))value="{{$employee_family_info->occupation}}"@endif/>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>পদ [ Designation ]</label>
                        <input type="text" class="form-control" @if(isset($loggedin->employee_id) && isset($employee_family_info->designation)) readonly @else name="per_hw[{{$employee_family_info->id}}][designation]" @endif @if(isset($employee_family_info->designation))value="{{$employee_family_info->occupation}}"@endif/>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>প্রতিষ্ঠান [ Organisation ]</label>
                        <input type="text" class="form-control" @if(isset($loggedin->employee_id) && isset($employee_family_info->organisation)) readonly @else name="per_hw[{{$employee_family_info->id}}][organisation]" @endif @if(isset($employee_family_info->organisation))value="{{$employee_family_info->organisation}}"@endif/>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label> জেলা [DISTRICT]</label>
                        <select class="form-control present_district{{$employee_family_info->id}}" id="kt_select2_1"
                                @if(isset($loggedin->employee_id) && isset($employee_family_info->district_id)) readonly
                                @else name="per_hw[{{$employee_family_info->id}}][district]" @endif>
                            <option value>নির্বাচন করুন</option>
                            @foreach($function->districts() as $district)
                                <option value="{{$district['id']}}" @if(isset($employee_family_info->district_id) && (int)$employee_family_info->district_id == (int)$district['id']) selected @endif>{{$district['name_en']}}({{$district['name_bn']}})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label> থানা [POLICE STATION]</label>
                        <select class="form-control present_thana{{$employee_family_info->id}}" id="kt_select2_1"
                                @if(isset($loggedin->employee_id) && isset($employee_family_info->district_id->thana_id)) readonly
                                @else name="per_hw[{{$employee_family_info->id}}][police_station]" @endif>
                            <option class="_0" value>নির্বাচন করুন</option>
                            @foreach($function->thanas() as $thana)
                                <option class="_{{$thana['district_id']}}" @if((int)$employee_family_info->district_id != $thana['district_id']) hidden @endif value="{{$thana['id']}}" @if(isset($employee_family_info->thana_id) && (int)$employee_family_info->thana_id == (int)$thana['id']) selected @endif>{{$thana['name_en']}}({{$thana['name_bn']}})</option>
                            @endforeach

                        </select>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>ঠিকানা [ Location ]</label>
                        <input type="text" class="form-control" @if(isset($loggedin->employee_id) && isset($employee_family_info->location)) readonly @else name="per_hw[{{$employee_family_info->id}}][location]" @endif @if(isset($employee_family_info->location))value="{{$employee_family_info->location}}"@endif/>
                    </div>
                </div>
                <script>
                    $(".present_thana{{$employee_family_info->id}} option").attr("hidden",true);
                    $(".present_thana{{$employee_family_info->id}} option._{{$employee_family_info->district_id}}").removeAttr("hidden");
                    $(document).ready(function() {
                        $(document).on("change",".present_district{{$employee_family_info->id}}", function(){
                            $('.present_thana{{$employee_family_info->id}}').prop('selectedIndex',0);
                            $(".present_thana{{$employee_family_info->id}} option").attr("hidden",true);
                            $(".present_thana{{$employee_family_info->id}} option._0").attr("hidden",false).attr("selected",true);
                            $(".present_thana{{$employee_family_info->id}} option._"+$(this).val()).removeAttr("hidden");
                        });
                    });
                </script>
            @endif
        @endforeach
@else
    @php $v = \request()->v @endphp
    @if(isset($v))
    <div class="form-group row mb-2">
        <div class="col-lg-12 col-md-12 pt-2 pb-2 mb-2 d-flex">
            <span class="badge badge-info mx-auto">{{$v}}</span><i class="fa fa-trash text-danger remove_this" data=""></i>
        </div>
        @php($rand = rand(10000000000,100000000000))
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>নাম (বাংলা) [ Name (Bangla) ]</label>
            <input type="text" class="form-control" name="per_hw['x{{$rand}}'][name]"/>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>নাম (ইংরেজি) [ Name (English) ]</label>
            <input type="text" class="form-control" name="per_hw['x{{$rand}}'][name_en]"/>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>জাতীয় পরিচয়পত্র নম্বর (National ID number)</label>
            <input type="text"  name="per_hw['x{{$rand}}'][nid]" class="form-control"/>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>জন্ম তারিখ (Date of Birth)</label>
            <input data-date-format="dd-mm-yyyy" readonly class="form-control form-control-lg form-control-solid kt_datepicker" type="text" name="per_hw['x{{$rand}}'][dob]"/>
        </div>

        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>পেশা [ Occupation ]</label>
            <input type="text" class="form-control" name="per_hw['x{{$rand}}'][occupation]"/>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>পদ [ Designation ]</label>
            <input type="text" class="form-control" name="per_hw['x{{$rand}}'][designation]"/>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>প্রতিষ্ঠান [ Organisation ]</label>
            <input type="text" class="form-control" name="per_hw['x{{$rand}}'][organisation]"/>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label> জেলা [DISTRICT]</label>
            <select class="form-control present_districtx{{$rand}}" id="kt_select2_1" name="per_hw['x{{$rand}}'][district]" >
                <option value>নির্বাচন করুন</option>
                @foreach($function->districts() as $district)
                    <option value="{{$district['id']}}">{{$district['name_en']}}({{$district['name_bn']}})</option>
                @endforeach
            </select>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label> থানা [POLICE STATION]</label>
            <select class="form-control present_thanax{{$rand}}" id="kt_select2_1" name="per_hw['x{{$rand}}'][police_station]"  >
                <option class="_0" value>নির্বাচন করুন</option>
                @foreach($function->thanas() as $thana)
                    <option class="_{{$thana['district_id']}}"  value="{{$thana['id']}}">{{$thana['name_en']}}({{$thana['name_bn']}})</option>
                @endforeach

            </select>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>ঠিকানা [ Location ]</label>
            <input type="text" class="form-control" name="per_hw['x{{$rand}}'][location]"/>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $(document).on("change",".present_districtx{{$rand}}", function(){
                $('.present_thanax{{$rand}}').prop('selectedIndex',0);
                $(".present_thanax{{$rand}} option").attr("hidden",true);
                $(".present_thanax{{$rand}} option._0").attr("hidden",false).attr("selected",true);
                $(".present_thanax{{$rand}} option._"+$(this).val()).removeAttr("hidden");
            });
        });
    </script>
    @endif
@endif
<script>
    $(document).ready(function() {
        $('.kt_datepicker').datepicker({
            rtl: KTUtil.isRTL(),
            todayHighlight: true,
            orientation: 'bottom left',
            templates: 'arrows'
        });
    });
</script>