@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"/>

    <link rel="stylesheet" href="{{asset('css/gallery.css')}}"/>

    <script src="{{asset('js/hls.min.js')}}"></script>

    <style>

        @media (max-width: 780px) {
            .card {
                position: initial !important;
                top: 0;
                right: 0;
                height: 100%;
                width: 100%;
                z-index: 999999;
            }
        }

        .app {
            overflow: initial !important;
        }
    </style>
@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>

    <!-- 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.gallery.accept', $unit->id)}}"
                          enctype="multipart/form-data">
                        @csrf

                        <div class="form-group">
                            <label for="name_ar">اسم العقار</label>
                            <div class="form-group">
                                <div class="mt-2 justify-content-start">
                                    <label for="single_beds" class="form-label">اسم العقار:</label>
                                    <input type="text" id="name_ar" name="name_ar"
                                           value="{{old('name_ar') ?? $unit_info['name_ar'] ?? $unit->name_ar ?? null}}"
                                           class="form-control" required/>
                                </div>
                            </div>
                        </div>

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

                        <div class="form-group">

                            @if(check_array_key('main_image', $unit_info))

                                <div id="main-image-wrapper">
                                    <label for="main_image" class="form-label">صورة العرض الرئيسية</label>

                                    <p class="text-muted">مطلوب صورة واحدة فقط</p>

                                    <div class="upload-images-wrapper">
                                        <label for="main_image" class="upload-image">
                                            <i class="fa fa-image {{!is_null($unit_info['main_image']) ? 'd-none' : null}}"></i>
                                            <span class="{{!is_null($unit_info['main_image']) ? 'd-none' : null}}">أضف صورة العرض الرئيسية</span>