@extends('backend.template.layouts.template-base')

@section('title')
    General Settings | {{ config('app.name') }}
@endsection
@section('content')
    <div class="row">
        <div class="col-lg-3">
            @include('backend.template.settings.sidebar')
        </div>
        <div class="col-lg-9">
            <form id="general" action="{{ route('backend.template.settings.update', 'address') }}" method="post"
                enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-header align-items-center d-flex">
                        <h4 class="card-title mb-0 flex-grow-1">Head Office</h4>
                    </div><!-- end card header -->
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="head_office_address">Head Office Address</label>
                                    <input id="head_office_address" name="head_office_address" type="text"
                                        value="{{ Arr::has($settings, 'head_office_address') ? $settings['head_office_address'] : null }}"
                                        class="form-control">
                                </div>
                            </div>

                           

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="head_office_map">Map Link</label>
                                    <input id="head_office_map" name="head_office_map" type="text"
                                        value="{{ Arr::has($settings, 'head_office_map') ? $settings['head_office_map'] : null }}"
                                        class="form-control">
                                        <label class="text-danger">Note: It should be only
                                            http Link<br>Example: "https://..."</label>
                                </div>
                            </div>


                            <div class="col-md-6">
                                <div class="mb-3">
                                    <input name="head_office_in_footer" type="checkbox" value="1"
                                        {{ Arr::has($settings, 'head_office_in_footer') && $settings['head_office_in_footer'] == 1 ? 'checked' : '' }}
                                        class="permission-checkbox show_in_footer">
                                    <strong>Show in Footer</strong>
                                </div>
                            </div>


                        </div>
                    </div>
                    
                        <div class="row">
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="embed_map">Map Embed Link</label>
                                    <input id="embed_map" name="embed_map" type="text"
                                        value="{{ Arr::has($settings, 'embed_map') ? $settings['embed_map'] : null }}"
                                        class="form-control">
                                    <label class="text-danger">Note: It should be only
                                        Embed Link , &nbsp; &nbsp;Example: &lt;iframe
                                        src="https://..."&gt;&lt;/iframe&gt;</label>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xxl-3 mt-3 col-md-6">
                                <button type="submit" class="btn btn-success btn-label right ms-auto"><i
                                        class="bx bx-right-arrow-alt label-icon align-middle fs-16 ms-2"></i>Submit</button>
                            </div>
                        </div>
                    </div>


                </div>
            </form>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            $("#general").validate({
                rules: {
                    website_name: {
                        required: true,
                    },
                },
                messages: {},
                highlight: function(element) {
                    $(element).closest('.form-group').addClass('has-error');
                },
                unhighlight: function(element) {
                    $(element).closest('.form-group').removeClass('has-error');
                }
            });


        });
    </script>
    
@endsection