@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>
                    {{-- <h6 class="font-weight-normal mb-0">systems</h6> --}}
                </div>
            </div>
        </div>
    </div>
@include('admin.settings.tab')

    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card rounded-0">
                <div class="card-body">
                    <form action="{{route('admin.setting.update')}}" method="post" class="edit-form" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">{{__('Help line number')}}</label>
                            <div class="col-sm-9">
                                <input type="hidden" name="types[]" value="header_number">
                                <input type="text" name="header_number" value="{{get_setting('header_number')}}" class="form-control" placeholder="{{__('Help line number')}}" >
                            </div>
                        </div>
                        
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">{{__('Header Logo')}}</label>
                            <div class="col-sm-9">
                                <input type="hidden" name="types[]" value="header_logo">
                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-new img-thumbnail" style="width: 200px; height: 150px;">
                                        <img src="{{!empty(get_setting('header_logo')) ? asset('/') . 'storage/site/' . get_setting('header_logo').'?v='.time() : asset('/') .'assets/uploads/no-image.gif'}}" alt="">
                                    </div>
                                    <div class="fileinput-preview fileinput-exists img-thumbnail" style="max-width: 200px; max-height: 150px;"></div>
                                    <div>
                                        <span class="btn btn-outline-secondary btn-file">
                                            
                                            <span class="fileinput-new">Select image</span>
                                            <span class="fileinput-exists">Change</span>
                                            <input type="file" name="header_logo"></span>
                                        <a href="#" class="btn btn-outline-secondary fileinput-exists" data-dismiss="fileinput">Remove</a>
                                    </div>
                                </div>
                                @error('header_logo')
                                <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        

                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">{{__('Favicon')}}</label>
                            <div class="col-sm-9">
                                <input type="hidden" name="types[]" value="favicon_image">
                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-new img-thumbnail" style="width: 200px; height: 150px;">
                                        <img src="{{!empty(get_setting('favicon_image')) ? asset('/') . 'storage/site/' . get_setting('favicon_image').'?v='.time() : asset('/') .'assets/uploads/no-image.gif'}}" alt="">
                                    </div>
                                    <div class="fileinput-preview fileinput-exists img-thumbnail" style="max-width: 200px; max-height: 150px;"></div>
                                    <div>
                                        <span class="btn btn-outline-secondary btn-file">
                                            
                                            <span class="fileinput-new">Select image</span>
                                            <span class="fileinput-exists">Change</span>
                                            <input type="file" name="favicon_image"></span>
                                        <a href="#" class="btn btn-outline-secondary fileinput-exists" data-dismiss="fileinput">Remove</a>
                                    </div>
                                </div>
                                @error('favicon_image')
                                <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">{{__('Schema Script')}}</label>
                            <div class="col-sm-9">
                                <input type="hidden" name="types[]" value="schema_script">
                                <textarea name="schema_script" class="form-control" rows="10">{{__(get_setting('schema_script'))}}</textarea>
                                
                            </div>
                        </div>

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

            </div>
        </div>
    </div>
@endsection

@section('javascript')
<link href="{{asset('/')}}plugins/jasny-bootstrap-b4/css/jasny-bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script src="{{asset('/')}}plugins/jasny-bootstrap-b4/js/jasny-bootstrap.min.js" type="text/javascript" language="javascript"></script> 

<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