@extends('dashboard.layouts.master')


@section('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="#addrealEstateUnit"><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="realEstateUnit" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th> #</th>
                            <th>الوحدة </th>
                            <th> تاريخ الاضافة </th>
                            {{-- <th> العملاء </th> --}}

                            <th> خيارات </th>
                        </tr>
                    </thead>
                    <tbody>

                                                @foreach ($realEstateUnits as $item)
                            
                            <tr>
                                <td>{{ $i }}</td>
                                <td>{{ $item->name }} </td>
                                <td>{{ $item->created_at->format('Y-m-d') }}</td>
                                {{-- <td> <button class="btn btn-primary departments" data-toggle="modal"
                                        data-target="#view2"><i class="fa fa-eye"></i> الوحدات (20)</button>
                                </td> --}}
                                <td>
                                    @permitTo('تعديل وحدة عقارية')
                                        <a class="btn btn-info btn-xs"
                                            href="{{ route('realEstateUnit.show', [$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

                                </td>
                            </tr>
                        @endforeach


                    </tbody>

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


{{-- Start Add realEstateUnit --}}

<div class="modal fade modeel" id="addrealEstateUnit">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form class="needs-validation" action="{{ route('realEstateUnit.store') }}" method="post">
                @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">
                    <input type="hidden" name="real_estate_id" id="real_estate_id" value="{{ $real_estate_id }}">
                    <div id="aprtmentHasId">
                        <input type="hidden" name="id" id="aprtmentId" value="1">
                    </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="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="unit_id" style="width: 100%" class="form-control select2"
                                                required>
                                                <option value="">يرجى الاختيار</option>
                                                @foreach ($units as $unit)
                                                    <option value="{{ $unit->id }}"> {{ $unit->name }}
                                                    </option>
                                                @endforeach
                                            </select>

                                        </div>

                                    </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" style="width: 100%"
                                                class="form-control select2" 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 class="mr-2">
                                            عدد الصالات
                                        </label>
                                        <input type="text" name="lounges_count" id="lounges_count"
                                            class="form-control {{ $errors->has('lounges_count') ? ' is-invalid' : '' }}"
                                            value="{{ old('lounges_count') }}" placeholder="ادخل اسم الوحدة"
                                            required>
                                    </div>

                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="mr-2">
                                            عدد الغرف
                                        </label>
                                        <input type="text" name="room_count" id="room_count"
                                            class="form-control {{ $errors->has('room_count') ? ' is-invalid' : '' }}"
                                            value="{{ old('room_count') }}" placeholder="ادخل اسم الوحدة" required>

                                    </div>

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

                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="mr-2">
                                            عدد الابواب الخارجية
                                        </label>
                                        <input type="text" name="external_doors_count" id="external_doors_count"
                                            class="form-control {{ $errors->has('external_doors_count') ? ' is-invalid' : '' }}"
                                            value="{{ old('external_doors_count') }}"
                                            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="floor" style="width: 100%" class="form-control select2">
                                                <option value="">يرجى الاختيار</option>
                                                <option value="1"> 1 </option>
                                                <option value="2"> 2</option>
                                                <option value="3"> 3</option>
                                                <option value="4"> 4</option>
                                                <option value="5"> 5</option>
                                                <option value="6"> 6</option>
                                                <option value="7"> 7</option>
                                                <option value="8"> 8</option>
                                                <option value="9"> 9</option>
                                                <option value="10"> 10</option>
                                            </select>

                                        </div>

                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="mr-2">
                                            المساحه
                                        </label>
                                        space
                                        <input type="text" name="space" id="space"
                                            class="form-control {{ $errors->has('space') ? ' is-invalid' : '' }}"
                                            value="{{ old('space') }}" placeholder="ادخل  المساحة" required>

                                    </div>

                                </div>
                                <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="ادخل  القيمة الافتراضية"
                                            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 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="ادخل رقم حساب الكهرباء" required>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="water_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="ادخل رقم حساب المياة" required>
                                    </div>
                                </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 realEstateUnit --}}

@endsection


@section('js')




{{-- datatable  data --}}
<script>
    $(document).ready(function() {
        $('#realEstateUnit').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('realEstateUnit.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() {
                        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 --}}
@endsection