@extends('backoffice.layouts.app')
@section('content')
    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
        <div class="d-block mb-4 mb-md-0">
            <nav aria-label="breadcrumb" class="d-none d-md-inline-block">
                <ol class="breadcrumb breadcrumb-dark breadcrumb-transparent">
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.dashboard') }}">
                            <svg class="icon icon-xxs" fill="none" stroke="currentColor" viewBox="0 0 24 24"
                                xmlns="http://www.w3.org/2000/svg">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6">
                                </path>
                            </svg>
                        </a>
                    </li>
                    {{-- <li class="breadcrumb-item"><a href="#">Faq's Page</a></li> --}}
                    <li class="breadcrumb-item active" aria-current="page">Contact us Page</li>
                </ol>
            </nav>
            <h2 class="h4">Contact us Page</h2>
        </div>
    </div>
    <div class="card card-body">
        <div class="row">
            <form method="post" id="createContactPageForm" name="createContactPageForm">
                @csrf
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="title">Title (EN)<span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="title_en" id="title_en"
                            aria-describedby="titleHelp" placeholder="Enter Title" value="{{ $data->title_en ?? '' }}">
                        <p></p>
                    </div>
                    <div class="col-md-6">
                        <label for="title">Title (AR)<span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="title_ar" id="title_ar"
                            aria-describedby="titleHelp" placeholder="Enter Title" value="{{ $data->title_ar ?? '' }}">
                        <p></p>
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="link">Description (EN)</label>
                        <textarea name="description_en" id="description_en" cols="30" rows="6" class="form-control">{{ $data->description_en ?? '' }}</textarea>
                    </div>
                    <div class="col-md-6">
                        <label for="link">Description (AR)</label>
                        <textarea name="description_ar" id="description_ar" cols="30" rows="6" class="form-control">{{ $data->description_ar ?? '' }}</textarea>
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="banner">Banner</label>
                        <input type="file" name="banner" id="banner" class="dropify form-control"
                            data-allowed-file-extensions="jpg png jpeg gif webp"
                            data-default-file="{{ isset($data->banner) ? asset('uploads/contact/' . $data->banner) : '' }}" />
                    </div>
                    <div class="col-md-6">
                        <label for="sub_banner">First Image</label>
                        <input type="file" name="sub_banner" id="sub_banner" class="dropify form-control"
                            data-allowed-file-extensions="jpg png jpeg gif webp"
                            data-default-file="{{ isset($data->sub_banner) ? asset('uploads/contact/' . $data->sub_banner) : '' }}" />
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="stores_title_en">Stores Title (EN)</label>
                        <input type="text" class="form-control" name="stores_title_en" id="stores_title_en"
                            aria-describedby="titleHelp" placeholder="Enter Title"
                            value="{{ $data->stores_title_en ?? '' }}">
                    </div>
                    <div class="col-md-6">
                        <label for="stores_title_ar">Stores Title (AR)</label>
                        <input type="text" class="form-control" name="stores_title_ar" id="stores_title_ar"
                            aria-describedby="titleHelp" placeholder="Enter Title"
                            value="{{ $data->stores_title_ar ?? '' }}">
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="stores_description_en">Stores Description (EN)</label>
                        <textarea name="stores_description_en" id="stores_description_en" cols="30" rows="6"
                            class="form-control">{{ $data->stores_description_en ?? '' }}</textarea>
                    </div>
                    <div class="col-md-6">
                        <label for="stores_description_ar">Stores Description (AR)</label>
                        <textarea name="stores_description_ar" id="stores_description_ar" cols="30" rows="6"
                            class="form-control">{{ $data->stores_description_ar ?? '' }}</textarea>
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="headquarters_title_en">Headquarters Title (EN)</label>
                        <input type="text" class="form-control" name="headquarters_title_en" id="headquarters_title_en"
                            aria-describedby="titleHelp" placeholder="Enter Title"
                            value="{{ $data->headquarters_title_en ?? '' }}">
                    </div>
                    <div class="col-md-6">
                        <label for="headquarters_title_ar">Headquarters Title (AR)</label>
                        <input type="text" class="form-control" name="headquarters_title_ar" id="headquarters_title_ar"
                            aria-describedby="titleHelp" placeholder="Enter Title"
                            value="{{ $data->headquarters_title_ar ?? '' }}">
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="headquarters_description_en">Headquarters Description (EN)</label>
                        <textarea name="headquarters_description_en" id="headquarters_description_en" cols="30" rows="6"
                            class="form-control">{{ $data->headquarters_description_en ?? '' }}</textarea>
                    </div>
                    <div class="col-md-6">
                        <label for="headquarters_description_ar">Headquarters Description (AR)</label>
                        <textarea name="headquarters_description_ar" id="headquarters_description_ar" cols="30" rows="6"
                            class="form-control">{{ $data->headquarters_description_ar ?? '' }}</textarea>
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-4">
                        <label for="headquarters_contact">Headquarters Contact</label>
                        <input type="text" class="form-control" name="headquarters_contact" id="headquarters_contact"
                            aria-describedby="titleHelp" placeholder="Enter Contact"
                            value="{{ $data->headquarters_contact ?? '' }}">
                    </div>
                    <div class="col-md-4">
                        <label for="headquarters_email">Headquarters Email</label>
                        <input type="email" class="form-control" name="headquarters_email" id="headquarters_email"
                            aria-describedby="titleHelp" placeholder="Enter Email"
                            value="{{ $data->headquarters_email ?? '' }}">
                    </div>
                    <div class="col-md-4">
                        <label for="headquarters_timming">Headquarters Timming</label>
                        <input type="text" class="form-control" name="headquarters_timming" id="headquarters_timming"
                            aria-describedby="titleHelp" placeholder="Enter Timming"
                            value="{{ $data->headquarters_timming ?? '' }}">
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="branch_title_en">Branch Title (EN)</label>
                        <input type="text" class="form-control" name="branch_title_en" id="branch_title_en"
                            aria-describedby="titleHelp" placeholder="Enter Title"
                            value="{{ $data->branch_title_en ?? '' }}">
                    </div>
                    <div class="col-md-6">
                        <label for="branch_title_ar">Branch Title (AR)</label>
                        <input type="text" class="form-control" name="branch_title_ar" id="branch_title_ar"
                            aria-describedby="titleHelp" placeholder="Enter Title"
                            value="{{ $data->branch_title_ar ?? '' }}">
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="branch_city_one_en">Branch One City Title (EN)</label>
                        <input type="text" class="form-control" name="branch_city_one_en" id="branch_city_one_en"
                            aria-describedby="titleHelp" placeholder="Enter Title"
                            value="{{ $data->branch_city_one_en ?? '' }}">
                    </div>
                    <div class="col-md-6">
                        <label for="branch_city_one_ar">Branch One City Title (AR)</label>
                        <input type="text" class="form-control" name="branch_city_one_ar" id="branch_city_one_ar"
                            aria-describedby="titleHelp" placeholder="Enter Title"
                            value="{{ $data->branch_city_one_ar ?? '' }}">
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="branch_city_description_one_en">Branch One City Address (EN)</label>
                        <input type="text" class="form-control" name="branch_city_description_one_en" id="branch_city_description_one_en"
                            aria-describedby="titleHelp" placeholder="Enter Address"
                            value="{{ $data->branch_city_description_one_en ?? '' }}">
                    </div>
                    <div class="col-md-6">
                        <label for="branch_city_description_one_ar">Branch One City Address (AR)</label>
                        <input type="text" class="form-control" name="branch_city_description_one_ar" id="branch_city_description_one_ar"
                            aria-describedby="titleHelp" placeholder="Enter Address"
                            value="{{ $data->branch_city_description_one_ar ?? '' }}">
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="branch_city_two_en">Branch Two City Title (EN)</label>
                        <input type="text" class="form-control" name="branch_city_two_en" id="branch_city_two_en"
                            aria-describedby="titleHelp" placeholder="Enter Title"
                            value="{{ $data->branch_city_two_en ?? '' }}">
                    </div>
                    <div class="col-md-6">
                        <label for="branch_city_two_ar">Branch Two City Title (AR)</label>
                        <input type="text" class="form-control" name="branch_city_two_ar" id="branch_city_two_ar"
                            aria-describedby="titleHelp" placeholder="Enter Title"
                            value="{{ $data->branch_city_two_ar ?? '' }}">
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="branch_city_description_two_en">Branch Two City Address (EN)</label>
                        <input type="text" class="form-control" name="branch_city_description_two_en" id="branch_city_description_two_en"
                            aria-describedby="titleHelp" placeholder="Enter Address"
                            value="{{ $data->branch_city_description_two_en ?? '' }}">
                    </div>
                    <div class="col-md-6">
                        <label for="branch_city_description_two_ar">Branch Two City Address (AR)</label>
                        <input type="text" class="form-control" name="branch_city_description_two_ar" id="branch_city_description_two_ar"
                            aria-describedby="titleHelp" placeholder="Enter Address"
                            value="{{ $data->branch_city_description_two_ar ?? '' }}">
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="branch_city_three_en">Branch Three City Title (EN)</label>
                        <input type="text" class="form-control" name="branch_city_three_en" id="branch_city_three_en"
                            aria-describedby="titleHelp" placeholder="Enter Title"
                            value="{{ $data->branch_city_three_en ?? '' }}">
                    </div>
                    <div class="col-md-6">
                        <label for="branch_city_three_ar">Branch Three City Title (AR)</label>
                        <input type="text" class="form-control" name="branch_city_three_ar" id="branch_city_three_ar"
                            aria-describedby="titleHelp" placeholder="Enter Title"
                            value="{{ $data->branch_city_three_ar ?? '' }}">
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="branch_city_description_three_en">Branch Three City Address (EN)</label>
                        <input type="text" class="form-control" name="branch_city_description_three_en" id="branch_city_description_three_en"
                            aria-describedby="titleHelp" placeholder="Enter Title"
                            value="{{ $data->branch_city_description_three_en ?? '' }}">
                    </div>
                    <div class="col-md-6">
                        <label for="branch_city_description_three_ar">Branch Three City Address (AR)</label>
                        <input type="text" class="form-control" name="branch_city_description_three_ar" id="branch_city_description_three_ar"
                            aria-describedby="titleHelp" placeholder="Enter Title"
                            value="{{ $data->branch_city_description_three_ar ?? '' }}">
                    </div>
                </div>
                <div class="mb-2">
                    <label for="maps">Maps</label>
                    <input type="text" class="form-control" name="maps" id="maps"
                        aria-describedby="titleHelp" placeholder="Enter Title"
                        value="{{ $data->maps ?? '' }}">
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="title">Meta Title (EN)</label>
                        <input type="text" class="form-control" name="meta_title_en" id="meta_title_en"
                            aria-describedby="titleHelp" placeholder="Enter Meta Title"
                            value="{{ $data->meta_title_en ?? '' }}">
                    </div>
                    <div class="col-md-6">
                        <label for="title">Meta Title (AR)</label>
                        <input type="text" class="form-control" name="meta_title_ar" id="meta_title_ar"
                            aria-describedby="titleHelp" placeholder="Enter Meta Title"
                            value="{{ $data->meta_title_ar ?? '' }}">
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-md-6">
                        <label for="description">Meta Description (EN)</label>
                        <input type="text" class="form-control" name="meta_description_en" id="meta_description_en"
                            aria-describedby="titleHelp" placeholder="Enter Meta Description"
                            value="{{ $data->meta_description_en ?? '' }}">
                    </div>
                    <div class="col-md-6">
                        <label for="description">Meta Description (AR)</label>
                        <input type="text" class="form-control" name="meta_description_ar" id="meta_description_ar"
                            aria-describedby="descriptionHelp" placeholder="Enter Meta Description"
                            value="{{ $data->meta_description_ar ?? '' }}">
                        <p></p>
                    </div>
                </div>
                <div class="mb-2">
                    <input type="submit" value="Submit" class="btn btn-primary w-100">
                </div>
            </form>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $(document).ready(function() {
            $(document).on("submit", "#createContactPageForm", function(event) {
                event.preventDefault();
                var data = new FormData(this);
                $("button[type=submit]").prop('disabled', true);
                $.ajax({
                    url: '{{ route('admin.our.contact.page.update') }}',
                    type: 'post',
                    data: data,
                    contentType: false,
                    processData: false,
                    success: function(response) {
                        if (response.status === true) {
                            toastr.success(response.message, "Success");
                            $(".error").removeClass('invalid-feedback').html('');
                            $("input, select").removeClass('is-invalid');
                            $("button[type=submit]").prop('disabled', false);
                        } else {
                            let errors = response['errors'];
                            $("button[type=submit]").prop('disabled', false);
                            $(".error").removeClass('invalid-feedback').html('');
                            $("input, select").removeClass('is-invalid');
                            $.each(errors, function(key, value) {
                                $(`#${key}`).addClass('is-invalid')
                                    .siblings('p')
                                    .addClass('invalid-feedback')
                                    .html(value);
                            });
                            toastr.error(response.message, "Required");
                        }
                    },
                    error: function(jqXHR, exception) {
                        toastr.error("Please Try Again...", "Error");
                        $("button[type=submit]").prop('disabled', false);
                    }
                });
            });
        });
    </script>
@endsection