@extends('Admin.Layouts.Dashboard')

@section('styles')

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

    <style>
        .card-footer {
            padding: 0 !important;
        }

        .video-field {
            display: none;
        }

        .video-field.active {
            display: block;
        }

        .progress {
            display: none;
            position: relative;
        }

        .resume-upload,
        .pause-upload,
        .stop-upload {
            display: none;
        }

        .progress-text {
            color: #3f3e3e;
            width: 100%;
            position: absolute;
            font-weight: 900;
            font-size: 18px;
            text-shadow: 0 0 1px #fff;
        }

        .media-wrapper {
            display: none;
        }

        .media-wrapper.active {
            display: block;
        }

        @media (max-width: 780px) {
            .step {
                padding-bottom: 80px;
            }

            .card-footer {
                position: absolute;
                bottom: 0;
                width: 100%;
            }

            .up-down-numeric {
                display: flex;
            }

            .numeric-form {
                flex-wrap: nowrap;
            }

            .hour-time .form-inline {
                flex-wrap: nowrap;
            }
        }
    </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">/ {{$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">
                <form method="post" id="form-store" action="{{dashboard_route('settings.ads.update')}}" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="card-header">
                        <h5 class="card-title" id="exampleModalLabel">{{$page_title}}</h5>
                    </div>

                    <div class="card-body">

                        <div class="d-flex justify-content-center">
                            <ul class="nav nav-pills">

                                <li class="nav-item">
                                    <a class="nav-link {{request()->type != 'client' ? 'active' : ''}}" aria-current="page" href="{{dashboard_route('settings.ads.index', ['type' => 'partner'])}}">اعلان المستثمر</a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link {{request()->type == 'client' ? 'active' : ''}}" href="{{dashboard_route('settings.ads.index', ['type' => 'client'])}}">اعلان العميل</a>
                                </li>

                            </ul>
                        </div>


                        @include('Messages')

                        <input type="hidden" name="type" value="{{$prefix}}" />

                        @include('Admin.Ad-wrapper', ['prefix' => $prefix])

                    </div>

                    <div class="card-footer p-4" style="padding: 10px !important">
                        <div class="buttons">
                            <button type="submit" class="btn btn-primary">حفظ بيانات الاعلان</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>


@endsection

@section('scripts')

    <script src="{{asset('js/tus.min.js')}}"></script>
    @include('Admin.Ad-video', ['prefix' => $prefix])

    <script>
        $('#ad_media_type').on('change', function () {
            $('.media-wrapper').removeClass('active');
            $('#ad-' + $(this).val() + '-upload').addClass('active');
        });
    </script>

@endsection