@extends('cms.layouts.app')

@section('pre-styles')
<x-cms.css-helper :select2="true" />
<x-cms.css-helper :bootstrap="true" />
<style>
    .cke_contents {
        height: 200px !important;
    }
</style>
@endsection

@section('contents')
<!-- Hero -->

<x-cms.bread-crumb title="<i class='fa fa-plus'></i> Add Testimonial">

    <li class="breadcrumb-item">Cms</li>
    <li class="breadcrumb-item" aria-current="page">
        Testimonial
    </li>
</x-cms.bread-crumb>
<!-- END Hero -->


<!-- Page Content -->
<div class="content">

    <div class="block">
        {{-- <div class="block-header">
                <h3 class="block-title">Validation Form</h3>
            </div> --}}
        <div class="block-content block-content-full">
            <form action="{{ route('testimonials.store') }}" method="post" enctype="multipart/form-data">
                {{ csrf_field() }}

                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="person_name">Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="person_name" name="person_name" value="{{ old('person_name') }}"
                                maxlength="100" required placeholder="Name...">
                            <span class="text-danger">{{ validationError($errors->get('person_name')) }}</span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="designation">Designation</label>
                            <input type="text" class="form-control" id="designation" name="designation"
                                value="{{ old('designation') }}" placeholder="Designation...">
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="display_order">Display Order</label>
                            <input type="number" class="form-control" id="display_order" name="display_order"
                                value="{{ old('display_order') }}" min=0 oninput="validity.valid||(value='');"
                                placeholder="Display Order...">
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="personImage">Image</label>
                            <input type="file" class="form-control h-100" id="personImage" name="personImage"
                                maxlength="100">
                            <span class="text-danger">{{ validationError($errors->get('personImage')) }}</span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="testimonial">Testimonial</label>
                            <textarea id="js-ckeditor" name="testimonial" placeholder="Testimonial...">{{ old('testimonial') }}</textarea>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="person_about">Person About</label>
                            <textarea class="form-control" rows="12" name="person_about" placeholder="Person About...">{{ old('person_about') }}</textarea>
                        </div>
                    </div>

                    <div class="col-sm-12">
                        <div class="form-check">
                            <input class="form-check-input" id="isActive" type="checkbox" name="is_active"
                                value="1" checked>
                            <label class="form-check-label" for="isActive">Active</label>
                        </div>
                    </div>
                </div>

                <div class="text-right">
                    <a class="btn btn-danger btn-sm" href="{{ route('testimonials.index') }}" title=""><i
                            class="fa fa-angle-double-left"></i> Cancel</a>
                    <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i> Save</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- END Page Content -->

@endsection


@section('scripts')
<x-cms.js-helper :ckeditor="true" />
{{-- <x-cms.js-helper :datepicker="true" /> --}}
<x-cms.js-helper :select2="true" />

<script>
    // Init full text editor
        if (jQuery('#js-ckeditor2:not(.js-ckeditor-enabled)').length) {
            CKEDITOR.replace('js-ckeditor2');

            // Add .js-ckeditor-enabled class to tag it as activated
            jQuery('#js-ckeditor2').addClass('js-ckeditor-enabled');
        }
</script>

@endsection