@extends('Partners.Layouts.Page')

@section('styles')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <link rel="stylesheet" href="{{asset('css/gallery-card.css')}}" />
@endsection

@section('content')
    <div class="container main-container">

{{--        @include('Reservations.Gallery.statics')--}}

        <!-- breadcrumb -->
{{--        <div class="breadcrumb-header justify-content-between">--}}
{{--            <div class="my-auto">--}}
{{--                <div class="d-flex">--}}
{{--                    <h4 class="content-title mb-0 my-auto"><a href="{{partner_route()}}">الرئيسية /</a></h4>--}}
{{--                    <h4 class="content-title mb-0 my-auto"><a href="{{partner_route('units.index')}}">العقارات /</a></h4>--}}
{{--                    <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">--}}
{{--            <span class="btn btn-primary mb-1 me-1">--}}
{{--                <span>العقارات</span>--}}
{{--                <span class="badge bg-white ms-1">{{$units->count()}}</span>--}}
{{--            </span>--}}
{{--            </div>--}}
{{--        </div>--}}
        <!-- breadcrumb -->

        <!-- Row -->
        <div class="row row-sm">
            <div class="col-lg-12">
                <div class="card mt-5">
{{--                    <div class="card-header">--}}
{{--                        <h3 class="card-title">{{$page_title}}</h3>--}}
{{--                    </div>--}}

                    <div class="card-body">
                        <div class="text-center">
                            <img class="animate__animated animate__zoomInDown" style="max-height: 150px" src="{{asset('assets\images\brand\elqima-logo-white.png')}}" alt="" />
                        </div>

                        <div class="texts mt-5 mb-5">
                            <h3 class="text-light animate__animated animate__lightSpeedInRight delay-1">انورت واسفرت</h3>
                            <h3 class="mt-4 text-light animate__animated animate__lightSpeedInRight delay-2">تو مانور مبيت</h3>

                            <h3 class="mt-4 text-light animate__animated animate__lightSpeedInRight delay-3"><strong>حي الله من سجل معنا 🤍</strong></h3>
                        </div>

                        <div class="add-gallery-buttons text-center">
                            <a href="{{url('units/redirect')}}" class="btn btn-light mb-3">ابدأ رحلة اضافة عقارك</a>
{{--                            <a href="{{url('units/terms')}}" class="btn btn-outline-light">اطلع على الشروط والأحكام</a>--}}
                        </div>

                        <div class="footer-social-box text-right">
                            <ul class="social-profile">
                                <li>
                                    <a target="_blank" href="#"><i class="fab fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a target="_blank" href="#"><i class="fab fa-instagram"></i></a>
                                </li>
                                <li>
                                    <a target="_blank" href="#"><i class="fab fa-youtube"></i></a>
                                </li>
                            </ul>
                        </div>
{{--                        @include('Messages')--}}

{{--                        @if($units->count())--}}
{{--                            <form id="choosing-form" action="#" method="GET">--}}
{{--                                <div class="row">--}}
{{--                                    <div class="col-md-6 col-xs-12">--}}
{{--                                        <div class="form-group">--}}
{{--                                            <label class="form-label"></label>--}}

{{--                                            <select id="units" class="form-control select2">--}}
{{--                                                @foreach($units as $unit)--}}
{{--                                                    <option value="{{$unit->id}}">{{$unit?->name_ar}} - {{$unit?->city?->name_ar}}</option>--}}
{{--                                                @endforeach--}}
{{--                                            </select>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}

{{--                                <button type="submit" class="btn btn-primary"><i class="fa fa-angle-right"></i> أضف الصور </button>--}}
{{--                            </form>--}}
{{--                        @else--}}
{{--                            @include('Admin.Layouts.Empty')--}}
{{--                        @endif--}}


                    </div>
                </div>
            </div>
        </div>
        <!-- End Row -->

    </div>

@endsection

@section('scripts')
    @if($units->count())
    <script>

        $('#units').select2();

        formURL($('#units').find('option:first-child').val());

        $('#units').on('change', function (){
            formURL($(this).val());
        });

        function formURL(val){
            let url = '{{partner_route('gallery.edit', ':id')}}'
            url = url.replace(':id', val);
            $('#choosing-form').attr('action', url);
        }
    </script>
    @endif
@endsection