@extends('adminlte::page')

@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>Terms & Conditions</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Home</a></li>
                    <li class="breadcrumb-item">CMS Settings</li>
                    <li class="breadcrumb-item active">Terms & Conditions</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Update Terms & Conditions</h3>
                    </div>
                    <div class="card-body">
                        <form id="terms_conditions_form" action="{{ route('admin.saveTermsConditions') }}" method="POST">
                            @csrf

                            <div class="row">
                                <!-- Terms & Conditions -->
                                <div class="col-md-12 mb-3">
                                    <div class="form-group">
                                        <label for="terms_conditions">Terms & Conditions Content <span
                                                class="text-danger">*</span></label>
                                        <textarea name="terms_conditions" id="terms_conditions"
                                            class="form-control summernote"
                                            placeholder="Enter Terms & Conditions">{!! old('terms_conditions', optional($data)->terms_condition) !!}</textarea>
                                        <small id="termsConditionsErr" class="text-danger"></small>
                                    </div>
                                </div>
                            </div>

                            <div class="modal-footer justify-content-between">
                                <button type="reset" class="btn btn-secondary">Reset</button>
                                <button type="submit" class="btn btn-primary"><span>Save Terms & Conditions</span></button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@stop

@section('js')
<script>
   $(document).ready(function() {
       const brandTextColors = ['#002B10', '#FFFFFF', '#E1F5E1', '#FFFEE0', '#CAE9F5', '#FFC201', '#000000', '#6B6A6A', '#EFEDE3'];
       const brandTextColorNames = ['Tolly Green', 'White', 'Light Green', 'Pastel Yellow', 'Light Blue', 'Gold', 'Black', 'Grey', 'Off White'];

       const summernoteConfig = {
           toolbar: [
               ['style', ['style']],
               ['font', ['bold', 'italic', 'underline', 'clear']],
               ['fontsize', ['fontsize']],
               ['color', ['color']],
               ['para', ['ul', 'ol', 'paragraph']],
               ['insert', ['link']],
               ['view', ['codeview']]
           ],
           fontSizes: ['8', '9', '10', '11', '12', '14', '16', '18', '20', '24', '28', '32', '36', '48'],
           colors: [brandTextColors],
           colorsName: [brandTextColorNames],
           colorButton: {
               foreColor: '#002B10',
               backColor: '#FFFFFF'
           },
           height: 400,
           callbacks: {
               onPaste: function (e) {
                   var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
                   e.preventDefault();
                   document.execCommand('insertText', false, bufferText);
               }
           }
       };

       $('.summernote').summernote(summernoteConfig);
   });
</script>
@stop