@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', 'general') }}" 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">General Settings</h4>
                    </div><!-- end card header -->
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="website_name">Website Name</label>
                                    <input id="website_name" name="website_name" type="text"
                                        value="{{ Arr::has($settings, 'website_name') ? $settings['website_name'] : null }}"
                                        class="form-control">
                                        
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="logo" class="form-label">Choose Website Logo</label>
                                    <div class="input-group">
                                        <input type="file" name="logo" id="logo" class="form-control">
                                      
                                        @if (Arr::has($settings, 'logo'))
                                            <a href="javascript:void(0);" class="show_image input-group-text text-success"
                                                data-size="modal-xs" data-title="{{ Arr::has($settings, 'website_name') ? $settings['website_name'] : null }}"
                                                data-url="{{ asset($settings['logo']) }}" alt="Not-found"
                                                data-bs-toggle="tooltip" data-bs-placement="top" data-bs-html="true"
                                                title="<small> View Image </small>">
                                                <i class="bx bx-photo-album fs-4"></i>
                                            </a>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="contact_number">Mobile Number</label>
                                    <input id="contact_number" name="contact_number" type="number"
                                        value="{{ Arr::has($settings, 'contact_number') ? $settings['contact_number'] : null }}"
                                        class="form-control">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="alt_contact_number">Alternate Mobile Number</label>
                                    <input id="alt_contact_number" name="alt_contact_number" type="number"
                                        value="{{ Arr::has($settings, 'alt_contact_number') ? $settings['alt_contact_number'] : null }}"
                                        class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="whatsapp_number">Whatsapp Number</label>
                                    <input id="whatsapp_number" name="whatsapp_number" type="number"
                                        value="{{ Arr::has($settings, 'whatsapp_number') ? $settings['whatsapp_number'] : null }}"
                                        class="form-control">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="contact_email">Email</label>
                                    <input id="contact_email" name="contact_email" type="email"
                                        value="{{ Arr::has($settings, 'contact_email') ? $settings['contact_email'] : null }}"
                                        class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="alt_contact_email">Alternate Email</label>
                                    <input id="alt_contact_email" name="alt_contact_email" type="email"
                                        value="{{ Arr::has($settings, 'alt_contact_email') ? $settings['alt_contact_email'] : null }}"
                                        class="form-control">
                                </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