@extends('dashboard.layouts.master')


@section('css')
    <link rel="stylesheet" href="{{ asset('dashboard/plugins/summernote/summernote-bs4.min.css') }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">

@section('title')
    العقارات
@stop
@endsection


@section('content')
<!-- Start Page header -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-12">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.home') }}">نظام
                            ادارة وتطوير الملاك
                        </a>
                    </li>
                    <li class="breadcrumb-item">
                        <span> العقارات </span>
                    </li>
                </ol>
            </div>

        </div>
    </div>
</div>
<!-- End Page header -->


<div class="row">

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    @if (session()->has('Add'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <span>{{ session()->get('Add') }}</span>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    @if (session()->has('edit'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <span>{{ session()->get('edit') }}</span>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    @if (session()->has('delete'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <span>{{ session()->get('delete') }}</span>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    @admin('المشرف العام للنظام')
        @include('dashboard/layouts.statistics')
    @endadmin

    <div class="col-12">
        <div class="card text-right card-primary mb-0 card-outline  p-sticky t-15">
            <div class="card-header">
                <h3 class="card-title">العقارات</h3>
                <div class="card-tools">
                    @permitTo('إضافة عقار')
                        <button class="btn btn-primary departments" data-toggle="modal" data-target="#addrealEstate"><i
                                class="fa fa-plus"></i> اضافة</button>
                    @endpermitTo
                    <button type="button" class="btn btn-tool" data-card-widget="maximize"><i
                            class="fas fa-expand"></i></button>
                </div>
            </div>
            <div class="card-body">
                <table id="realEstate" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th> #</th>
                            <th>الاسم</th>
                            <th> الرقم </th>
                            <th> العنوان الوطني </th>
                            <th> رقم الصك </th>
                            <th> المحافظة </th>
                            <th> الحي </th>
                            <th> نسبة التشغيل </th>
                            <th> الوحدات </th>
                            <th> خيارات </th>
                        </tr>
                    </thead>
                    <tbody>

                                                @foreach ($realEstates as $item)
                            
                            <tr>
                                <td>{{ $i }}</td>
                                <td>{{ $item->name }} </td>
                                <td>{{ $item->number }} </td>
                                <td>{{ $item->national_address }} </td>
                                <td>{{ $item->instrument_number }} </td>
                                <td>{{ $item->district->city->name }} </td>
                                <td>{{ $item->district->name }} </td>
                                <td>{{ $item->operating_ratio }} </td>
                                <td>
                                    @permitTo('عرض الوحدات العقارية')
                                    <a href="{{ route('getUnits', [$item->id]) }}" class="btn btn-primary"><i
                                            class="fa fa-eye"></i>
                                        {{-- {{ $item->real_estate_unit_number }} --}}
                                        الوحدات ({{  $item->realEstateUnits->count() }})
                                    </a>
                                    @endpermitTo
                                </td>
                                <td>
                                    @permitTo('تعديل عقار')
                                        <a class="btn btn-info btn-xs" href="{{ route('realEstate.show', [$item->id]) }}">
                                            <i class="fa fa-eye"></i>
                                        </a>
                                        <a class="btn btn-warning btn-xs"
                                            href="{{ route('realEstate.edit', [$item->id]) }}">
                                            <i class="fa fa-edit"></i>
                                        </a>
                                    @endpermitTo
                                    @permitTo('حذف عقار')
                                        <button class="btn btn-danger btn-xs delete-record" data-id="{{ $item->id }}">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    @endpermitTo
                                    {{-- <a class="btn btn-warning btn-xs" data-toggle="modal" data-target="#siana"><i class="fa-solid fa-screwdriver-wrench"></i> </a> --}}


                                </td>
                            </tr>
                        @endforeach


                    </tbody>

                </table>
            </div>
        </div>
        <!-- /.card-body -->
    </div>
</div>


{{-- Start Add realEstate --}}
<div class="modal fade modeel" id="addrealEstate">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form class="needs-validation" action="{{ route('realEstate.store') }}" method="post"
                enctype="multipart/form-data">
                @csrf
                <div class="modal-header">
                    <h4 class="modal-title"> اضافة عقار</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div id="hasid"></div>
                    <div class="card">
                        <div class="card-header">
                            معلومات شخصية
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="name" class="mr-2">
                                            اسم العقار
                                        </label>
                                        <input type="text" name="name" id="name"
                                            class="form-control {{ $errors->has('name') ? ' is-invalid' : '' }}"
                                            value="{{ old('name') }}" placeholder="ادخل اسم العقار" required>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="mr-2">
                                            النوع</label>
                                        <div class="input-group mb-3">
                                            <select name="real_estate_type_id" class="form-control select2"
                                                style="width: 100%;" required>
                                                <option value="">يرجى الاختيار</option>
                                                @foreach ($types as $type)
                                                    <option value="{{ $type->id }}"> {{ $type->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                    </div>
                                </div>
                                <div class="col-6">

                                    <div class="form-group">
                                        <label for="number" class="mr-2">
                                            رقم العقار
                                        </label>
                                        <input type="text" name="number" id="number"
                                            class="form-control {{ $errors->has('number') ? ' is-invalid' : '' }}"
                                            value="{{ old('number') }}" placeholder="ادخل رقم العقار" required>

                                    </div>

                                </div>
                                <div class="col-3">

                                    <div class="form-group">
                                        <label for="flowers_number" class="mr-2">
                                            عدد الطوابق
                                        </label>
                                        <input type="number" name="flowers_number" id="flowers_number"
                                            class="form-control {{ $errors->has('flowers_number') ? ' is-invalid' : '' }}"
                                            value="{{ old('flowers_number') }}" placeholder="عدد الطوابق" required>

                                    </div>

                                </div>
                                <div class="col-3">

                                    <div class="form-group">
                                        <label for="real_estate_unit_number" class="mr-2">
                                            عدد الوحدات
                                        </label>
                                        <input type="number" name="real_estate_unit_number"
                                            id="real_estate_unit_number"
                                            class="form-control {{ $errors->has('real_estate_unit_number') ? ' is-invalid' : '' }}"
                                            value="{{ old('real_estate_unit_number') }}" placeholder="  عدد الوحدات"
                                            required>
                                    </div>

                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                        <label>المالك</label>
                                        <select name="owner_id" class="form-control select2" style="width: 100%;"
                                            required>
                                            <option value="">يرجى الاختيار</option>
                                            @foreach ($owners as $owner)
                                                <option value="{{ $owner->id }}"> {{ $owner->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                        <label for="instrument_number" class="mr-2">
                                            رقم الصك</label>
                                        <input type="text" name="instrument_number" id="instrument_number"
                                            class="form-control cc-inputmask {{ $errors->has('instrument_number') ? ' is-invalid' : '' }}"
                                            value="{{ old('instrument_number') }}" placeholder="رقم الصك" required>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                        <label for="instrument_date" class="mr-2">
                                            تاريخ الصك</label>
                                        <input type="date" name="instrument_date" id="instrument_date"
                                            class="form-control cc-inputmask {{ $errors->has('instrument_date') ? ' is-invalid' : '' }}"
                                            value="{{ old('instrument_date') }}" placeholder="رقم الصك" required>
                                    </div>
                                </div>
                                {{-- <div class="col-4">
                                    <div class="form-group">
                                        <label>الناظر</label>
                                        <select class="form-control select2" style="width: 100%;">
                                            <option selected="selected">يرجى الاختيار</option>
                                            <option>المعز محمد ابراهيم </option>
                                            <option>احمد محمد </option>

                                        </select>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                        <label for="id_number" class="mr-2">
                                            رقم النظارة</label>
                                        <input type="text" name="id_number" id="id_number"
                                            class="form-control cc-inputmask" placeholder="رقم الصك" required="">
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                        <label for="id_number" class="mr-2">
                                            تاريخ النظارة</label>
                                        <input type="date" name="id_number" id="id_number"
                                            class="form-control cc-inputmask" placeholder="رقم الصك" required="">

                                    </div>
                                </div> --}}
                                <div class="col-4">
                                    <div class="form-group">
                                        <label>الوكيل</label>
                                        <input type="text" name="agent" id="agent"
                                            class="form-control {{ $errors->has('agent') ? ' is-invalid' : '' }}"
                                            value="{{ old('agent') }}" placeholder="ادخل اسم الوكيل" required>
                                    </div>
                                </div>

                                <div class="col-4">
                                    <div class="form-group">
                                        <label for="agent_number" class="mr-2">
                                            رقم الوكالة</label>
                                        <input type="text" name="agent_number" id="agent_number"
                                            class="form-control cc-inputmask {{ $errors->has('agent_number') ? ' is-invalid' : '' }}"
                                            value="{{ old('agent_number') }}" placeholder="رقم الوكالة" required>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                        <label for="agency_date" class="mr-2">
                                            تاريخ الوكالة</label>
                                        <input type="date" name="agency_date" id="agency_date"
                                            class="form-control cc-inputmask {{ $errors->has('agent_number') ? ' is-invalid' : '' }}"
                                            value="{{ old('agency_date') }}" placeholder="تاريخ الوكالة"
                                            required="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card ">
                        <div class="card-header">
                            العنوان
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="mr-2">
                                            المحافظة</label>
                                        <div class="input-group mb-3">
                                            <select name="city_id" id="city_id" class="form-control select2"
                                                style="width: 87%;" required>
                                                <option value="">يرجى الاختيار </option>
                                                @foreach ($cities as $item)
                                                    <option value="{{ $item->id }}">{{ $item->name }}</option>
                                                @endforeach
                                            </select>
                                            <span class="input-group-text" data-toggle="modal"
                                                data-target="#mohafza">
                                                <i class="fa-solid fa-plus  "></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="mr-2">
                                            الحي</label>
                                        <div class="input-group mb-3">
                                            <select name="district_id" id="district_id" class="form-control select2"
                                                style="width: 87%;" required>
                                            </select>
                                            <span class="input-group-text" data-toggle="modal" data-target="#hay">
                                                <i class="fa-solid fa-plus  "></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="address" class="mr-2">
                                            العنوان</label>
                                        <input type="text" name="address" id="address"
                                            class="form-control {{ $errors->has('address') ? ' is-invalid' : '' }}"
                                            placeholder="ادخل العنوان" value="{{ old('address') }}" required>

                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="mr-2">
                                            رابط الموقع الجغرافي</label>
                                        <input type="text" name="address_link" id="address_link"
                                            class="form-control {{ $errors->has('address') ? ' is-invalid' : '' }}"
                                            value="{{ old('address_link') }}"
                                            placeholder="ادخل رابط الموقع الجغرافي للعقار ">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="mr-2">
                                            العنوان الوطني </label>
                                        <input type="text" name="national_address" id="national_address"
                                            class="form-control {{ $errors->has('national_address') ? ' is-invalid' : '' }}"
                                            value="{{ old('national_address') }}"
                                            placeholder="ادخل العنوان الوظيفي ">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card ">
                        <div class="card-header">
                            معلومات الخدمات
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="electricity_account" class="mr-2">
                                            رقم حساب الكهرباء </label>
                                        <input type="number" name="electricity_account_number"
                                            id="electricity_account_number"
                                            class="form-control {{ $errors->has('electricity_account_number') ? ' is-invalid' : '' }}"
                                            value="{{ old('electricity_account_number') }}"
                                            placeholder="ادخل رقم حساب الكهرباء ">

                                    </div>
                                    <div class="form-group">
                                        <label class="mr-2">
                                            رقم حساب المياه</label>
                                        <input type="number" name="electricity_service_number"
                                            id="electricity_service_number"
                                            class="form-control {{ $errors->has('electricity_service_number') ? ' is-invalid' : '' }}"
                                            value="{{ old('electricity_service_number') }}"
                                            placeholder="ادخل رقم حساب المياه">

                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="electricity_services_account" class="mr-2">
                                            رقم خدمات الكهرباء </label>
                                        <input type="number" name="water_account_number" id="water_account_number"
                                            class="form-control {{ $errors->has('water_account_number') ? ' is-invalid' : '' }}"
                                            value="{{ old('water_account_number') }}"
                                            placeholder="ادخل رقم خدمات الكهرباء ">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card ">
                        <div class="card-header">
                            مالية العقار
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="mr-2">
                                            القيمة الافتراضية</label>
                                        <input type="number" name="virtual_value" id="virtual_value"
                                            class="form-control {{ $errors->has('virtual_value') ? ' is-invalid' : '' }}"
                                            value="{{ old('virtual_value') }}" placeholder="ادخل القيمة الافتراضية"
                                            min="0" height="100">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="mr-2">
                                            نسبة التشغيل</label>
                                        <div class="input-group mb-3">
                                            <span class="input-group-text"><i class="fa-solid fa-percent"></i></span>
                                            <input type="number" name="operating_ratio" id="operating_ratio"
                                                class="form-control {{ $errors->has('operating_ratio') ? ' is-invalid' : '' }}"
                                                value="{{ old('operating_ratio') }}" placeholder="ادخل نسبة التشغيل"
                                                min="0" max="100" required="">

                                        </div>
                                    </div>
                                </div>
                            </div>

                            {{-- <div class="form-group">
                                <table class="table table-bordered" style="margin-top: 5px;">
                                    <tbody>
                                        <tr class="table-info">
                                            <th width="5%">
                                                <center>م</center>
                                            </th>
                                            <th width="45%">
                                                <center>المالك</center>
                                            </th>
                                            <th width="30%">
                                                <center>نسبة المالك</center>
                                            </th>
                                            <th width="7%">
                                                <center>حذف</center>
                                            </th>
                                        </tr>
                                    </tbody>
                                    <tbody id="ownersTbody">
                                        <tr id="row2">
                                            <td>
                                                <center><label style="margin-top:0%;">2</label></center>
                                            </td>
                                            <td>
                                                <div class="input-group mb-3">
                                                    <span class="input-group-text" id="basic-addon1"><i
                                                            class="fa-solid fa-building-user"></i></span>
                                                    <select data-live-search="true"
                                                        class="select2 custom-select form-select select2-hidden-accessible"
                                                        id="owner_id2" name="owner_id2" ></select><span
                                                        class="select2 select2-container select2-container--default"
                                                        dir="rtl" data-select2-id="40" style="width: 75%;">
                                                        <span class="dropdown-wrapper"
                                                            aria-hidden="true"></span></span>

                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group mb-3">
                                                    <span class="input-group-text" id="basic-addon1"><i
                                                            class="fa-solid fa-percent"></i></span>
                                                    <input type="text" class="form-control" name="ratio2"
                                                        placeholder="نسبة تشغيل العقار "
                                                        min="1" max="100">

                                                </div>
                                            </td>
                                            <td><button name="remove" data-row="row2" class="btn btn remove"><i
                                                        class="fa-solid fa-circle-minus fa-xl text-danger"></i></button>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <button id="add_owner" class="btn btn" type="buttun"
                                    onclick="event.preventDefault();"><i
                                        class="fa-solid fa-circle-plus text-primary"></i></button>
                            </div> --}}
                        </div>
                    </div>
                    <div class="card ">
                        <div class="card-header">
                            المرفقات
                        </div>
                        <div class="card-body">
                            <div class="col-12">
                                <div class="row" style="align-items: center;">
                                    <div class="col-md-10 dynamic-field" id="dynamic-field-1">
                                        <div class="row">
                                            <div class="col-md-8 mb-3">
                                                <label for="validationCustom01">
                                                    ارفاق ملف </label>
                                                <input type="file" name="files[]" class="form-control"
                                                    accept="image/png, image/jpeg,image/jpg,application/pdf"
                                                    id="validationCustom01" placeholder="">
                                                <div class="valid-feedback">
                                                    Looks good!
                                                </div>
                                            </div>

                                            <div class="col-md-4 mb-3">
                                                <label for="validationCustom01">
                                                    اسم المرفق </label>
                                                <input type="text" class="form-control" id="validationCustom01"
                                                    placeholder=" اسم المرفق ">
                                                <div class="valid-feedback">
                                                    Looks good!
                                                </div>
                                            </div>


                                        </div>
                                    </div>
                                    <div class="col-md-2 mt-30 append-buttons">
                                        <div class="clearfix">
                                            <button type="button" id="add-button"
                                                class="btn btn-secondary float-left text-uppercase shadow-sm"><i
                                                    class="fa fa-plus fa-fw"></i>
                                            </button>
                                            <button type="button" id="remove-button"
                                                class="btn btn-secondary float-left text-uppercase ml-1"
                                                disabled="disabled"><i class="fa fa-minus fa-fw"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card ">
                        <div class="card-header">
                            صور العقار
                        </div>
                        <div class="card-body">
                            <div class="col-12">
                                <div class="row" style="align-items: center;">
                                    <div class="col-md-10 dynamic2-field" id="dynamic2-field-1">
                                        <div class="row">
                                            <div class="col-md-8 mb-3">
                                                <label for="validationCustom01">
                                                    ارفاق ملف </label>
                                                <input type="file" name="images_files[]" class="form-control"
                                                    accept="image/png, image/jpeg,image/jpg" id="validationCustom01"
                                                    placeholder="">
                                                <div class="valid-feedback">

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-2 mt-30 append-buttons">
                                        <div class="clearfix">
                                            <button type="button" id="add-button2"
                                                class="btn btn-secondary float-left text-uppercase shadow-sm"><i
                                                    class="fa fa-plus fa-fw"></i>
                                            </button>
                                            <button type="button" id="remove-button2"
                                                class="btn btn-secondary float-left text-uppercase ml-1"
                                                disabled="disabled"><i class="fa fa-minus fa-fw"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card ">
                        <div class="card-header">
                            الملاحظات
                        </div>
                        <div class="card-body">
                            <div class="form-group">
                                <div class="noteDiv">
                                    <textarea class="form-control" name="notes"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer justify-content-between">
                    <button type="button" class="btn btn-default" data-dismiss="modal">الغاء</button>
                    <button type="submit" class="btn btn-primary">حفظ</button>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
{{-- End Add realEstate --}}

@endsection



@section('js')

{{-- datatable  data --}}
<script>
    $(document).ready(function() {
        $('#realEstate').DataTable({
            "responsive": true,
            "lengthChange": false,
            "autoWidth": false,
            dom: 'Bfrtip',
            buttons: [{
                    extend: 'print',
                    title: "العقارات",
                    exportOptions: {
                        columns: ':visible'
                    },
                    customize: function(win) {
                        $(win.document.body).css('direction', 'rtl');
                        $(win.document.body).find('h1').css('text-align', 'center');
                        $(win.document.body).css('font-size', '9px')
                            .prepend(
                                '<img src="{{ URL::asset('dashboard/dist/img/lo.png') }}" style="display: block;margin-left: auto;margin-right: auto" width="118px" height="26px" />'
                            );
                        $(win.document.body).css('font-size', '9px')
                            .prepend(
                                ' <p style="float:left"> التاريخ : {{ Carbon\Carbon::now() }} </p>'
                            );
                        $(win.document.body).css('font-size', '9px')
                            .prepend(
                                ' <p style="float:right"> اسم الموظف : {{ auth('admin')->user()->name }} </p>'
                            );
                        $(win.document.body).find('table')
                            .addClass('compact')
                            .css('font-size', 'inherit');
                    }
                },
                'excel', 'colvis', 'pdf', 'csv', 'copy'
            ],
            columnDefs: [{
                {{-- targets: -1, --}}
                visible: false
            }],
        });
    });
</script>
{{-- datatable  data --}}



{{-- Delete  Data --}}

<script>
    $(document).on('click', '.delete-record', function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        var Id = $(this).data('id');
        var url = "{{ route('realEstate.destroy', ':Id') }}";
        url = url.replace(':Id', Id);
        dtrModal = $('.dtr-bs-modal.show');

        // hide responsive modal in small screen
        if (dtrModal.length) {
            dtrModal.modal('hide');
        }

        // sweetalert for confirmation of delete
        Swal.fire({
            title: ' هل انت متاكد من عملية الحذف?',
            text: "لن تتمكن من التراجع عن هذا!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'نعم ، احذفها!',
            cancelButtonText: 'إلغاء',
            customClass: {
                confirmButton: 'btn btn-primary me-3',
                cancelButton: 'btn btn-label-secondary',
            },
            buttonsStyling: false
        }).then(function(result) {
            if (result.value) {
                // delete the data
                $.ajax({
                    type: 'DELETE',
                    url: url,
                    success: function(data) {
                        // console.log(data);
                        location.reload();
                    },
                    error: function(error) {
                        console.log(error);
                    }
                });
                // success sweetalert
                Swal.fire({
                    icon: 'success',
                    title: 'تم الحذف!',
                    text: 'تم حذف البيانات!',
                    customClass: {
                        confirmButton: 'btn btn-success'
                    }
                });
            } else if (result.dismiss === Swal.DismissReason.cancel) {
                Swal.fire({
                    title: 'ألغيت',
                    text: 'لم يتم حذف البيانات!',
                    icon: 'error',
                    customClass: {
                        confirmButton: 'btn btn-success'
                    }
                });
            }
        });
    });
</script>
{{-- Delete  Data --}}



{{-- add and remove file --}}
<script>
    $(document).ready(function() {
        var buttonAdd = $("#add-button");
        var buttonRemove = $("#remove-button");
        var className = ".dynamic-field";
        var count = 0;
        var field = "";
        var maxFields = 50;

        function totalFields() {
            return $(className).length;
        }

        function addNewField() {
            count = totalFields() + 1;
            field = $("#dynamic-field-1").clone();
            field.attr("id", "dynamic-field-" + count);
            field.children("label").text("Field " + count);
            field.find("input").val("");
            $(className + ":last").after($(field));
        }

        function removeLastField() {
            if (totalFields() > 1) {
                $(className + ":last").remove();
            }
        }

        function enableButtonRemove() {
            if (totalFields() === 2) {
                buttonRemove.removeAttr("disabled");
                buttonRemove.addClass("shadow-sm");
            }
        }

        function disableButtonRemove() {
            if (totalFields() === 1) {
                buttonRemove.attr("disabled", "disabled");
                buttonRemove.removeClass("shadow-sm");
            }
        }

        function disableButtonAdd() {
            if (totalFields() === maxFields) {
                buttonAdd.attr("disabled", "disabled");
                buttonAdd.removeClass("shadow-sm");
            }
        }

        function enableButtonAdd() {
            if (totalFields() === (maxFields - 1)) {
                buttonAdd.removeAttr("disabled");
                buttonAdd.addClass("shadow-sm");
            }
        }

        buttonAdd.click(function() {
            addNewField();
            enableButtonRemove();
            disableButtonAdd();
        });

        buttonRemove.click(function() {
            removeLastField();
            disableButtonRemove();
            enableButtonAdd();
        });
    });
</script>

<script>
    $(document).ready(function() {
        var buttonAdd = $("#add-button2");
        var buttonRemove = $("#remove-button2");
        var className = ".dynamic2-field";
        var count = 0;
        var field = "";
        var maxFields = 50;

        function totalFields() {
            return $(className).length;
        }

        function addNewField() {
            count = totalFields() + 1;
            field = $("#dynamic2-field-1").clone();
            field.attr("id", "dynamic2-field-" + count);
            field.children("label").text("Field " + count);
            field.find("input").val("");
            $(className + ":last").after($(field));
        }

        function removeLastField() {
            if (totalFields() > 1) {
                $(className + ":last").remove();
            }
        }

        function enableButtonRemove() {
            if (totalFields() === 2) {
                buttonRemove.removeAttr("disabled");
                buttonRemove.addClass("shadow-sm");
            }
        }

        function disableButtonRemove() {
            if (totalFields() === 1) {
                buttonRemove.attr("disabled", "disabled");
                buttonRemove.removeClass("shadow-sm");
            }
        }

        function disableButtonAdd() {
            if (totalFields() === maxFields) {
                buttonAdd.attr("disabled", "disabled");
                buttonAdd.removeClass("shadow-sm");
            }
        }

        function enableButtonAdd() {
            if (totalFields() === (maxFields - 1)) {
                buttonAdd.removeAttr("disabled");
                buttonAdd.addClass("shadow-sm");
            }
        }

        buttonAdd.click(function() {
            addNewField();
            enableButtonRemove();
            disableButtonAdd();
        });

        buttonRemove.click(function() {
            removeLastField();
            disableButtonRemove();
            enableButtonAdd();
        });
    });
</script>
{{-- add and remove file --}}



{{-- Start get districts --}}
<script>
    $(document).ready(function() {
        $('select[name="city_id"]').on('change', function() {
            var CityId = $(this).val();
            var url = "{{ route('getDistricts', ':CityId') }}";
            url = url.replace(':CityId', CityId);
            if (CityId) {
                $.ajax({
                    url: url,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('select[name="district_id"]').empty();
                        $.each(data, function(key, value) {
                            $('select[name="district_id"]').append(
                                '<option value="' +
                                key + '">' + value + '</option>');
                        });
                    },
                });

            } else {
                $('select[name="district_id"]').empty();
                console.log('AJAX load did not work');
            }
        });
        $('.select2').select2({
            placeholder: 'الرجاء الاختيار',
            searchInputPlaceholder: 'بحث'
        });

    });
</script>
{{-- get districts --}}
@endsection