@extends('backend.template.layouts.template-base')
@section('title')
    Sitemap | {{ config('setting.website_name') ?: config('app.name') }}
@endsection
@section('content')
    <section>
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header align-items-center d-flex">
                        <h4 class="card-title mb-0 flex-grow-1">Sitemap</h4>
                    </div><!-- end card header -->
                    <form action="{{ route('backend.template.settings.update', 'sitemap') }}" id="sitemap-form" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        <div class="card-body">
                            <div class="row gy-4">
                                <div class="col-xxl-3 col-md-6">
                                    <div>
                                        <label for="sitemap" class="form-label">Sitemap<span class="error">*</span><span
                                                style="color: green;"> (Only
                                                XML File Format Supported*) </span></label>
                                        <input type="file" class="form-control" id="sitemap" name="site_map"
                                            accept=".xml">
                                        @error('site_map')
                                            <div class="error">{{ $message }}</div>
                                        @enderror
                                    </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>
                    </form>
                </div>
            </div>
            <!--end col-->
        </div>
    </section>
@endsection
@section('scripts')
    <script>
        $("#sitemap-form").validate({
            ignore: [],
            rules: {
                site_map: {
                    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