@extends('backend.master')
@section('title')
    সনদপত্র
@endsection
@section('body')
    @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || strpos(Auth::user()->permission, 'ت') !== false)
        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-flex align-items-center justify-content-between">
                    <h4 class="mb-0 font-size-18">পারিবারিক সনদ</h4>
                    <div class="page-title-right">
                        <ol class="m-0 breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('sanad.index') }}">পারিবারিক সনদ</a></li>
                            <li class="breadcrumb-item active">পারিবারিক সনদ </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-7">
                <div class="card">
                    <div class="card-body">
                        <h4 class="text-center">আবেদনকারীর তথ্য</h4>
                        <hr/>
                        <div class="table-responsive">
                            <table class="table mb-0 table-nowrap">
                                <tbody>
                                <tr>
                                    <th scope="row">আবেদনকারীর নাম ( বাংলায় ) :</th>
                                    <td>{{ $data->citizen->bangla_name }}</td>
                                </tr>
                                <tr>
                                    <th scope="row">আবেদনকারীর নাম (ইংরেজিতে) :</th>
                                    <td>{{ $data->citizen->english_name }}</td>
                                </tr>
                                <tr>
                                    <th scope="row">আবেদনকারীর @if( $data->citizen->bn_Husband_name != '')স্বামীর নাম @else পিতার নাম @endif ( বাংলায় ) :</th>
                                    <td>@if( $data->citizen->bn_Husband_name != ''){{ $data->citizen->bn_Husband_name }} @else {{ $data->citizen->bn_father_name }} @endif</td>
                                </tr>
                                <tr>
                                    <th scope="row">আবেদনকারীর @if( $data->citizen->bn_Husband_name != '')স্বামীর নাম @else পিতার নাম @endif (ইংরেজিতে) :</th>
                                    <td>@if( $data->citizen->bn_Husband_name != ''){{ $data->citizen->en_Husband_name }} @else {{ $data->citizen->en_father_name }} @endif</td>
                                </tr>
                                <tr>
                                    <th scope="row">ঠিকানা :</th>
                                    <td>{{ $data->citizen->p_bn_address }}, {{ $data->citizen->p_bn_post }}, {{ $data->citizen->p_district->bn_name }}, {{ $data->citizen->p_upazila->bn_name }}</td>
                                </tr>
                                <tr>
                                    <th scope="row">মোবাইল :</th>
                                    <td>{{ $data->citizen->phone }}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-5">
            <h4 class="mb-2 text-center">পারিবারিক সদস্যদের তালিকা</h4>
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('sanad.family-update', $data->id) }}" method="POST" class="needs-validation" novalidate>
                            @csrf
                            @method('PUT')
                            <div class="family_member">
                                @foreach($data->familyMemberList as $key => $item)
                                    <div class="other_family_member{{ $key }}">
                                        <h3 class="text-center">সদস্য {{ $key+1 }}</h3>
                                        <div class="row">
                                            <div class="col-md-6 col-sm-12">
                                                <div class="mb-4 form-group row">
                                                    <label for="bn_name{{ $key }}" class="form-label">নাম (বাংলায়)<span class="required">*</span></label>
                                                    <input class="form-control" name="family_member[{{ $key }}][bn_name]" value="{{ $item->bn_name }}" type="text" id="bn_name{{ $key }}" required="">
                                                    <div class="invalid-feedback">
                                                        নাম
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-sm-12">
                                                <div class="mb-4 form-group row">
                                                    <label for="en_name{{ $key }}" class="form-label">নাম (ইংরেজিতে)</label>
                                                    <input class="form-control" name="family_member[{{ $key }}][en_name]" type="text" value="{{ $item->en_name }}" id="en_name{{ $key }}">
                                                    <div class="invalid-feedback">
                                                        নাম
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-sm-12">
                                                <div class="mb-4 form-group row">
                                                    <label for="nid_or_birth_reg{{ $key }}" class="form-label">এনআইডি/জন্ম নিবন্ধন</label>
                                                    <input class="form-control DisableSpace" name="family_member[{{ $key }}][nid_or_birth_reg]" type="text" value="{{ $item->nid_or_birth_reg }}" id="nid_or_birth_reg{{ $key }}">
                                                    <div class="invalid-feedback">
                                                        এনআইডি/জন্ম নিবন্ধন
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-sm-12">
                                                <div class="mb-4 form-group row">
                                                    <label for="age{{ $key }}" class="form-label">জন্ম তারিখ</label>
                                                    <input class="form-control" name="family_member[{{ $key }}][age]" type="date" value="{{ $item->age }}" id="age{{ $key }}">
                                                    <div class="invalid-feedback">
                                                        জন্ম তারিখ
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-sm-12">
                                                <div class="mb-4 form-group row">
                                                    <label for="bn_relation{{ $key }}" class="form-label">সম্পর্ক (বাংলায়)<span class="required">*</span></label>
                                                    <input class="form-control" name="family_member[{{ $key }}][bn_relation]" type="text" value="{{ $item->bn_relation }}" id="bn_relation{{ $key }}" required="">
                                                    <div class="invalid-feedback">
                                                        সম্পর্ক
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-sm-12">
                                                <div class="mb-4 form-group row">
                                                    <label for="en_relation{{ $key }}" class="form-label">সম্পর্ক (ইংরেজিতে)</label>
                                                    <input class="form-control" name="family_member[{{ $key }}][en_relation]" type="text" value="{{ $item->en_relation }}" id="en_relation{{ $key }}">
                                                    <div class="invalid-feedback">
                                                        সম্পর্ক
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @if($key != 0)
                                            <div class="mb-4 form-group row">
                                                <button type="button" class="btn btn-danger btn-sm removed_family_member{{ $key }}">মুছুন</button>
                                            </div>
                                        @endif
                                    </div>
                                @endforeach
                            </div>
                            <div class="mb-4 form-group row">
                                <button type="button" class="btn btn-primary btn-sm add_family_member">নতুন সদস্য</button>
                            </div>
                            <div class="mb-4 form-group row">
                                <button type="submit" class="btn btn-primary waves-effect btn-label waves-light btn-block"><i class="bx bx-check-double label-icon"></i>আপডেট</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    @else
        @include('backend.errors.404')
    @endif
@endsection

@section('script')
    @foreach($data->familyMemberList as $key => $item)
        <script>
            $(document).ready(function () {
                $('.removed_family_member{{ $key }}').on("click", function() {
                    $('.other_family_member{{ $key }}').closest('div').remove();
                });
            });
        </script>
    @endforeach
@endsection