@extends('cms.layouts.app')

@section('pre-styles')
	<x-cms.css-helper :select2="true"/>
	<x-cms.css-helper :bootstrap="true"/>
@endsection

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

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

	    <li class="breadcrumb-item">Cms</li>
	    <li class="breadcrumb-item" aria-current="page">
	        Widget
	    </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('widgets.store') }}" method="post" enctype="multipart/form-data">
            		{{ csrf_field() }}

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

			            <div class="col-sm-6">
			            	<div class="form-group">
			            	    <label for="publishForm">Publish From</label>
			            	    <input type="text" class="js-flatpickr form-control bg-white" id="publishForm" name="publish_from" placeholder="d-m-Y" data-date-format="d-m-Y">
			            	</div>
			            </div>

			            <div class="col-sm-6">
			            	<div class="form-group">
			            	    <label for="publishTo">Publish To</label>
			            	    <input type="text" class="js-flatpickr form-control bg-white" id="publishTo" name="publish_to" placeholder="d-m-Y" data-date-format="d-m-Y">
			            	</div>
			            </div>

	            		<div class="col-sm-12">
	                        <div class="form-group">
	                            <label for="title">Content <span class="text-danger">*</span></label>
	                            <textarea id="js-ckeditor" name="contents" required placeholder="Content..."></textarea>
	                            <span class="text-danger">{{ validationError($errors->get('contents')) }}</span>
	                        </div>
			            </div>

		        		<div class="col-sm-4">
			            	<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>
					{{-- <textarea id="js-ckeditor" name="ckeditor">Hello CKEditor!</textarea> --}}
		        	<div class="text-right">
		        		<a  class="btn btn-danger btn-sm" href="{{ route('widgets.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"/>
	

	 {{-- <script src="{{ asset('js/plugins/bootstrap-notify/bootstrap-notify.min.js') }}"></script> --}}

	 {{-- <script src="{{ asset('oneui/js/plugins/jquery-validation/jquery.validate.min.js') }}"></script>
	 <script src="{{ asset('oneui/js/plugins/jquery-validation/additional-methods.js') }}"></script>
	 <script src="{{ asset('oneui/js/pages/be_forms_validation.min.js') }}"></script> --}}
	 

	 <!-- Page JS Code -->
	 {{-- <script src="../oneui/js/pages/be_tables_datatables.min.js"></script> --}}
	 

	{{-- <script src="{{ asset('/js/vue.min.js') }}"></script> --}}
	
@endsection