@extends('backend.template.layouts.template-base')
@section('title')
    Robots | {{ 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">Robots</h4>
                    </div><!-- end card header -->
                    <form action="{{ route('backend.template.settings.update', 'robots') }}" id="robots-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="robots" class="form-label">Robots<span class="error">*</span><span
                                                style="color: green;"> (Only
                                                TEXT File Format Supported*) </span></label>
                                        <input type="file" class="form-control" id="robots" name="robots"
                                            accept=".txt"
                                            value="{{ Arr::has($settings, 'robots') ? $settings['robots'] : null }}">
                                        @error('robots')
                                            <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>
        $("#robots-form").validate({
            ignore: [],
            rules: {
                robots: {
                    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