@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

    <div class="col-md-12">
        <section class="content">
            <div class="card card-primary card-outline card-outline-tabs">
                <div class="card-header p-0 border-bottom-0">
                    <ul class="nav nav-tabs" id="tabs-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="tabs-stores-tab" data-toggle="pill" href="#tabs-stores"
                                role="tab" aria-controls="tabs-stores" aria-selected="true"> معلومات العقار </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="tabs-OPEN_BALANCE-tab" data-toggle="pill" href="#tabs-OPEN_BALANCE"
                                role="tab" aria-controls="tabs-OPEN_BALANCE" aria-selected="false"> العقارات </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="tabs-OPEN_BALANCE-tab" data-toggle="pill" href="#files"
                                role="tab" aria-controls="tabs-OPEN_BALANCE" aria-selected="false"> الملفات </a>
                        </li>

                    </ul>
                </div>
                <div class="card-body ">
                    <div class="tab-content" id="tabs-tabContent">
                        <div class="tab-pane fade active show" id="tabs-stores" role="tabpanel"
                            aria-labelledby="tabs-stores-tab">
                            <section class="content">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <table class="table table-striped">
                                            <tbody>

                                                <tr>
                                                    <td> اسم العقار </td>
                                                    <td> {{ $realEstate->name }}</td>
                                                </tr>
                                                <tr>
                                                    <td> نوع العقار </td>
                                                    <td>{{ $realEstate->realEstateType->name }}</td>
                                                </tr>
                                                <tr>
                                                    <td>رقم العقار </td>
                                                    <td> {{ $realEstate->number }}</td>
                                                </tr>
                                                <tr>
                                                    <td> القيمة الافتراضية </td>
                                                    <td>
                                                        {{ $realEstate->virtual_value }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td> نسبة التشغيل </td>
                                                    <td>
                                                        {{ $realEstate->operating_ratio }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td> عدد الطوابق </td>
                                                    <td>
                                                        {{ $realEstate->flowers_number }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td> عدد الوحدات </td>
                                                    <td>{{ $realEstate->real_estate_unit_number }} </td>
                                                </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="col-lg-6">
                                        <table class="table table-striped">
                                            <tbody>

                                                <tr>
                                                    <td> المالك </td>
                                                    <td>{{ $realEstate->owner->name }}</td>
                                                </tr>
                                                <tr>
                                                    <td> رقم الصك </td>
                                                    <td> {{ $realEstate->instrument_number }} </td>
                                                </tr>
                                                <tr>
                                                    <td> تاريخ الصك </td>
                                                    <td>{{ $realEstate->instrument_date }} </td>
                                                </tr>
                                                <tr>
                                                    <td> الناظر </td>
                                                    <td> </td>
                                                </tr>

                                                <tr>
                                                    <td> رقم النظارة </td>
                                                    <td> null </td>
                                                </tr>

                                                <tr>
                                                    <td> تاريخ النظارة
                                                    </td>
                                                    <td> null </td>
                                                </tr>
                                                <tr>
                                                    <td> تاريخ النظارة
                                                    </td>
                                                    <td> null </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="col-lg-6">
                                        <table class="table table-striped">
                                            <tbody>

                                                <tr>
                                                    <td> الوكيل </td>
                                                    <td>{{ $realEstate->agent }} </td>
                                                </tr>
                                                <tr>
                                                    <td> رقم الوكالة </td>
                                                    <td>{{ $realEstate->agent_number }} </td>
                                                </tr>
                                                <tr>
                                                    <td> تاريخ الوكالة </td>
                                                    <td>{{ $realEstate->agent_date }} </td>
                                                </tr>

                                                <tr>
                                                    <td> رقم حساب الكهرباء </td>
                                                    <td> {{ $realEstate->electricity_account_number }}</td>
                                                </tr>

                                                <tr>
                                                    <td> رقم خدمات الكهرباء </td>
                                                    <td> {{ $realEstate->electricity_service_number }} </td>
                                                </tr>

                                                <tr>
                                                    <td> رقم حساب المياه</td>
                                                    <td> {{ $realEstate->water_account_number }} </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="col-lg-6">
                                        <table class="table table-striped">
                                            <tbody>

                                                <tr>
                                                    <td> المحافظة </td>
                                                    <td> {{ $realEstate->district->city->name }} </td>
                                                </tr>
                                                <tr>
                                                    <td> الحي </td>
                                                    <td> {{ $realEstate->district->name }} </td>
                                                </tr>
                                                <tr>
                                                    <td> العنوان الوطني </td>
                                                    <td> {{ $realEstate->national_address }} </td>
                                                </tr>

                                                <tr>
                                                    <td> العنوان </td>
                                                    <td> {{ $realEstate->address }} </td>
                                                </tr>

                                                <tr>
                                                    <td> الموقع الجغرافي
                                                    </td>

                                                    @if($realEstate->address_link)
                                                        <td>
                                                            <a href="{{$realEstate->address_link}}"
                                                                target="_blank"></a>
                                                          الموقع الجغرافي
                                                        </td>
                                                    @else
                                                        <td> لا يوجد </td>
                                                    @endif

                                                </tr>

                                            </tbody>
                                        </table>
                                    </div>



                                    <div class="col-lg-12">
                                        <table class="table table-striped">
                                            <tbody>
                                                <tr>
                                                    <td> ملاحظه </td>
                                                    <td> {{ $realEstate->notes }} </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

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

                        <div class="tab-pane fade" id="tabs-OPEN_BALANCE" role="tabpanel"
                            aria-labelledby="tabs-OPEN_BALANCE-tab">

                            <section class="content">
                                <div class="card-body">

                                    <table id="example1" class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th style="width: 10px">#</th>
                                                <th> اسم المالك </th>
                                                <th>نوع الهوية </th>
                                                <th> رقم الهوية </th>
                                                <th>رقم الجوال </th>
                                                <th>النسبة
                                                </th>


                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1.</td>
                                                <td>عبدالعزيز سليمان محمد الجربوع </td>
                                                <td>هوية وطنية </td>
                                                <td>1002680021 </td>
                                                <td>0505302854 </td>
                                                <td>100%
                                                </td>

                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </section>


                        </div>


                        <div class="tab-pane fade" id="files" role="tabpanel" aria-labelledby="files">

                            <section class="content">
                                <div class="card-body">
                                    <table id="example1" class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th style="width: 10px">#</th>
                                                <th> اسم الملف </th>
                                                <th> الملف المرفق </th>
                                                <th>حذف الملف</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                                                        @foreach ($realEstate->getMedia('files') as $file)
                                                                                                <tr>
                                                    <td>{{ $i }}</td>
                                                    <td>
                                                        <a href="{{ asset($file->getUrl()) }}" target="_blank">
                                                            <i class="fas fa-file"></i>
                                                            {{ $file->name }}
                                                        </a>
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-primary btn-xs"
                                                            title="تعديل" data-toggle="modal"
                                                            data-file="{{ $file->getUrl() }}"
                                                            data-target="#show_file">
                                                            <i class="fa fa-eye"></i> عرض
                                                        </button>
                                                    </td>
                                                    <td>
                                                        <button class="btn btn-danger btn-sm delete-record"
                                                            data-id="{{ $file->id }}">
                                                            <i class="fa fa-trash"></i>
                                                            <span>حذف</span>
                                                        </button>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </section>
                            <section class="content">
                                <div class="card-body">
                                    <table id="images" class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th style="width: 10px">#</th>
                                                <th> اسم الصورة </th>
                                                <th> الصورة </th>
                                                <th>حذف الصورة</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                                                        @foreach ($realEstate->getMedia('images') as $image)
                                                                                                <tr>
                                                    <td>{{ $i }}</td>
                                                    <td>
                                                        <a href="{{ asset($image->getUrl()) }}" target="_blank">
                                                            <i class="fas fa-file"></i>
                                                            {{ $image->name }}
                                                        </a>
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-primary btn-xs"
                                                            title="تعديل" data-toggle="modal"
                                                            data-file="{{ $image->getUrl() }}"
                                                            data-target="#show_file">
                                                            <i class="fa fa-eye"></i> عرض
                                                        </button>
                                                    </td>
                                                    <td>
                                                        <button class="btn btn-danger btn-sm delete-record"
                                                            data-id="{{ $image->id }}">
                                                            <i class="fa fa-trash"></i>
                                                            <span>حذف</span>
                                                        </button>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </section>


                        </div>


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


</div>



{{-- Start show_file --}}
<div class="modal" tabindex="-1" role="dialog" id="show_file">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">عرض الملف</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="iframe-container">
                    <iframe id="modal_file" src="" class="responsive-iframe"></iframe>
                    {{-- <img id="modal_file" src="" alt="" width="50%"> --}}
                </div>
            </div>
        </div>
    </div>
</div>
{{-- End show_file --}}


@endsection



@section('js')

{{-- Show model data --}}
<script>
    $('#show_file').on('show.bs.modal', function(event) {

        var button = $(event.relatedTarget);
        var file = button.data('file');
        var path = "http://127.0.0.1:8000/" + file;
        console.log(path);
        var modal = $(this)
        $('#modal_file').attr('src', file);
    })
</script>
{{-- Show  model 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('deleteRealEstateFile', ':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,
                    data: {
                        "realEstate_id": {{ $realEstate->id }}
                    },
                    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 --}}


@endsection