@extends('app')
@section('content')

    @if (session('flash_message'))
        <div class="alert {{ session('flash_message_status') ? 'alert-error' : 'alert-success' }}">
            <button class="close" data-dismiss="alert"></button>
            {!! session('flash_message') !!}
        </div>
    @endif
    <div id="flash_message_container"></div>

    <style type="text/css">
        #previewContainer {
            width: 120px;
            height: 120px;
            border: 2px #ccc;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            overflow: hidden;
            background: #f8f8f8;
            position: relative;
        }

        #previewContainer img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            /* keeps image fully visible inside container */
            display: block;
        }



        #cropArea {
            display: none;
            margin-top: 20px;
        }

        .box {
            border: 1px solid #dcdcdc;
            padding: 5px;
        }

        /* Toggle switch container */
        .switch {
            position: relative;
            display: inline-block;
            width: 40px;
            height: 26px;
        }

        /* Hide default checkbox */
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        /* Slider design */
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            transition: .4s;
            border-radius: 34px;
        }

        /* Circle */
        .slider:before {
            position: absolute;
            content: "";
            height: 10px;
            width: 10px;
            left: 3px;
            bottom: 3px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }

        /* Checked style */
        .switch input:checked+.slider {
            background-color: #28a745;
        }

        .switch input:checked+.slider:before {
            transform: translateX(24px);
        }

        /* Text style */
        .toggle-text {
            font-size: 15px;
            margin-left: 10px;
        }
    </style>

    @php
        $male = $daleel->gender == 0;

        $disabled = $daleel->is_disabled == 1;
        $locked = $daleel->is_locked == 1;
        $status_bar_visible = false;
        $user_status = '';
        if ($disabled) {
            $status_bar_visible = true;
            $user_status = 'disabled';
        } elseif ($locked) {
            $status_bar_visible = true;
            $user_status = 'locked';
        }
        $active_tab = request()->get('tab');
        if (!$active_tab) {
            $active_tab = 'family_tab_link';
        }
        // dd($daleel);
    @endphp
    <link href="{{ asset('assets/cpanel/css/image_upload.css') }}" rel="stylesheet" type="text/css" media="screen" />
    <link href="{{ asset('assets/cpanel/css/calendar-multi.css') }}" rel="stylesheet" type="text/css" media="screen" />
    <style type="text/css">
        .calendars-month-header {
            height: auto !important;
        }

        .calendars-month-header select {
            width: auto !important;
            height: auto !important;
            min-height: 20px !important;
        }
    </style>

    @if ($status_bar_visible)
        <div class="row">
            <div class="col-md-12">
                <div class="daleel-user-status-bar {{ $user_status }}">
                    @if ($user_status == 'disabled')
                        <h4>Profile is DISABLED</h4>
                        <a href="javascript:void(0)" class="btn status-bar-btn pull-right"
                            onclick="markEnabled()">Enable</a>
                    @else
                        <h4>Profile is LOCKED</h4>
                        <a href="javascript:void(0)" class="btn status-bar-btn pull-right"
                            onclick="markUnLocked()">Unlock</a>
                    @endif
                </div>
            </div>
        </div>
    @endif
    <div class="row">
        <div class="col-md-12">
            <div class="grid simple">
                <div class="grid-title no-border titleGridCenterAlign">
                    <div class="row">
                        <div class="col-md-2 col-sm-6 text-left">
                            <div class="{{ $daleel->is_active() ? 'active-color' : '' }} daleel_custom_tree_info">
                                <span class=""><b>{{ substr($daleel->nodeID, 0, 2) }}</b></span><br>
                                <span class="">{{ substr($daleel->nodeID, 2) }}</span>
                            </div>
                            <div class="daleel-tree-icon daleel_custom_tree_icon">
                                <img src="{{ asset('assets/img/daleel/tree_green.png') }}" style="height: 76px;">
                            </div>
                        </div>

                        <div class="col-md-8 col-sm-12 text-center">
                            <label>{{ $daleel->username }}</label>
                            <h3>
                                <span
                                    class=" {{ $daleel->gender == 0 ? 'male-color' : 'female-color' }}">{{ $daleel->name }}</span>
                                {{ $daleel->first_4_fathers() }}

                            </h3>
                            <h5 style="opacity: 0.6">
                                {{ $daleel->parent_name_to_root() }}
                            </h5>
                            @if ($daleel->alive == 0)
                                <h5><span
                                        style="opacity: 0.7; color: #9B9B9B;">{{ $daleel->gender == 1 ? 'رحمها الله' : 'رحمه الله' }}</span>
                                </h5>
                            @endif
                        </div>
                        <div class="col-md-2 col-sm-6 text-right">
                            <ul class="nav quick-section">
                                <li class="quicklinks actions" style="float: none;">
                                    <a id="gear-icon" class="context_menu_btn" href="#"
                                        class="dropdown-toggle  pull-right " data-toggle="dropdown">
                                        <i class="fa fa-gear" style="font-size: 30px;vertical-align: sub !important;"></i>
                                    </a>
                                    <ul aria-labelledby="user-options" role="menu"
                                        class="dropdown-menu custom-listing-menu left">
                                        @if ($daleel->credentials_issued == 0 || $daleel->credentials_revoked == 1)
                                            <li><a class="" href="javascript:void(0)"
                                                    onclick="issueCredentials('issue','issue')">إصدار معلومات دخول جديدة</a>
                                            </li>
                                            <li class="divider"></li>

                                            <li><a class="disabled-link" href="javascript:void(0)" onclick="">إدارة
                                                    معلومات الدخول</a></li>
                                        @else
                                            <li><a class="disabled-link" href="javascript:void(0)" onclick="">إصدار
                                                    معلومات دخول جديدة</a></li>
                                            <li class="divider"></li>
                                            <li><a class="" href="javascript:void(0)"
                                                    onclick="issueCredentials('issue','re-issue')">إدارة معلومات الدخول</a>
                                            </li>
                                        @endif

                                        <li class="divider"></li>
                                        <li>
                                            @if ($daleel->credentials_revoked == 0 && $daleel->credentials_issued == 1)
                                                <a class="" href="javascript:void(0)"
                                                    onclick="issueCredentials('revoke','disable')">إلغاء صلاحيات الدخول</a>
                                            @else
                                                <a class="disabled-link" href="javascript:void(0)">إلغاء صلاحيات الدخول</a>
                                            @endif
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="grid-body no-border"> <br>
                    @if ($errors->any())
                        <div class="row">
                            <div class="alert alert-error col-md-6 col-sm-12 col-md-offset-3">
                                <button data-dismiss="alert" class="close"></button>
                                @foreach ($errors->all() as $error)
                                    <p>{{ $error }}</p>
                                @endforeach
                            </div>
                        </div>
                    @endif
                    <form method="POST" action="{{ route('familymembers.update', $daleel->id) }}" id="daleel_form">
                        @csrf
                        @method('PATCH')
                        <input type="hidden" name="gender" value="{{ $daleel->gender }}" id="gender_input">
                        <input type="hidden" name="is_celebrity" value="{{ $daleel->is_celebrity }}"
                            id="is_celebrity_input">
                        <input type="hidden" name="scholar" value="{{ $daleel->scholar }}" id="scholar_input">
                        <input type="hidden" name="governer" value="{{ $daleel->governer }}" id="governer_input">
                        <input type="hidden" name="judge" value="{{ $daleel->judge }}" id="judge_input">
                        <input type="hidden" name="poet" value="{{ $daleel->poet }}" id="poet_input">

                        <div class="form-group row">
                            <div class="col-md-2 col-sm-12 text-right">

                            </div>
                            <div class="col-md-4 col-md-offset-2  col-sm-12">

                                <div class="daleel_profile_box">
                                    <div class="form-group row">

                                        <center>
                                            <div class=" box daleel-profile-picture-square"
                                                style="background-image: url({{ $daleel->profile_picture }}); background-size:100%;">
                                            </div>
                                        </center>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 col-sm-12 text-center">
                                            <a href="javascript:void(0)" class="btn btn-success btn-cons"
                                                id="upload_profile_picture_btn" data-toggle="modal"
                                                data-target="#profilePictureModal">إختر الصورة</a>
                                            <a href="javascript:void(0)"
                                                data-url="{{ route('admin.familymembers.removepicture', $daleel->id) }}"
                                                class="btn btn-danger btn-cons del_profile_pic {{ $daleel->profile_picture == '' ? 'hidden' : '' }}">&nbsp;&nbsp;إزالة
                                                صورة&nbsp;&nbsp;</a>
                                        </div>
                                    </div>
                                    <div class="d-flex  align-items-center w-80"
                                        style="display:flex;justify-content:center;margin-top:20px;">
                                        <div><span class="toggle-text">السماح للمستخدم بتحديث صورته</span></div>
                                        <div style="margin-right:30px">
                                            <label class="switch m-0">
                                                <input type="checkbox" id="customToggle">
                                                <span class="slider"></span>
                                            </label>
                                        </div>

                                    </div>


                                </div>
                            </div>

                        </div>
                        <div class="form-group row daleel-detail-icon-container ">

                            <div class="col-md-4 col-md-offset-4" style="margin-left: 31.5%;">

                                @if ($daleel->children()->count() > 0)
                                    <div class="col-md-4">
                                        <div class="daleel-icon-box">
                                            <div class="icon-round {{ $male ? 'active' : '' }}" id="icon-male">
                                                <img
                                                    src="{{ $male ? asset('assets/img/daleel/filters/1.1/FilterMaleSelected.png') : asset('assets/img/daleel/filters/1.1/FilterMale.png') }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="daleel-icon-box">
                                            <div class="icon-round {{ $male ? '' : 'active' }}" id="icon-female">
                                                <img
                                                    src="{{ $male ? asset('assets/img/daleel/filters/1.1/FilterFemale.png') : asset('assets/img/daleel/filters/1.1/FilterFemaleSelected.png') }}">
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <div class="col-md-4">
                                        <div class="daleel-icon-box">
                                            <div class="icon-round {{ $male ? 'active' : '' }}" id="icon-male"
                                                onclick="toggleDaleelGender($(this))">
                                                <img
                                                    src="{{ $male ? asset('assets/img/daleel/filters/1.1/FilterMaleSelected.png') : asset('assets/img/daleel/filters/1.1/FilterMale.png') }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="daleel-icon-box">
                                            <div class="icon-round {{ $male ? '' : 'active' }}" id="icon-female"
                                                onclick="toggleDaleelGender($(this))">
                                                <img
                                                    src="{{ $male ? asset('assets/img/daleel/filters/1.1/FilterFemale.png') : asset('assets/img/daleel/filters/1.1/FilterFemaleSelected.png') }}">
                                            </div>
                                        </div>
                                    </div>
                                @endif


                                <div class="col-md-4">
                                    <div class="daleel-icon-box">
                                        @if ($daleel->worthy && $daleel->worthy->status == 1)
                                            <div class="icon-round active" onclick="markUnworthy()" id="is_celebrity"
                                                data-filter="Worthy">
                                                <img
                                                    src="{{ asset('assets/img/daleel/filters/1.1/FilterWorthySelected.png') }}">
                                            </div>
                                        @else
                                            <div class="icon-round" onclick="markWorthy()" id="is_celebrity"
                                                data-filter="Worthy">
                                                <img src="{{ asset('assets/img/daleel/filters/1.1/FilterWorthy.png') }}">
                                            </div>
                                        @endif

                                    </div>
                                </div>

                            </div>

                        </div>
                        <div class="form-group row">
                            <div class="input-with-icon  right col-md-6 col-sm-12 col-md-offset-3">
                                <label class="text-center">نبذة قصيرة</label>

                                @if ($daleel->worthy && $daleel->worthy->status == 1)
                                    <textarea name="brief_description" class="form-control" rows="4" style="direction: rtl;" disabled
                                        id="brief_description">{{ $daleel->brief_description }}</textarea>
                                @else
                                    <textarea name="brief_description" class="form-control" rows="4" style="direction: rtl;"
                                        id="brief_description">{{ $daleel->brief_description }}</textarea>
                                @endif
                                <span class="help"><span id="char_brief_description">300</span> الحروف المتبقية</span>

                            </div>
                        </div>
                        <br>
                        <br>
                        <div class="form-group row">
                            <div class="col-md-12 col-sm-12">
                                <input type="submit" value="حفظ" class="btn btn-primary btn-cons pull-right">
                            </div>
                        </div>


                        <div class="row form-group">
                            <div class="col-md-4">
                                <!-- start dob information -->
                                <div class="row form-group">
                                    <div class="col-sm-6 text-right">
                                        <div style="padding-left: 5px;">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <h4>تاريخ الولادة</h4>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="radio">
                                        <input type="radio"
                                            {{ $daleel ? ($daleel->dob_calendar_type == 1 ? 'checked' : '') : 'checked' }}
                                            value="1" name="dob_calendar_type" id="dob_calendar_type_yes"
                                            class="dob_calendar_type_yes">
                                        <label for="dob_calendar_type_yes" class="daleel_tabs_labels_font">هجري</label>
                                        <input type="radio" value="0"
                                            {{ $daleel ? ($daleel->dob_calendar_type == 0 ? 'checked' : '') : '' }}
                                            name="dob_calendar_type" id="dob_calendar_type_no"
                                            class="dob_calendar_type_no">
                                        <label for="dob_calendar_type_no" class="daleel_tabs_labels_font">ميلادي</label>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-md-2 col-md-offset-6">
                                        <a href="javascript:void()" class="btn btn-default"
                                            onclick="$('.hijri_calendar').val('');$('.normal_calendar').val('');">مسح </a>
                                    </div>
                                    <div class="col-md-4 col-sm-12" id="dob_box">
                                        <input type="text" placeholder="" name="hijri_dob"
                                            class="hijri_calendar form-control"
                                            style="{{ $daleel && $daleel->dob_calendar_type == 0 ? 'display:none;' : '' }}"
                                            value="{{ $daleel ? $daleel->dob : '' }}">
                                        <input type="text" placeholder="" name="gregorian_dob"
                                            class="normal_calendar form-control"
                                            style="{{ $daleel && $daleel->dob_calendar_type == 1 ? 'display:none;' : '' }}"
                                            value="{{ $daleel ? $daleel->dob : '' }}">
                                    </div>
                                </div>

                                <!-- end dob informaation -->

                                <!-- START Location Information section -->
                                <div class="row form-group">
                                    <div class="col-sm-6 text-right">
                                    </div>
                                    <div class="col-sm-6">
                                        <h4>الإقامة</h4>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="input-with-icon  right col-md-10 col-sm-12">
                                        <select name="country" class="" style="width:275px" id="country_select">
                                            <option value="">Select country</option>
                                            @foreach ($countries as $key => $country)
                                                <option value="{{ $key }}"
                                                    {{ $daleel && $daleel->country == $key ? 'selected' : '' }}>
                                                    {{ $country }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-2 col-sm-12 text-right">
                                        <label for="country" class="form-label">البلد</label>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="input-with-icon  right col-md-10 col-sm-12">
                                        <select name="city" class="" style="width:275px" id="city_select">
                                            <option value="">Select city</option>
                                        </select>
                                    </div>
                                    <div class="col-md-2 col-sm-12 text-right">
                                        <label for="city" class="form-label">المدينة</label>
                                    </div>
                                </div>

                                <div class="row form-group">
                                    <div class="col-sm-6 text-right">
                                        <select name="p_email" class="permissions_select" id="p_email_select">
                                            @foreach ($daleel->permissions() as $key => $permission)
                                                <option value="{{ $key }}"
                                                    {{ $daleel->p_email == $key ? 'selected' : '' }}>{{ $permission }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-sm-6">
                                        <h4>البريد الإلكتروني</h4>
                                    </div>
                                </div>


                                <div class="form-group row">
                                    <div class="input-with-icon  right col-md-10 col-sm-12">
                                        <input type="email" name="email" value="{{ $daleel->email }}"
                                            class="form-control" placeholder="me@domain.com" style="width:275px"
                                            maxlength="30">
                                    </div>
                                    <div class="col-md-2 col-sm-12 text-right">
                                        <label for="email" class="form-label" maxlength="30">العنوان</label>
                                    </div>
                                </div>
                                <!-- END Email Information section -->

                                <!-- START Mobile Information section -->
                                <div class="row form-group">
                                    <div class="col-sm-6 text-right">
                                        <select name="p_mobile" class="permissions_select" id="p_mobile_select">
                                            @foreach ($daleel->permissions() as $key => $permission)
                                                <option value="{{ $key }}"
                                                    {{ $daleel->p_mobile == $key ? 'selected' : '' }}>{{ $permission }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-sm-6">
                                        <h4>معلومات الإتصال</h4>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="input-with-icon  right col-md-10 col-sm-12">
                                        <input type="text" name="mobile" value="{{ $daleel->mobile }}"
                                            class="form-control" placeholder="9665XXXXXXXX" maxlength="15"
                                            pattern="[0-9]{1,}" title="Mobile number can only contain numbers"
                                            style="width:275px">
                                    </div>
                                    <div class="col-md-2 col-sm-12 text-right">
                                        <label for="mobile" class="form-label">الهاتف المتحرك</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="input-with-icon  right col-md-10 col-sm-12">
                                        <input type="text" name="contact" value="{{ $daleel->contact }}"
                                            class="form-control" placeholder="9665XXXXXXXX" maxlength="15"
                                            pattern="[0-9]{1,}" title="Landline number can only contain numbers"
                                            style="width:275px">
                                    </div>
                                    <div class="col-md-2 col-sm-12 text-right">
                                        <label for="contact" class="form-label">رقم الهاتف الثابت</label>
                                    </div>
                                </div>

                                <!-- social things start -->
                                <div class="row form-group">
                                    <div class="col-sm-6 text-right">
                                    </div>
                                    <div class="col-sm-6">
                                        <h4>شبكات اجتماعية</h4>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="input-with-icon  right col-md-10 col-sm-12">
                                        <input type="text" name="twitter" value="{{ $daleel->twitter }}"
                                            class="form-control contact_pattern_field" pattern="[^@,]+"
                                            title="'@' is not allowed in Social Networks" style="width:50%;">
                                    </div>
                                    <div class="col-md-2 col-sm-12 text-right">
                                        <label for="twitter" class="form-label daleel_tabs_labels_font">تويتر</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="input-with-icon  right col-md-10 col-sm-12">
                                        <input type="text" name="instagram" value="{{ $daleel->instagram }}"
                                            class="form-control" pattern="[^@,]+"
                                            title="'@' is not allowed in Social Networks" style="width:50%;">
                                    </div>
                                    <div class="col-md-2 col-sm-12 text-right">
                                        <label for="instagram" class="form-label daleel_tabs_labels_font">انستقرام</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="input-with-icon  right col-md-10 col-sm-12">
                                        <input type="text" name="snapchat" value="{{ $daleel->snapchat }}"
                                            class="form-control" pattern="[^@,]+"
                                            title="'@' is not allowed in Social Networks" style="width:50%;">
                                    </div>
                                    <div class="col-md-2 col-sm-12 text-right">
                                        <label for="snapchat" class="form-label daleel_tabs_labels_font">سناب تشات</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="input-with-icon  right col-md-10 col-sm-12">
                                        <input type="text" name="whatsapp" value="{{ $daleel->whatsapp }}"
                                            class="form-control" pattern="[^@,]+"
                                            title="'@' is not allowed in Social Networks" style="width:50%;">
                                    </div>
                                    <div class="col-md-2 col-sm-12 text-right">
                                        <label for="whatsapp" class="form-label daleel_tabs_labels_font">واتس اب</label>
                                    </div>
                                </div>
                                <!-- social things end -->

                            </div>
                            <div class="col-md-8" style="padding-left: 50px;">
                                <div>
                                    <h4>الاسرة</h4>
                                    <br>
                                    @php
                                        $parent = $daleel->parent;
                                    @endphp

                                    @if ($parent)
                                        <label class="kadi-node"><span
                                                class="nodeid-text {{ $parent->is_active() ? 'active-color' : '' }}"
                                                onclick="showDaleelProfilePopup('{{ $parent->id }}')">
                                                {{ $parent->nodeID }}</span>
                                            <span class="daleel-detail-siblings-font"> <span
                                                    class="{{ $parent->gender == 0 ? 'male-color' : 'female-color' }}">{{ $parent->name }}</span>
                                                {{ $parent->father_name . ' ' . $parent->grand_father_name }}
                                            </span>
                                        </label>

                                        <!-- List all of daleel siblings using method siblings() -->
                                        <div class="p-r-30">
                                            @foreach ($daleel->siblings() as $sibling)
                                                <p class="kadi-node">
                                                    <span
                                                        class="nodeid-text {{ $sibling->is_active() ? 'active-color' : '' }}"
                                                        onclick="showDaleelProfilePopup('{{ $sibling->id }}')">{{ $sibling->nodeID }}</span>
                                                    <span
                                                        class="{{ $sibling->gender == 0 ? 'male-color' : 'female-color' }} daleel-detail-siblings-font {{ $daleel->id == $sibling->id ? 'daleel-detail-siblings-node-font' : '' }}">{{ $sibling->name }}</span>
                                                </p>
                                            @endforeach
                                        </div>
                                    @endif

                                </div>
                                <div>
                                    @if ($daleel->gender == 0)
                                        {{-- <h4>معلومات الزوجة</h4> --}}
                                        {{-- <div class="row form-group">
                                            <div class="col-sm-2 text-right"> --}}

                                        {{-- <select name="p_wife_info" class="permissions_select"
                                                    id="p_wife_info_select">
                                                    @foreach ($daleel->permissions() as $key => $permission)
                                                        <option value="{{ $key }}"
                                                            {{ $daleel->p_wife_info == $key ? 'selected' : '' }}>
                                                            {{ $permission }}
                                                        </option>
                                                    @endforeach
                                                </select> --}}
                                        {{-- </div>
                                            <div class="col-sm-10"> --}}
                                        <h4>معلومات الزوجة</h4>
                                        {{-- </div>
                                        </div> --}}
                                    @else
                                        {{-- <h4>معلومات الزوج</h4> --}}
                                        {{-- <div class="row form-group">
                                            <div class="col-sm-2 text-right"> --}}

                                        {{-- <select name="p_husband" class="permissions_select"
                                                    id="p_husband_select">
                                                    @foreach ($daleel->permissions() as $key => $permission)
                                                        <option value="{{ $key }}"
                                                            {{ $daleel->p_husband == $key ? 'selected' : '' }}>
                                                            {{ $permission }}
                                                        </option>
                                                    @endforeach
                                                </select> --}}
                                        {{-- </div>
                                            <div class="col-sm-10"> --}}
                                        <h4>معلومات الزوج</h4>
                                        {{-- </div>
                                        </div> --}}
                                    @endif
                                    {{-- <br> --}}
                                    <div>
                                        @if ($daleel->gender == 0)
                                            <div id="wife_table_container">

                                                @include('admin.familymembers.wife_table', [
                                                    'daleel' => $daleel,
                                                ])
                                            </div>
                                        @else
                                            <div id="husband_table_container">
                                                @include('admin.familymembers.husband_table', [
                                                    'daleel' => $daleel,
                                                ])
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                <div>
                                    @if ($daleel->gender == 0)

                                        <div id="children_table_container">
                                            <h4>الذرية</h4>
                                            <table class="table table-hover table-bordered sortable"
                                                id="datatable-example"
                                                data-reorderUrl="{{ url('admin/familymembers/reorder?source=male') }}">
                                                <thead>
                                                    <tr>
                                                        <th style="display: none;"><input type="checkbox"
                                                                class="group-checkable"
                                                                data-set="#datatable-example .checkboxes" /></th>
                                                        <th>إسم</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @if ($daleel->children()->count() > 0)
                                                        @foreach ($daleel->children()->orderBy('sequence', 'desc')->get() as $child)
                                                            <tr>
                                                                <td style="display: none;"><input type="checkbox"
                                                                        class="checkboxes" name="ids[]"
                                                                        value="{{ $child->id }}" /></td>
                                                                <td><span
                                                                        class="nodeid-text {{ $child->is_active() ? 'active-color' : '' }}"
                                                                        onclick="showDaleelProfilePopup('{{ $child->id }}')">{{ $child->nodeID }}</span>
                                                                    {!! $child->full_name2() !!}</td>
                                                            </tr>
                                                        @endforeach
                                                    @else
                                                        <tr>
                                                            <td colspan="3">لا يوجد ذرية</td>
                                                        </tr>
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                    @else
                                        <div>
                                            <h4>الذرية</h4>

                                            {{-- <br> --}}
                                            <div id="children_table_container">
                                                @include('admin.familymembers.children_table', [
                                                    'daleel' => $daleel,
                                                ])
                                            </div>
                                        </div>
                                    @endif
                                    <div>
                                        {{-- <h4>معلومات الأم</h4> --}}
                                        {{-- <div class="row "> --}}
                                        {{-- <div class="col-sm-2 text-right"> --}}

                                        {{-- <select name="p_mother_info" class="permissions_select"
                                                    id="p_mother_info_select">
                                                    @foreach ($daleel->permissions() as $key => $permission)
                                                        <option value="{{ $key }}"
                                                            {{ $daleel->p_mother_info == $key ? 'selected' : '' }}>
                                                            {{ $permission }}
                                                        </option>
                                                    @endforeach
                                                </select> --}}
                                        {{-- </div> --}}
                                        {{-- <div class="col-sm-12"> --}}
                                        <h4>معلومات الأم</h4>
                                        {{-- </div> --}}
                                        {{-- </div> --}}
                                        {{-- <br> --}}
                                        <div id="mother_table_container">
                                            @include('admin.familymembers.mother_table', [
                                                'daleel' => $daleel,
                                            ])
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <h4>المؤهل </h4>
                                    <div id="education_table_container">
                                        @include('admin.familymembers.education_table', [
                                            'daleel' => $daleel,
                                        ])
                                    </div>
                                </div>
                                <div>
                                    <!-- START work Information section -->

                                    <h4>العمل </h4>

                                    <div id="workplace_table_container">
                                        @include('admin.familymembers.workplace_table', [
                                            'daleel' => $daleel,
                                        ])
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-actions text-left"
                            style="margin-left: -15px !important; margin-right: -15px !important; padding-bottom: 12px !important">
                            <input type="submit" value="حفظ" class="btn btn-primary btn-cons">
                        </div>

                    </form>

                </div>
            </div>
        </div>
    </div>
    <!-- Profile Picture modal -->
    <div id="profilePictureModal" class="modal fade">
        <div class="modal-dialog" style="width: 400px !important;">
            <div class="modal-content">

                <form method="POST"
                    action="{{ route('admin.familymembers.updateimage', ['familymembers' => $daleel->id]) }}"
                    enctype="multipart/form-data" class="" id="profile_picture_form">
                    @csrf
                    <input type="hidden" name="general_news_id" value="{{ $daleel->id }}">
                    <div class="modal-body" id="profile_picture_modal_body" style="padding-bottom: 15px">
                        <div class="form-group row " style="margin-bottom: 0">
                            <div class="col-md-8 col-md-offset-2 col-xs-12 controls">
                                <label class="text-center"> الصور الشخصية</label>
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div style="max-width: 400px; max-height: 400px;" class="fileupload-new thumbnail">
                                        <img alt="" src="{{ asset('assets/img/no-image.png') }}">
                                    </div>
                                    <div class="fileupload-preview fileupload-exists thumbnail" id="image1"
                                        style="max-width: 400px; max-height: 400px; line-height: 20px;">
                                    </div>
                                    <div>
                                        <center>
                                            <div class="m-b-5">
                                                <span class="btn btn-file"
                                                    style="padding-left: 0.5vmax; padding-right: 0.5vmax">
                                                    <span class="fileupload-new">اختر صورة</span>
                                                    <span class="fileupload-exists">تغيير الصورة</span>
                                                    <input type="file" name="profile_picture" class=""
                                                        id="profile_picture_square">
                                                </span>
                                                <a class="btn hide" id="startCrop"
                                                    style="padding-left: 0.5vmax; padding-right: 0.5vmax">قص الصورة</a>

                                                <a href="javascript:void(0)" class="btn remove_picture fileupload-exists"
                                                    data-dismiss="fileupload"
                                                    style="padding-left: 0.5vmax; padding-right: 0.5vmax"><i
                                                        class="fa fa-trash-o" aria-hidden="true"></i></a>
                                            </div>

                                            <span style="display: none;">
                                                <select name="profile_picture_square_compression"
                                                    class="compression_select fileupload-exists m-b-5"
                                                    id="profile_picture_square_compression" style="width: 146px">
                                                    <option value="0">0% ضغط الملف</option>
                                                    <option value="25">25% ضغط الملف</option>
                                                    <option value="50" selected>50% ضغط الملف</option>
                                                </select>
                                            </span>
                                            <p id="image1-dim" class="label label-success" style="display:none;"></p>
                                            <p id="image1-size" class="label label-success" style="display:none;"></p>
                                        </center>
                                    </div>
                                </div>
                                <center>
                                    <span class="help-right">أبعاد الصورة يجب أن تطابق 1:1</span><br>
                                    <span class="help-right">الحجم الأقصى المسموح به 1 MB </span><br>
                                    <span class="help-right">سيتم تقليص أبعاد الصور بنسبة ٥٠٪</span>
                                </center>
                            </div>
                            <div class="img-container" class="input">
                                <input type="hidden" class="x" name="logo_x" id="x" />
                                <input type="hidden" class="y" name="logo_y" id="y" />
                                <input type="hidden" class="w" name="logo_w" id="w" />
                                <input type="hidden" class="h" name="logo_h" id="h" />
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">إلغاء</button>
                        <input type="submit" value="تحديث" class="btn btn-primary">
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <!-- Add education modal -->
    <div id="educationModal" class="modal fade" role="dialog" tabindex="-1" aria-labelledby="educationModalLabel">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-header">
                    <label style="font-size: 16px;color: grey;">مؤهل</label>
                </div>
                <form method="POST" action="{{ route('admin.familymembers.educationtable', $daleel->id) }}"
                    id="education_form">
                    @csrf
                    <input type="hidden" name="id" id="education_id_field" value="">
                    <div class="modal-body">
                        <div class="form-group row">
                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <select name="education_id" class="w-100%" id="education_type_select" required>
                                    @foreach ($educationtypes as $key => $education)
                                        <option value="{{ $key }}">{{ $education }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3 col-sm-12">
                                <label for="type" class="form-label">المستوى التعليمي</label>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <input type="text" name="institute" class="form-control" id="institute_name_field"
                                    required maxlength="60">
                                <span class="help"><span id="char_institute_name">40</span> الحروف المتبقية</span><br>
                            </div>
                            <div class="col-md-3 col-sm-12">
                                <label for="institute_name" class="form-label">اسم الجامعة او الكلية</label>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <input type="text" name="program_title" class="form-control" id="program_title_field"
                                    maxlength="60">
                                <span class="help"><span id="char_program_title">100</span> الحروف المتبقية</span><br>
                            </div>
                            <div class="col-md-3 col-sm-12">
                                <label for="program_title" class="form-label">عنوان البرنامج</label>
                            </div>
                        </div>

                        <div class="form-group row hidden">
                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <input type="hidden" name="number" value="year" class="form-control"
                                    id="education_year_field" required min="1000" style="width:34%">
                            </div>
                            <div class="col-md-3 col-sm-12">
                                <label for="education_year" class="form-label">سنة التخرج</label>
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">إلغاء</button>
                        <input type="submit" value="اضف" class="btn btn-primary" id="education_modal_submit_btn">
                    </div>
                </form>

            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- education /.modal -->

    <!-- Add workplace modal -->
    <div id="workplaceModal" class="modal fade" role="dialog" tabindex="-1" aria-labelledby="workplaceModalLabel">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-header">
                    <label style="font-size: 16px;color: grey;">العمل</label>
                </div>
                <form method="POST" action="{{ route('admin.familymembers.workplacetable', $daleel->id) }}"
                    id="workplace_form">
                    @csrf
                    <input type="hidden" name="workplace_id" id="workplace_id_field" value="">
                    <div class="modal-body">
                        <div class="form-group row">
                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <input type="text" name="job_title" class="form-control" id="job_title_field"
                                    maxlength="60">
                                <span class="help"><span id="char_job_title">40</span> الحروف المتبقية</span><br>
                            </div>
                            <div class="col-md-3 col-sm-12">
                                <label for="job_title" class="form-label">المنصب</label>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <input type="text" name="location" class="form-control" id="job_location_name_field"
                                    required maxlength="60">
                                <span class="help"><span id="char_job_location_name">40</span> الحروف
                                    المتبقية</span><br>
                            </div>
                            <div class="col-md-3 col-sm-12">
                                <label for="job_location_name" class="form-label">العمل</label>
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">إلغاء</button>
                        <input type="submit" value="Add" class="btn btn-primary" id="workplace_modal_submit_btn">
                    </div>
                </form>

            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- workplace /.modal -->

    <!-- Add commitee modal -->
    <div id="commiteeModal" class="modal fade" role="dialog" tabindex="-1" aria-labelledby="commiteeModalLabel">
        <div class="modal-dialog">
            <div class="modal-content">

                <form method="POST" action="{{ route('admin.familymembers.addtocommitee', $daleel->id) }}"
                    id="commitee_form" class="action_form">
                    @csrf
                    <input type="hidden" name="clear_position" id="clear_position"
                        value="{{ !empty($daleel->committee_id) ? 'yes' : 'no' }}">
                    <div class="modal-body">
                        <div class="form-group row">
                            <div class="right col-md-3 col-md-offset-1 col-sm-12">
                                <select name="p_committee" class="permissions_select" id="p_committee_select">
                                    @foreach ($daleel->permissions() as $key => $permission)
                                        <option value="{{ $key }}"
                                            {{ $daleel->p_committee == $key ? 'selected' : '' }}>{{ $permission }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="input-with-icon  right col-md-5 col-sm-12">
                                <select name="committee_id" class="selectb" id="commitee_select" required>
                                    <option value="">اختر اللجنة</option>
                                    @foreach ($commities as $key => $committee)
                                        <option value="{{ $key }}"
                                            {{ $daleel->committee_id == $key ? 'selected' : '' }}>{{ $committee }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-1 col-sm-12">
                                <label for="commitee_id" class="form-label">لجنة</label>
                            </div>
                        </div>
                        <div class="form-group row">

                            <div class="input-with-icon  right col-md-7 col-md-offset-2 col-sm-12">
                                <input type="hidden" name="commitee_designation_saved"
                                    value="{{ $daleel->committee_designation }}" class="form-control"
                                    id="commitee_designation_saved_field">
                                <input type="text" name="committee_designation"
                                    value="{{ $daleel->committee_designation }}" class="form-control"
                                    id="commitee_designation_field" required>
                            </div>
                            <div class="col-md-1 col-sm-12">
                                <label for="commitee_designation" class="form-label">موضع</label>
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default committee_modal_cancel_btn"
                            data-dismiss="modal">إلغاء</button>
                        <input type="submit" value="{{ $daleel->commitee ? 'محو الموضع' : 'حفظ' }}"
                            class="btn btn-primary">
                        @if ($daleel->commitee)
                            <a href="javascript:void(0)" class="btn btn-primary" id="update_committee_btn">تحديث</a>
                        @endif
                    </div>
                </form>

            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- commitee /.modal -->

    <!-- Add issuecredentials modal -->
    <div id="issuecredentialsModal" class="modal fade" role="dialog" tabindex="-1"
        aria-labelledby="issuecredentialsModalLabel">
        <div class="modal-dialog">
            <div class="modal-content">

                <form method="POST" action="{{ route('admin.familymembers.issuecredentials', $daleel->id) }}"
                    id="issuecredentials_form" class="action_form" novalidate>
                    @csrf
                    <input type="hidden" name="credentials_revoked" value="{{ $daleel->credentials_revoked }}"
                        id="credentials_revoked">
                    <input type="hidden" name="credentials_issued" value="{{ $daleel->credentials_issued }}"
                        id="credentials_issued">
                    <input type="hidden" name="send_email" id="send_credentials_email_input">
                    <div class="modal-body issue-credentials">
                        <div class="row form-group">
                            <div class="col-md-12 text-center">
                                <p>تسجيل دخولك: <b>{{ auth()->user()->username }}</b></p>
                                <p>استخدم هذه المعلومات بعناية</p>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <input type="text" name="username" value="{{ $daleel->username }}"
                                    class="form-control" id="username_field" minlength="8" required
                                    {{ $daleel->credentials_revoked == 0 && $daleel->credentials_issued == 1 ? 'readonly' : '' }}>
                            </div>
                            <div class="col-md-3 col-sm-12">
                                <label for="username" class="form-label">اسم المستخدم</label>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="right col-md-9 col-sm-12">
                                <div class="row">
                                    <div class="col-md-5 col-sm-12">
                                        @if ($daleel->credentials_issued == 0 || $daleel->credentials_revoked == 1)
                                            <a href="javascript:void(0)" class="btn btn-success pull-right"
                                                onclick="generatePassword()" style="padding-bottom: 10px">إنشاء كلمة
                                                المرور</a>
                                        @endif
                                    </div>
                                    <div class="col-md-7 col-sm-12">
                                        <div class="input-group">
                                            <input type="text" name="password" value="{{ $daleel->password }}"
                                                class="form-control" id="password_field" required minlength="6">
                                            @if ($daleel->credentials_issued == 0 || $daleel->credentials_revoked == 1)
                                                <span class="input-group-addon" onclick="showPassword()"><i
                                                        class="fa fa-eye"></i></span>
                                            @else
                                                <span class="input-group-addon"><i class="fa fa-eye"></i></span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-12">
                                <label for="password" class="form-label">كلمة المرور</label>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <input type="text" name="credentials_description"
                                    value="{{ old('credentials_description') }}" class="form-control"
                                    id="credentials_description_field" style="direction: rtl;">
                                <span class="help-text">إستخدم الصندوق لتوضيح أسباب إدارتك لمعلومات الدخول</span>
                            </div>
                            <div class="col-md-3 col-sm-12">
                                <label for="credentials_description" class="form-label">الاسباب</label>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <input type="email" name="email" value="{{ $daleel->email }}" class="form-control"
                                    id="email_field">
                            </div>
                            <div class="col-md-3 col-sm-12">
                                <label for="email" class="form-label">البريد الإلكتروني (اختياري)</label>
                            </div>
                        </div>
                    </div>
                    <div class="modal-body revoke-credentials info-modal">
                        <p class="credentials-disable">قيامك بهذه العملية ستلغي مقدرة الشخص على دخول التطبيق كفرد مسجل
                            وسيكون استخدامه كضيف فقط. هل انت متأكد؟</p>
                        <p class="credentials-enable">قيامك بهذه العملية ستلغي مقدرة الشخص على دخول التطبيق كفرد مسجل
                            وسيكون استخدامه كضيف فقط. هل انت متأكد؟</p>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">إلغاء</button>
                        <input type="submit" value="تحديث" class="btn btn-primary issue-credentials re-issue-actions">
                        <button type="button" class="btn btn-primary issue-credentials re-issue-actions send_email">تحديث
                            وإرسال</button>
                        <input type="submit" value="تسجيل" class="btn btn-primary issue-credentials issue-actions">
                        <button type="button" class="btn btn-primary issue-credentials issue-actions send_email">تسجيل
                            وإرسال</button>
                        <input type="submit" value="نعم"
                            class="btn btn-primary revoke-credentials credentials-disable">
                        <input type="submit" value="نعم"
                            class="btn btn-primary revoke-credentials credentials-enable">
                    </div>
                </form>

            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- issuecredentials /.modal -->

    <!-- children /.modal -->
    @include('admin.familymembers.relationModal', [
        'type' => 'children',
        'familyTreeId' => $daleel->id,
        'action' => route('admin.familymembers.childrentable', ['family_tree_id' => $daleel->id]),
    ])

    @include('admin.familymembers.relationModal', [
        'type' => 'mother',
        'familyTreeId' => $daleel->id,
        'action' => route('admin.familymembers.mothertable', ['family_tree_id' => $daleel->id]),
    ])
    @include('admin.familymembers.relationModal', [
        'type' => 'husband',
        'familyTreeId' => $daleel->id,
        'action' => route('admin.familymembers.husbandtable', ['family_tree_id' => $daleel->id]),
    ])
    @include('admin.familymembers.relationModal', [
        'type' => 'wife',
        'familyTreeId' => $daleel->id,
        'action' => route('admin.familymembers.wifetable', ['family_tree_id' => $daleel->id]),
    ])


    <div id="cropInfoModal" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body info-modal">
                    <p class="message-content"></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">موافق</button>
                </div>
            </div>
        </div>
    </div>

    {{-- Add Related Person Modal --}}
    <div id="selectNodeModal" class="modal fade">
        <div class="modal-dialog" style="width: 400px !important;">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="submit" class="close pull-right" data-dismiss="modal"
                        onclick="$('#filter').val('');$('#filter').trigger('keyup');">x</button>
                    <img src="{{ asset('assets/img/icon/Daleelicon.png') }}" width="35" height="35"
                        style="margin-right: 11px;">
                    <label style="font-size: 16px;color: grey;">الدليل</label>
                    <!--  <p style="text-align: right;font-size: 16px;color: grey;">هذا النص هو وهميهذا النص هو وهمية. هذا النص هو وهمية.هذا النص هو وهمية.                    هذا النص هو وهمية.

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </p> -->
                    <div class="input-group form-group">
                        <span class = "input-group-addon" onclick="$('#filter').val('');$('#filter').trigger('keyup');"><i
                                class="fa fa-times"></i></span>
                        <input type="text" class="text-input" id="filter" placeholder="بحث"
                            style="direction: rtl;width: 100%;" />
                    </div>
                </div>
                {{-- <div class="modal-body" id="select_child_content"
                    style="max-height: calc(80vh - 160px);overflow-y: auto;background-color: white;padding:0px;">
                    <table border="0" width="100%" style="direction: rtl;">
                        <tbody>


                            <nav style="direction: rtl;">
                                <ul style="direction: rtl; padding-left: 8px; padding-right:10px;">
                                    @foreach ($family_people as $person)
                                        <li style="direction: rtl; list-style: none;">
                                            <div class="row"
                                                style="direction: rtl;border-bottom: 1px solid #ccc;padding-top: 5px; margin-left: 5px;margin-right:10px !important;">
                                                <div style="direction: rtl;float: right;width:19%;">
                                                    <span onclick="showDaleelProfilePopup({{ $person->id }})">
                                                        @if ($person->profile_picture != '')
                                                            <span class="node-image-round-box square-box"
                                                                style="background-size: cover; background-image: url({{ $person->profile_picture }})" />
                                                    </span>
                                                @else
                                                    <span
                                                        class="node-image-round-box square-box {{ $person->gender == '0' ? 'male' : 'female' }}"></span>
                                    @endif
                                    </span>
                                    <label style="font-size: 12px;margin-right:7px;">
                                        <span class="nodeid-text {{ $person->is_active() ? 'active-color' : '' }}"
                                            onclick="showDaleelProfilePopup('{{ $person->id }}')">{{ $person->nodeID }}</span>
                                    </label>
                </div>
                <div style="width:70%;float: right;text-align: right; ">
                    <label class="name-label" style="margin-top: 20px;font-size:17px;">
                        {!! $person->full_name2() !!}
                    </label>
                </div>
                <div style="float: left;">
                    <a href="javascript:void(0)"
                        onclick="addRelatedPerson({{ $person->id }},'{{ $person->alive }}')"
                        class="btn btn-primary btn-small"><i class="fa fa-plus"></i></a>
                </div>
            </div>
            </li>
            @endforeach
            </ul>
            </nav>
            </tbody>
            </table>
        </div> --}}
                <div class="modal-body" id="select_child_content"
                    style="max-height: calc(80vh - 160px); overflow-y: auto; background-color: white; padding:0px;">
                    <nav style="direction: rtl;">
                        <ul id="daleel_nodes_list" style="direction: rtl; padding-left: 8px; padding-right:10px;">
                            <!-- AJAX will populate <li> here -->
                        </ul>
                    </nav>
                </div>

            </div>
            <form method="POST" class="inline" id="bulkaction">
                @csrf
                <input type="hidden" value="" name="ids" id="ids" />
            </form>

            <!-- Load detail actions content and js -->
            @include('admin.familymembers.detail-actions', ['daleel' => $daleel])
        @endsection
        @include('admin.familymembers.scripts.detail')