@extends('layout')
@section('title')
    <title>{{ __('translate.Create Classified Listing') }}</title>
@endsection
@section('body-content')

<main>
    <!-- dashboard-part-start -->
    <section class="dashboard footer-top-pad">
        <div class="container">
            <div class="row">
                @include('profile.sidebar')

                <div class="col-xxl-9 col-xl-8 col-lg-8">
                    <form action="{{ route('user.listing.store') }}" enctype="multipart/form-data" method="POST" id="create_listing_form">
                        @csrf

                        <div class="row g-3">

                            @include('listing::frontend.partials.create-gallery-images')
                            <!-- Name & Description Overview  -->
                            <div class="col-lg-12">
                                <div class="car-images">
                                    <h3 class="car-images-taitel">{{ __('translate.Basic Information') }}</h3>

                                    <div class="car-images-inner">


                                        <div class="description-item">
                                            <div class="description-item-inner">
                                                <label class="form-label">{{ __('translate.Title') }}
                                                    <span>*</span> </label>
                                                <input type="text" class="form-control" id="title"
                                                    placeholder="{{ __('translate.Title Here') }}" name="title" value="{{ old('title') }}">
                                                    <input type="hidden" name="category_id" value="1">
                                                    <input type="hidden" name="agent_id" value="{{ Auth::guard('web')->user()->id }}">
                                            </div>

                                            <div class="description-item-inner">
                                                <label class="form-label">{{ __('translate.Slug') }}
                                                    <span>*</span> </label>
                                                <input type="text" class="form-control" id="slug"
                                                    placeholder="{{ __('translate.Slug here') }}" name="slug" value="{{ old('slug') }}">
                                            </div>
                                        </div>

                                        @include('listing::frontend.partials.listing-category-cascade-fields', [
                                            'sub_categories' => $sub_categories,
                                            'child_categories' => collect(),
                                        ])



                                        <div class="description-item">


                                            @include('listing::frontend.partials.listing-location-fields')

                                        </div>

                                        <div class="description-item">

                                            <div class="description-item-inner">
                                                <label class="form-label">{{ __('translate.Price') }}
                                                    <span>*</span> </label>
                                                @include('listing::frontend.partials.listing-price-field')
                                            </div>

                                            <div class="description-item-inner">
                                                <label class="form-label">{{ __('translate.Youtube Video id') }} </label>
                                                <input type="text" class="form-control" name="video_id" value="{{ old('video_id') }}"
                                                    placeholder="{{ __('translate.Youtube video id') }}">
                                            </div>

                                        </div>

                                        <div class="description-item">
                                            @include('listing::frontend.partials.listing-price-type-field')
                                        </div>

                                        <div class="description-item">

                                            <div class="description-item-inner">
                                                <label class="form-label">{{ __('translate.Description') }}
                                                    <span>*</span> </label>
                                                    <textarea class="form-control summernote"  name="description" id="description">{!! html_decode(old('description')) !!}</textarea>
                                            </div>

                                        </div>

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

                            @include('listing::partials.listing-feature-checkboxes', compact('amenities', 'characteristics', 'existing_feature_ids'))



                            @include('listing::frontend.partials.listing-address-map')

                            <!-- Locations  -->
                            <div class="col-lg-12">
                                <div class="car-images">
                                    <h3 class="car-images-taitel">{{ __('translate.SEO Information') }}</h3>

                                    <div class="car-images-inner two">
                                        <div class="description-item two">
                                            <div class="description-item-inner">
                                                <label class="form-label">{{ __('translate.SEO Title') }}
                                                    </label>
                                                <input type="text" class="form-control" name="seo_title" id="seo_title" value="{{ old('seo_title') }}" placeholder="{{ __('translate.SEO Title') }}">
                                            </div>
                                        </div>
                                        <div class="description-item">
                                            <div class="description-item-inner">
                                                <label class="form-label">{{ __('translate.SEO Description') }}
                                                    </label>
                                                <textarea class="form-control" rows="7"
                                                    placeholder="{{ __('translate.SEO Description') }}" name="seo_description" id="seo_description">{{ old('seo_description') }}</textarea>
                                            </div>
                                        </div>


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

                            @include('listing::frontend.partials.listing-promotion-form-fields')

                        </div>
                        <div class="row">
                            <!-- Ad Promotion  -->
                            <div class="col-lg-12">
                                <a class="main-btn " href="javascript:;" id="create_listing_btn">
                                    <div class="btn_m">
                                        <div class="btn_c">
                                            <div class="btn_t1">{{ __('translate.Create Listing') }}</div>
                                            <div class="btn_t2">{{ __('translate.Create Listing') }}</div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                        </div>

                    </form>

                </div>


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

    <!-- dashboard-part-end -->

    @include('profile.logout')



</main>

@endsection




@push('style_section')

    <style>
        .tox .tox-promotion,
        .tox-statusbar__branding{
            display: none !important;
        }
    </style>
@endpush

@include('listing::frontend.partials.listing-address-map-scripts')

@include('listing::frontend.partials.listing-location-scripts')

@push('js_section')

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

    <script>
        (function($) {
            "use strict"
            $(document).ready(function () {
                $("#title").on("keyup",function(e){
                    let inputValue = $(this).val();
                    let slug = inputValue.toLowerCase().replace(/[^\w ]+/g,'').replace(/ +/g,'-');
                    $("#slug").val(slug);
                });

                $("#sub_category_id").on("change", function(e){
                    let sub_category_id = $(this).val();

                    if(sub_category_id){
                        $.ajax({
                            type: "get",
                            url: "{{ url('child-categories-by-sub-category') }}" + "/" + sub_category_id,
                            success: function(response) {
                                $("#child_category_id").html(response).trigger('change');
                            },
                            error: function(response){
                                let empty_html = `<option value="">{{ __('translate.Select') }}</option>`;
                                $("#child_category_id").html(empty_html)
                            }
                        });
                    }else{
                        let empty_html = `<option value="">{{ __('translate.Select') }}</option>`;
                        $("#child_category_id").html(empty_html)
                    }
                })

                tinymce.init({
                    selector: '.summernote',
                    plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount',
                    toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table mergetags | addcomment showcomments | spellcheckdialog a11ycheck typography | align lineheight | checklist numlist bullist indent outdent | emoticons charmap | removeformat',
                    tinycomments_mode: 'embedded',
                    tinycomments_author: 'Author name',
                    mergetags_list: [
                        { value: 'First.Name', title: 'First Name' },
                        { value: 'Email', title: 'Email' },
                    ]
                });

                $("#create_listing_btn").on("click", function (e) {
                    e.preventDefault();
                    if (window.ListingGallerySort && typeof window.ListingGallerySort.syncCreateFileInput === 'function') {
                        window.ListingGallerySort.syncCreateFileInput();
                    }
                    var form = document.getElementById('create_listing_form');
                    if (form && typeof form.requestSubmit === 'function') {
                        form.requestSubmit();
                    } else if (form) {
                        $(form).trigger('submit');
                    }
                });

            });
        })(jQuery);

    </script>

    @include('listing::frontend.partials.create-gallery-scripts')
    @include('listing::frontend.partials.listing-dynamic-options-scripts', ['listingId' => 0])
@include('listing::partials.listing-features-reload-script')

@endpush

@include('listing::frontend.partials.listing-form-submit-loading')