@extends('admin.layouts.app')
@section('content')
<div class="row">
    <div class="col-md-12 mb-3">
        <div class="row">
            <div class="col-12 col-xl-8 mb-4 mb-xl-0">
                <h3 class="font-weight-bold">Settings</h3>
            </div>
        </div>
    </div>
</div>
@include('admin.settings.tab')

<div class="row mt-2">
    <div class="col-md-6 grid-margin stretch-card">
        <div class="card rounded-0">
            <div class="card-header">General</div>
            <div class="card-body">
                <form action="{{route('admin.setting.update')}}" method="post" class="edit-form">
                    @csrf
                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">{{__('Site Name')}}</label>
                        <div class="col-sm-9">
                            <input type="hidden" name="types[]" value="site_name">
                            <input type="text" name="site_name" value="{{get_setting('site_name')}}"
                                class="form-control" placeholder="{{__('Site Name')}}" required>
                        </div>
                    </div>
                
                    {{-- <div class="form-group row">
                        <label class="col-sm-3 col-form-label">{{__('System Timezone')}}</label>
                        <div class="col-sm-9">
                            <input type="hidden" name="types[]" value="timezone">                            
                            <select name="timezone" class="form-control aiz-selectpicker" data-live-search="true">
                                @foreach (timezones() as $key => $value)
                                <option value="{{ $key }}" @if (app_timezone()==$key) selected @endif>{{ $value }}</option>
                                @endforeach
                            </select>

                        </div>
                    </div> --}}

                    <button type="submit" class="btn btn-primary mr-2 submitBtn">Update</button>
                </form>
            </div>
        </div>
    </div>

    <div class="col-md-6 grid-margin stretch-card">
        <div class="card rounded-0">
            <div class="card-header">Global SEO</div>            
            <div class="card-body">
                <form action="{{route('admin.setting.update')}}" method="post" class="edit-form">
                    @csrf
                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">{{__('Meta Title')}}</label>
                        <div class="col-sm-9">
                            <input type="hidden" name="types[]" value="meta_title">
                            <input type="text" name="meta_title" value="{{get_setting('meta_title')}}"
                                class="form-control" placeholder="{{__('Meta Title')}}" required>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">{{__('Meta Keywords')}}</label>
                        <div class="col-sm-9">
                            <input type="hidden" name="types[]" value="meta_keywords">
                            <input type="text" name="meta_keywords" value="{{get_setting('meta_keywords')}}"
                                class="form-control" placeholder="{{__('Meta Keywords')}}" required>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">{{__('Meta Description')}}</label>
                        <div class="col-sm-9">
                            <input type="hidden" name="types[]" value="meta_description">
                            <input type="text" name="meta_description" value="{{get_setting('meta_description')}}"
                                class="form-control" placeholder="{{__('Meta Description')}}" required>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary mr-2 submitBtn">Update</button>
                </form>
            </div>
        </div>
    </div>{{-- col-6 --}}

    
    <div class="col-md-6 grid-margin stretch-card">
        <div class="card rounded-0">
            <div class="card-header">{{__('Custom Script')}}</div>            
            <div class="card-body">
                <form action="{{route('admin.setting.update')}}" method="post" class="edit-form">
                    @csrf
                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">{{__('Header custom script - before </head>')}}</label>
                        <div class="col-sm-9">
                            <input type="hidden" name="types[]" value="header_script">
                            <textarea name="header_script" class="form-control" rows="15" >{{get_setting('header_script')}}</textarea>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">{{__('Footer custom script - before </body>')}}</label>
                        <div class="col-sm-9">
                            <input type="hidden" name="types[]" value="footer_script">
                            <textarea name="footer_script" class="form-control" rows="15" >{{get_setting('footer_script')}}</textarea>                        
                        </div>
                    </div>

                    <button type="submit" class="btn btn-primary mr-2 submitBtn">Update</button>
                </form>
            </div>

        </div>
    </div>{{-- col-6 --}}
</div>

<script src="{{asset('/plugins/jquery.validate.js')}}"></script>

<script type="text/javascript">
    $(".edit-form" ).validate({
        submitHandler: function (form) {
            var loadingText = '<i class="fa fa-circle-notch fa-spin"></i> Saving..';
            $('.edit-form  .submitBtn').html(loadingText).prop('disabled', true);    
            return true;            
        }
    });
</script>


@endsection