@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-edit'></i> Edit 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.update', ['widget' => $widget->id]) }}" method="post"
                    enctype="multipart/form-data">
                    {{ csrf_field() }}
                    {{ method_field('PATCH') }}

                    <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', $widget->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" value="{{ old('publish_from', $widget->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" value="{{ old('publish_to', $widget->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...">{{ $widget->contents }}</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" {{ $widget->is_active === 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('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-edit"></i> Update</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>
	 <script src="{{ asset('oneui/js/plugins/ckeditor/ckeditor.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