@extends("admin.layout.app",["page_title" => "Admin | Setting "])
@push('style')
    <link href="{{ asset('admin-assets/css/quill.snow.css') }}" rel="stylesheet">
@endpush
@section('admin-content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0 font-size-18"></h4>

                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item "><a
                                href="{{route('admin.dashboard')}}">{{__('admin.dashboard')}}</a></li>
                        <li class="breadcrumb-item active">{{__('admin.setting')}}</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="main-title mb-0">
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box d-sm-flex align-items-center justify-content-between custom-heading">
                                    <h3 class="text-black">{{__('admin.setting')}}</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="">
                            <div class="card overflow-hidden">
                                <div class="bg-success bg-soft">
                                    <div class="row">
                                        <div class="col-7">
                                            <div class="text-black p-3">
                                                <h2 class="text-black">{{__('admin.edit_app')}}</h2>
                                            </div>
                                        </div>
                                    </div>
                            </div>

                            <div class="information-wrapper">
                                <div class="row">
                                    <div class="col-12 custom-12">
                                        <div class="card">
                                            <div class="card-body">

                                                <form action="{{ route('admin.setting.edit' , $setting->id ) }}" id="setting-form" method="POST">
                                                    @csrf
                                                    <div class="card-body">
                                                            <div class="mb-3">
                                                                <label for="settings_title">App Name</label>
                                                                <input type="text" name="setting[title]" id="settings_title"
                                                                   class="form-control" arie-describedby="settings_title_help" value="{{ $setting->title }}" required>
                                                                <small id="settings_title_help" class="form-text text-muted">{{__('admin.settings_title_help')}}</small>
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="settings_company">Company Name</label>
                                                                <input type="text" name="setting[company]" id="settings_company"
                                                                    class="form-control" arie-describedby="settings_company_help" value="{{ $setting->company }}" required>
                                                                <small id="settings_company_help" class="form-text text-muted">{{__('admin.settings_company_help')}}</small>
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="settings_url">App URL</label>
                                                                <input type="text" name="setting[url]" id="settings_url"
                                                                       class="form-control" arie-describedby="settings_url_help" value="{{ $setting->url }}" required>
                                                                <small id="settings_url_help" class="form-text text-muted">{{__('admin.settings_url_help')}}</small>
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="settings_email">Email</label>
                                                                <input type="text" name="setting[email]" id="settings_email"
                                                                       class="form-control" arie-describedby="settings_email_help" value="{{ $setting->email }}" required>
                                                                <small id="settings_email_help" class="form-text text-muted">{{__('admin.settings_email_help')}}</small>
                                                            </div>
                                                        </div>
                                                        <div class="card-footer">
                                                            <button type="submit" class="btn btn-success">Save</button>
                                                            <a href="{{ route('admin.dashboard') }}" class="btn btn-danger">Cancel</a>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
   

@endsection

@push('script')

        <script>

            $(document).ready(function (){
                $('#setting-form').validate({
                    rules: {
                        "setting[title]": { 
                            required: true,
                        },
                        "setting[company]": { 
                            required: true,
                        },
                        "setting[url]": { 
                            required: true,
                            // url: true
                        },
                        "setting[email]": {
                            required: true,
                            email: true
                        },
                    },
                    messages: {
                        "setting[title]": {
                            required: "Title is required",
                        },
                        "setting[company]": {
                            required: "company is required",
                        },
                        "setting[url]": {
                            required: "URL is required",
                            // url: "Enter a valid URL (e.g. https://example.com)"
                        },
                        "setting[email]": {
                            required: '{{ __('admin.email_required') }}',
                            email: "Please enter a valid email address."
                        },
                    },
                    showErrors: function(errorMap, errorList) {
                        if (errorList.length) {
                            flasher.error(errorList[0].message); // show first error
                        }
                    }
                });
            });

        </script>

@endpush