@extends('admin.default')
@section('title', 'Admin | Dealer Form')
@section('content')

    <script src="//cdn.ckeditor.com/4.16.0/full/ckeditor.js"></script>


    <div id="add-msg"></div>
    <nav class="page-breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
            <li class="breadcrumb-item active" aria-current="page">Update Dealer</li>
        </ol>
    </nav>
    @php
        $permissions = getPermissions();
    @endphp
    @if (isset($data->id))
        <div class="row">
            <div class="col-md-6">
                <div class="btn-group mr-2" role="group" aria-label="Scroll to Sections">
                    @if (isset($permissions) && isset($permissions['dealer_profile_button']) && $permissions['dealer_profile_button'] == 1)
                        <a class="btn btn-dark border active" href="{{route('dealerShowForm', [$data->id])}}" >Profile</a>
                    @endif
                    @if (isset($permissions) && isset($permissions['dealer_active_stock_button']) && $permissions['dealer_active_stock_button'] == 1)
                        <a class="btn btn-dark border-right" href="{{route('dealerActiveStock', ['user_id' => $data->id])}}" >Active Stock</a>
                    @endif
                    @if (isset($permissions) && isset($permissions['dealer_legal_documents_button']) && $permissions['dealer_legal_documents_button'] == 1)
                        <a class="btn btn-dark border-right" href="{{route('dealerLegalDocuments', $data->id)}}">Legal Documents</a>
                    @endif
                    @if (isset($permissions) && isset($permissions['dealer_faqs/blogs_button']) && $permissions['dealer_faqs/blogs_button'] == 1)
                        <a class="btn btn-dark border-right" href="{{ route('dealerFaqs', $data->id) }}">Faqs/Blogs</a>
                    @endif
                </div>
            </div>
        </div>
    @endif
    <div data-spy="scroll" data-target="#customer-tabs" data-offset="0">
        <div class="row my-4">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        @if (isset($data->status) && ($data->status == 'active' || $data->status == 'processing' || $data->status == 'pending'))
                            <div class=" row">
                                <div class="col-md-2">
                                    <div class="custom-control custom-switch">
                                        <input type="checkbox" class="custom-control-input" id="customerStatus"
                                            {{ isset($data->status) && $data->status == 'active' ? 'checked' : '' }}>
                                        <label class="custom-control-label pt-1 h5"
                                            for="customerStatus">{!! isset($data->status) && $data->status == 'active'
                                                ? '<span class="text-success">Active</span>'
                                                : '<span class="text-danger">' . $data->status . '</span>' !!}</label>
                                    </div>
                                </div>
                            </div>
                        @endif
                        <form method="post" class="form" id="store" action="" enctype="multipart/form-data">
                            @csrf
                            @if (isset($ncrData))
                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>NCR Dealer List:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <select class="js-example-basic-single form-control w-100" name="dealer"
                                            id="dealer">
                                            <option value="" disabled selected>Select Dealer</option>
                                            @foreach ($ncrData as $key)
                                                <option value="{{ $key->id }}"
                                                    {{ isset($data->ncr_id) && $data->ncr_id == $key->id ? 'selected' : '' }}>
                                                    {{ $key->dealership_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <input type="hidden" name="ncr_id" id="ncr_id"
                                        value="{{ isset($data->ncr_id) ? $data->ncr_id : '' }}">
                                </div>
                            @endif
                            <div class="row mt-2">
                                <div class="col-md-12">
                                    <a data-toggle="collapse" href="#company" role="button" aria-expanded="false"
                                        aria-controls="company" class="card-title font-weight-bold" data-id="0"><i
                                            class="mdi mdi-minus-circle"></i> Company Information</a>
                                    <hr>
                                </div>
                            </div>
                            <div class="collapse show" id="company">
                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>Dealership Name<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="company_name" id="company_name"
                                            placeholder="Dealership Name"
                                            value="{{ isset($data->dealerDetail->company_name) ? $data->dealerDetail->company_name : old('company_name') }}"
                                            required>
                                    </div>
                                    <div class="col-md-2">
                                        <label>Landline No<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="input-group">
                                            <div class="input-group-prepend w-50">
                                                <select name="landlineCountryCode" id="landlineCountryCode" required>
                                                </select>
                                            </div>
                                                                                        <input type="text" class="form-control" name="landline_number"
                                                id="landline_number" placeholder="Landline Number"
                                                value="{{ isset($landlineNo) ? (isset($landlineNo[2]) ? $landlineNo[2] : (isset($landlineNo[1]) ? $landlineNo[1] : $landlineNo[0])) : old('landline_number') }}"
                                                required>
                                        </div>
                                        <div>
                                            <input type="checkbox" id="show_acc_no" name="show_acc_no" value="yes"
                                                checked>
                                            <label for="show_acc_no"> Display Autocoincars Number</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>Dealership URL :</label>
                                    </div>
                                    <div class="col-md-3">
                                        <input type="text" maxlength="32" class="form-control maxLength"
                                            name="dealer_slug" id="dealer_slug" placeholder="Dealership URL"
                                            value="{{ isset($data->dealerDetail->dealer_slug) ? $data->dealerDetail->dealer_slug : old('dealer_slug') }}"
                                            disabled>
                                    </div>
                                    <div class="col-md-1">
                                        <a href="" class="text-info" data-toggle="modal" id="edit-url"><i
                                                data-feather="edit"></i></a>
                                        <a href="" class="text-primary" data-toggle="modal" id="disable-url"
                                            style="display:none"><i data-feather="delete"></i></a>
                                    </div>
                                
                                    <div class="col-md-2">
                                        <label>Country<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <select class="js-example-basic-single form-control w-100" name="country_id"
                                            id="country_id" required>
                                            @if (!isset($data->country_id))
                                                <option value="" selected>Select Country</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>Post Code<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input class="typeahead form-control" name="postCode" id="postCode"
                                            type="text" placeholder="Post Code" onkeyup="getCity()"
                                            value="{{ isset($data->postCode->name) ? $data->postCode->name : old('postcode_id') }}"
                                            required>
                                    </div>
                                    <div class="col-md-2">
                                        <label>Street No. / Name<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="address" id="address"
                                            placeholder="Street Number / Name"
                                            value="{{ isset($data->dealerDetail->address) ? $data->dealerDetail->address : old('address') }}"
                                            maxlength="155" required>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>City</label>
                                    </div>
                                    <div class="col-md-10">
                                        <span id="selected_city"></span>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>Short Description<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-10">
                                        <textarea class="typeahead form-control" name="shortDescription" id="shortDescription" type="text"
                                            placeholder="Short Description" rows="4" required>{{ isset($data->dealerDetail->shortDescription) ? $data->dealerDetail->shortDescription : old('shortDescription') }}</textarea>
                                    </div>
                                </div>


                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>About Dealership<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-10">
                                        <textarea class="form-control" name="about_business" id="content">{{ isset($data->dealerDetail->about_business) ? $data->dealerDetail->about_business : old('about_business') }}</textarea>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-md-2">

                                        <label>Website Address<sup class="text-danger">*</sup>:</label>
                                    </div>
                                                                        <div class="col-md-4">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <div class="input-group-text">
                                                    {{ isset($website[1]) ? $website[0] . '://' : 'http://' }}</div>
                                            </div>
                                            <input class="typeahead form-control" name="website" id="website"
                                                type="text" placeholder="Website Address"
                                                value="{{ isset($website) ? (isset($website[1]) ? $website[1] : $website[0]) : '' }}"
                                                required>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <label>Rated:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <select class="form-control" name="rating" id="rating"
                                            value="{{ isset($data->dealerDetail->rating) ? $data->dealerDetail->rating : old('rating') }}">
                                            <option value="5">5</option>
                                            <option value="4">4</option>
                                            <option value="3">3</option>
                                            <option value="2">2</option>
                                            <option value="1">1</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>Feed Settings<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <select class="form-control" name="feed_source_id" id="feed_source_id" required>
                                            <option value="" disabled>Select Feeds</option>
                                            @foreach ($generalData['feed_source'] as $key => $value)
                                                <option value="{{ $key }}"
                                                    {{ isset($data->dealerDetail->feed_source_id) && $data->dealerDetail->feed_source_id == $key ? 'selected' : '' }}>
                                                    {{ $value }}</option>
                                            @endforeach
                                        </select>
                                        <input type="hidden" class="form-control mt-2" name="other_feed"
                                            id="other_feed" placeholder="Other Feeds"
                                            value="{{ isset($data->dealerDetail->other_feed) ? $data->dealerDetail->other_feed : '1' }}">
                                    </div>
                                    <div class="col-md-2">
                                        <label>Feed URL:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="feed_url" id="feed_url"
                                            placeholder="Feed URL"
                                            value="{{ isset($data->dealerDetail->feed_url) ? $data->dealerDetail->feed_url : 'Nill' }}">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>Account Subscription<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <select class="form-control" name="subscription_type_id"
                                            id="subscription_type_id" type="text">
                                            <option value="" disabled>Select Subscription Type</option>
                                            @foreach ($generalData['subscription_type'] as $key => $value)
                                                <option value="{{ $key }}"
                                                    {{ isset($data->dealerDetail->subscription_type_id) && $data->dealerDetail->subscription_type_id == $key ? 'selected' : '' }}>
                                                    {{ $value }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-2">
                                        <label>Logo<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="file" class="form-control file border" name="image"
                                            id="image" data-height="80" data-max-file-size="5M"
                                            data-default-file="{{ isset($data->dealerDetail->image) ? Storage::disk('core_ftp')->url('/media/dealer/' . $data->dealerDetail->image) : asset('\assets\uploads\background\logo.png') }}">
                                    </div>
                                </div>
                                <hr>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <a data-toggle="collapse" href="#personal" role="button" aria-expanded="false"
                                        aria-controls="personal" class="card-title font-weight-bold" data-id="1"><i
                                            class="mdi mdi-plus-circle"></i> Personal Details</a>
                                    <hr>
                                </div>
                            </div>
                            <div class="collapse" id="personal">
                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>First Name<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="first_name" id="first_name"
                                            placeholder="First Name"
                                            value="{{ isset($data->first_name) ? $data->first_name : old('first_name') }}"
                                            required>
                                    </div>
                                    <div class="col-md-2">
                                        <label>Last Name<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control border" name="last_name"
                                            id="last_name" placeholder="Last Name"
                                            value="{{ isset($data->last_name) ? $data->last_name : old('last_name') }}"
                                            required>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>Email<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="email" class="form-control" name="email" id="email"
                                            placeholder="Email"
                                            value="{{ isset($data->email) ? $data->email : old('email') }}" required
                                            {{ isset($data->email) && !isset($data->ncr_id) ? 'disabled' : '' }}>
                                    </div>
                                    <div class="col-md-2">
                                        <label>Mobile No<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="input-group">
                                            <div class="input-group-prepend w-50">
                                                <select name="countryMobileCode" id="countryMobileCode" required>
                                                </select>
                                            </div>
                                                                                        <input type="text" class="form-control" name="mobile_number"
                                                id="mobile_number" placeholder="Mobile Number"
                                                value="{{ isset($mobileNo) ? (isset($mobileNo[2]) ? $mobileNo[2] : (isset($mobileNo[1]) ? $mobileNo[1] : $mobileNo[0])) : old('mobile_number') }}"
                                                required>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                            </div>
                            <div class="row mt-2">
                                <div class="col-md-12">
                                    <a data-toggle="collapse" href="#security" role="button" aria-expanded="false"
                                        aria-controls="security" class="card-title font-weight-bold" data-id="1"><i
                                            class="mdi mdi-plus-circle"></i> Security</a>
                                    <hr>
                                </div>
                            </div>
                            <div class="collapse" id="security">
                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>Password:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input class="form-control" name="password" id="password" type="password"
                                            placeholder="Password">
                                    </div>
                                    <div class="col-md-2">
                                        <label>Confirm Password:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input class="form-control" name="password_confirmation"
                                            id="password_confirmation" type="password" placeholder="Confirm Password">
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-2">
                                <div class="col-md-12">
                                    <a data-toggle="collapse" href="#landingPage" role="button" aria-expanded="false"
                                        aria-controls="landingPage" class="card-title font-weight-bold" data-id="1"><i
                                            class="mdi mdi-plus-circle"></i> Landing Page Settings</a>
                                    <hr>
                                </div>
                            </div>
                            <div class="collapse" id="landingPage">
                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>Meta Title<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input class="form-control" name="meta_title" id="meta_title" type="text"
                                            placeholder="Meta Title"
                                            value="{{ isset($data->dealerDetail->meta_title) ? $data->dealerDetail->meta_title : old('meta_title') }}"
                                            required>
                                    </div>
                                    <div class="col-md-2">
                                        <label>Meta Keywords:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input class="form-control" name="meta_keyword" id="tags"
                                            value="{{ isset($data->dealerDetail->meta_keyword) ? $data->dealerDetail->meta_keyword : old('meta_keyword') }}">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>Meta Description<sup class="text-danger">*</sup>:</label>
                                    </div>
                                    <div class="col-md-10">
                                        <textarea class="typeahead form-control" name="meta_description" id="meta_description" type="text"
                                            placeholder="Meta Description" rows="5" required>{{ isset($data->dealerDetail->meta_description) ? $data->dealerDetail->meta_description : old('meta_description') }}</textarea>
                                    </div>
                                </div>
                                <hr>
                            </div>
                            <div class="row mt-2">
                                <div class="col-md-12">
                                    <a data-toggle="collapse" href="#assessment" role="button" aria-expanded="false"
                                        aria-controls="assessment" class="card-title font-weight-bold" data-id="1"><i
                                            class="mdi mdi-plus-circle"></i> Assessment Settings</a>
                                    <hr>
                                </div>
                            </div>
                            <div class="collapse" id="assessment">
                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>Corporate SIC (Seller):</label>
                                    </div>
                                    <div class="col-md-4">
                                        <select class="form-control" name="corporate_sic_id" id="corporate_sic_id">
                                            <option value="" disabled>Select Corporate SIC</option>
                                            @foreach ($generalData['corporate_sic'] as $key => $value)
                                                <option value="{{ $key }}"
                                                    {{ isset($data->dealerDetail->corporate_sic_id) && $data->dealerDetail->corporate_sic_id == $key ? 'selected' : '' }}>
                                                    {{ $value }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-2">
                                        <label>Age of business:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <select class="form-control" name="business_age_id" id="business_age_id">
                                            <option value="" disabled>Select Business Age</option>
                                            @foreach ($generalData['business_age'] as $key => $value)
                                                <option value="{{ $key }}"
                                                    {{ isset($data->dealerDetail->business_age_id) && $data->dealerDetail->business_age_id == $key ? 'selected' : '' }}>
                                                    {{ $value }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-md-2">
                                        <label>Turnover of business:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <select class="form-control" name="business_turnover_id"
                                            id="business_turnover_id">
                                            <option value="" disabled>Select Business Turnover</option>
                                            @foreach ($generalData['business_turnover'] as $key => $value)
                                                <option value="{{ $key }}"
                                                    {{ isset($data->dealerDetail->business_turnover_id) && $data->dealerDetail->business_turnover_id == $key ? 'selected' : '' }}>
                                                    {{ $value }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" name="user_id" value="{{ isset($data->id) ? $data->id : '' }}"
                                required>
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-info text-white float-right " id="save"
                                        value="Save">
                                        <span class="mr-2" id="save_text">
                                            <i width="15" height="15" class="link-icon"
                                                data-feather="check-square"></i> Save Details</span>
                                        <div class="spinner-border spinner-border-sm text-primary float-right"
                                            id="loader" style="display:none" role="status">
                                            <span class="sr-only">Loading...</span>
                                        </div>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="{{asset('assets/js/postcode.js')}}"></script>
    <!-- Assessment's Req. Modal End -->
    <script type="text/javascript">
        $(document).ready(function() {
            $.ajax({
                dataType: "json",
                url: "/administrator/countries",
                type: 'get',
                success: function(data) {
                    if (data) {
                        $.each(data, function() {
                            // country (country name)
                            $("#country_id").append($("<option />").val(this.id).text(this
                                .name));
                            //mobile code (country name + phone code)
                            $("#countryMobileCode").append($("<option />").val(this.id + ":|:" +
                                this.phone_code + ":|:").text(this.name + " (+" + this
                                .phone_code + ")"));
                            //landline code (country name + phone code)
                            $("#landlineCountryCode").append($("<option />").val(this.id +
                                ":|:" + this.phone_code + ":|:").text(this.name +
                                " (+" + this.phone_code + ")"));
                        });
                    }
                    // selected options
                    // country (country name)
                    $("#country_id").val("{{ isset($data->country_id) ? $data->country_id : '' }}");
                    {{ isset($mobileNo[1]) && $mobileNo[1] == '44' ? ($mobileNo[0] = '75') : '' }}
                    {{ isset($landlineNo[1]) && $landlineNo[1] == '44' ? ($landlineNo[0] = '75') : '' }}
                    //mobile code (country name + phone code)
                    $("#countryMobileCode").val(
                        "{{ isset($mobileNo[1]) ? $mobileNo[0] . ':|:' . $mobileNo[1] . ':|:' : '' }}"
                    );
                    //landline code (country name + phone code)
                    $("#landlineCountryCode").val(
                        "{{ isset($landlineNo[1]) ? $landlineNo[0] . ':|:' . $landlineNo[1] . ':|:' : '' }}"
                    );

                }
            });

            $('#feed_source_id').change(function() {
                let feed_source_id = $('#feed_source_id').val();
                if (feed_source_id == 5) {
                    $('#other_feed').prop('type', 'text');
                    $('#other_feed').val('');
                } else {
                    $('#other_feed').val(feed_source_id);
                    $('#other_feed').prop('type', 'hidden');
                }
                if (feed_source_id == 1) {
                    $('#feed_url').attr('disabled', 'disabled');
                    $('#feed_url').val('Nill');
                } else {
                    $('#feed_url').removeAttr('disabled');
                    $('#feed_url').val(
                        "{{ isset($data->dealerDetail->feed_url) ? $data->dealerDetail->feed_url : old('feed_url') }}"
                    );
                }


                if (feed_source_id == 85) {
                    $('#feed_url').val('');
                    $('#feed_url').prop('type', 'text');
                    $('#feed_url').val($('#dealer_slug').val())
                }
            });

            $('#dealer').change(function() {
                let dealer;
                dealer = $('#dealer').val();
                window.location = '/administrator/ncr-show-form/' + dealer;
            });

            $('.card-title').click(function() {
                $(this).find("i").remove();
                let title;
                id = $(this).data("id");
                if (id == '1') {
                    $(this).prepend("<i class='mdi mdi-minus-circle'></i>");
                    $(this).data("id", '0');
                } else {
                    $(this).prepend("<i class='mdi mdi-plus-circle'></i>");
                    $(this).data("id", '1');
                }

            });
            @if (isset($data->id))
                $('#customerStatus').click(function() {
                    if ($(customerStatus).prop("checked") == true) {
                        window.location = '/administrator/user-status/{{ $data->id }}?status=active';
                    } else {
                        window.location = '/administrator/user-status/{{ $data->id }}?status=pending';
                    }

                });
            @else
                $('.card-title').find("i").remove();
                $('.card-title').prepend("<i class='mdi mdi-minus-circle'></i>");
                $('.card-title').data("id", '0');
                $(".collapse").addClass("show");
            @endif

            $('#edit-url').click(function() {
                $('#dealer_slug').removeAttr('disabled');
                $('#edit-url').css('display', 'none');
                $('#disable-url').css('display', 'block');
            });

            $('#disable-url').click(function() {
                $('#dealer_slug').prop('disabled', true);
                $('#disable-url').css('display', 'none');
                $('#edit-url').css('display', 'block');
            });

            @if (!isset($data->dealerDetail->dealer_slug))
                $('#company_name').keyup(function() {
                    let company_name;
                    var url_slug;
                    company_name = $('#company_name').val();
                    url_slug = company_name.replaceAll(' ', '-');
                    $('#dealer_slug').val(url_slug);
                });
            @endif


            $("#store").on('submit', function(event) {
                event.preventDefault();
                for (instance in CKEDITOR.instances) {
                    CKEDITOR.instances[instance].updateElement();
                }
                $.ajax({
                    dataType: "json",
                    url: "{{ !isset($data->dealerDetail->id) ? route('dealerStore') : '/administrator/dealer-store/' . $data->dealerDetail->id }}",
                    type: "POST",
                    processData: false,
                    contentType: false,
                    data: new FormData(this),
                    beforeSend: function(xhr) {
                        $("#save").html("WAIT...");
                        $('#save').prop('disabled', true);
                        $('#save').css('opacity', '0.5');
                        $('#save').css('cursor', 'not-allowed');
                        $('#loader').css('display', 'block');
                    },
                    success: function(response) {
                        if (response) {
                            console.log(response);
                            if ((response.status = 201) || (response.status = 200)) {
                                $('#add-msg').removeClass("alert alert-danger");
                                $('#add-msg').addClass("alert alert-success");
                                $('#add-msg').html(
                                    '<button type="button" class="close" data-dismiss="alert">×</button>'
                                );
                                $('#add-msg').show().append(response.message);
                                setTimeout(function() {
                                    window.location.href =
                                        '{{ route('dealers', ['status', 'active']) }}';
                                }, 3000);
                            } else {
                                $('#add-msg').addClass("alert alert-danger");
                                $('#add-msg').html(
                                    '<button type="button" class="close" data-dismiss="alert">×</button>'
                                );
                                $('#add-msg').show().append("JSON format error!");
                            }
                        }
                    },
                    error: function(data) {
                        $("#save").val("Submit");
                        $('#save').prop('disabled', false);
                        if (data.status === 422) {
                            $('#add-msg').html(
                                '<button type="button" class="close" data-dismiss="alert">×</button>'
                            );
                            var errors = $.parseJSON(data.responseText);
                            $.each(errors, function(key, value) {
                                $('#add-msg').addClass("alert alert-danger");

                                if ($.isPlainObject(value)) {
                                    $.each(value, function(key, value) {
                                        $('#add-msg').show().append(value +
                                            "<br/>");

                                    });
                                } else {
                                    $('#add-msg').show().append(value +
                                        "<br/>"); //this is my div with messages
                                }
                            });
                        } else if (data.status === 406) {
                            console.log(data);
                            var errors = $.parseJSON(data.responseText);
                            $('#add-msg').addClass("alert alert-danger");
                            $('#add-msg').html(
                                '<button type="button" class="close" data-dismiss="alert">×</button>'
                            );
                            $('#add-msg').show().append(errors.message);
                        } else if (data.status === 500) {
                            console.log(data);
                            var errors = $.parseJSON(data.responseText);
                            $('#add-msg').addClass("alert alert-danger");
                            $('#add-msg').html(
                                '<button type="button" class="close" data-dismiss="alert">×</button>'
                            );
                            $('#add-msg').show().append(errors.message);
                        }
                    },
                    complete: function() {
                        $("#save").html('Save Details');
                        $('#save').prop('disabled', false);
                        $('#save').css('opacity', '1');
                        $('#save').css('cursor', 'default');
                        $('#loader').css('display', 'none');
                        window.scrollTo(0, 0);
                        setTimeout(function() {
                            $(".alert").hide();
                        }, 5000);
                    }
                });
            });
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function() {
            CKEDITOR.replace('content', {
                filebrowserUploadUrl: "{{ route('ckeditor.upload', ['_token' => csrf_token()]) }}",
                filebrowserUploadMethod: 'form',
            });
        });
    </script>

@stop