@extends('Admin.Layouts.Dashboard')

@section('styles')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-lite.min.css" />
@endsection

@section('content')
    <div class="modal fade" id="refuse-request" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document"></div>
    </div>

    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto">الحسابات</h4>
                <span class="text-muted mt-1 tx-13 ms-2 mb-0">/ العقارات</span>
                <span class="text-muted mt-1 tx-13 ms-2 mb-0">/ {{$page_title}}</span>
            </div>
        </div>

        <div class="d-flex my-xl-auto right-content">
            <a href="{{dashboard_route('units.index')}}" class="btn btn-danger mb-1 me-1">عرض العقارات <i class="mdi mdi-arrow-left"></i></a>
        </div>
    </div>

    <!-- Row -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title" id="exampleModalLabel">{{$page_title}}</h5>
                </div>

                <div class="card-body">

                    @include('Messages')

                    <form method="post" id="form-store" action="{{dashboard_route('units.update', $unit->id)}}">
                        @csrf
                        @method('PUT')

                        <div class="form-group">
                            <label for="name_ar">اسم العقار</label>
                            <input type="text" id="name_ar" name="name_ar" value="{{old('name_ar') ?? $unit->name_ar ?? ''}}" class="form-control" required />
                        </div>

                        <div class="form-group">
                            <label for="name_en">اسم العقار باللغة الانجليزية</label>
                            <input type="text" id="name_en" name="name_en" value="{{old('name_en') ?? $unit->name_en ?? ''}}" class="form-control" />
                        </div>

                        <div class="form-group w-100 mt-4">
                            <label class="mb-2 form-label" for="city_id">المنطقة*</label>

                            <select class="select2 form-control w-100" id="province_id" name="province_id" required>
                                <option value="">اختر المنطقة</option>

                                @foreach($provinces as $province)
                                    <option value="{{$province->id}}" {{$unit->city->province_id == $province->id ? 'selected' : ''}}>{{$province->name_ar}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group w-100 mt-4">
                            <label class="mb-2 form-label" for="city_id">المدينة*</label>

                            <select class="select2 form-control w-100" id="city_id" name="city_id" required>
                                <option value="">اختر المدينة</option>

                                @foreach($cities as $city)
                                    <option value="{{$city->id}}" {{$unit->city_id == $city->id ? 'selected' : ''}}>{{$city->name_ar}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="type" class="form-label">نوع العقار*</label>

                            <select name="unit_type_id" id="type" class="nice-select w-100">
                                @foreach($types as $type)
                                    <option value="{{$type?->id}}" {{$unit?->unit_type_id == $type?->id ? 'selected' : ''}}>{{$type?->name_ar}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="partner_id" class="form-label">الشريك*</label>

                            <select name="partner_id" id="partner_id" class="select2 w-100">
                                @foreach($partners as $partner)
                                    <option value="{{$partner?->id}}" {{$unit?->partner_id == $partner?->id ? 'selected' : ''}}>{{$partner?->name}} - {{$partner->phonenumber}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="association">هل تتبع اتحاد ملاك؟</label>

                            <div class="form-group mb-0">
                                <input id="no" type="radio" value="no" name="association" {{!$unit->is_association ? 'checked' : ''}} />
                                <label for="no">لا</label>
                            </div>

                            <div class="form-group mb-0">
                                <input id="yes" type="radio" value="yes" name="association" {{$unit->is_association ? 'checked' : ''}} />
                                <label for="yes">نعم</label>
                            </div>
                        </div>

                        @foreach($gallery_images as $key => $gallery_item)
                            <div class="form-group">
                                <label>{{__('validation.'.$key)}}</label>

                                @if(count($gallery_item))
                                    <div class="images-wrapper">
                                        @foreach($gallery_item as $item)
                                            <a data-fancybox="gallery" class="p-1" data-src="{{get_unit_image($item->image_path, 'original')}}" data-caption="صور {{__('validation.'.$key)}}" data-speed="700">
                                                <img src="{{get_unit_image($item->image_path)}}" alt="" />
                                            </a>
                                        @endforeach
                                    </div>
                                @else
                                    <p class="text-muted">لا يوجد</p>
                                @endif
                            </div>
                        @endforeach

                        @if($unit->details)
                        <div class="form-group">
                            <div class="col-md-6 col-xs-12">
                                <div class="form-group">
                                    <label for="details_ar">تفاصيل العقار</label>
                                    <h6 class="text-danger"><small>يمكنك تعديل التفاصيل</small></h6>

                                    <textarea id="details_ar" name="details_ar">{{old('details_ar') ?? $unit->details->details_ar ?? ''}}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-6 col-xs-12">
                                <div class="form-group">
                                    <label for="details_en">تفاصيل العقار بالانجليزية</label>
                                    <h6 class="text-danger"><small>يمكنك تعديل التفاصيل</small></h6>

                                    <textarea id="details_en" name="details_en">{{old('details_en') ?? $unit->details->details_en ?? ''}}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-xs-12">
                                <div class="form-group">
                                    <label for="location">رابط موقع العقار</label>
                                    <input type="url" class="form-control" name="unit_location" value="{{old('location') ?? $unit->details->location ?? ''}}" />
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-xs-12">
                                <div class="form-group">
                                    <label for="region" class="form-label">اسم الحي</label>
                                    <input type="text" class="form-control" name="region" id="region" value="{{old('region') ?? $unit->details->region ?? ''}}" placeholder="مثال: 15 حي الربيع" />
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4 col-xs-6">
                                <div class="form-group">
                                    <label for="area" class="form-label">مساحة العقار (م2)</label>
                                    <input type="number" class="form-control" name="area" id="area" value="{{old('area') ?? $unit->details->area ?? ''}}" placeholder="مثال: 250" />

                                    <div class="text-danger @error('area') active @enderror">
                                        @error('area')
                                        {{ $message }}
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4 col-xs-6">
                                <div class="form-group">
                                    <label for="insurance" class="form-label">مبلغ التأمين (ر.س)</label>
                                    <input type="number" class="form-control" name="insurance" id="insurance" value="{{old('insurance') ?? $unit->details->insurance ?? ''}}" placeholder="مثال: 300" required />

                                    <div class="text-danger @error('insurance') active @enderror">
                                        @error('insurance')
                                        {{ $message }}
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 col-xs-12">
                                <div class="form-group">
                                    <label for="unit_for" class="form-label">العقار مخصص لـ:</label>

                                    <select class="form-control" id="unit_for" name="unit_for">
                                        <option value="family" {{$unit->details->unit_for == 'family' ? 'selected' : ''}}>عوائل</option>
                                        <option value="single" {{$unit->details->unit_for == 'single' ? 'selected' : ''}}>عزاب</option>
                                        <option value="both" {{$unit->details->unit_for == 'both' ? 'selected' : ''}}>عوائل وعزاب</option>
                                    </select>
                                </div>
                            </div>
                        </div>


                        <div class="form-group">
                            <div class="col-md-6 col-xs-12">
                                <div class="form-group">
                                    <label for="video_url">الفيديو الدعائي</label>

                                    @if(isset($unit_info['video_url']) && $unit->details->video_url != '')
                                        <div class="video_wrapper">
                                            <video width="400px" src="{{partner_route('video', $unit->details->video_url)}}" controls id="video_url"></video>
                                        </div>
                                    @else
                                        <h6 class="text-muted">لم يتم اضافة فيديو</h6>
                                    @endif
                                </div>
                            </div>
                        </div>
                        @endif

                        <button type="submit" class="btn btn-success button-icon"><i class="fa fa-check me-1"></i> تعديل </button>
                    </form>

                </div>

            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-lite.min.js"></script>

    <script>
        $('#details_ar').summernote({
            tabsize: 2,
            height: 120,
            toolbar: [
                ['font', ['bold', 'underline', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['view', ['fullscreen']]
            ]
        });

        $('#details_en').summernote({
            tabsize: 2,
            height: 120,
            toolbar: [
                ['font', ['bold', 'underline', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['view', ['fullscreen']]
            ]
        });

        $("[data-fancybox]").fancybox();

        $('#accept-unit').on('click', function (e){
            e.preventDefault();

            const form = $(this).parents('form');

            Swal.fire({
                title: "انت على وشك قبول الطلب",
                text: "هل انت متأكد من قبول طلب العقار؟",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "قبول الطلب",
                cancelButtonText: "الغاء",
                dangerMode: true,
            }).then(function(result) {
                if (result.isConfirmed) {
                    form.submit();
                }
            })
        })

        $('#refuse-unit').on('click', function (){
            $('#refuse-request').find('.modal-dialog').html(getPreloader())

            $.get('{{dashboard_route('units.gallery.form.refuse', $unit->id)}}').done(function (data){
                $('#refuse-request').find('.modal-dialog').html(data.data)
            })
        })

        $('.select2').select2();

        $('body').on('change', '#province_id', function (){
            let city_url = '{{dashboard_route('get.all.cities', ':id')}}';

            city_url = city_url.replace(':id', $(this).val())

            $('#city_id').select2({
                placeholder: '',
                allowClear: true,
                ajax: {
                    url: city_url,
                    processResults: function (data) {
                        return {
                            results: data.data
                        };
                    }
                }
            });
        })
    </script>
@endsection