@php
$title = $blade_data['title'];
$routeLink = $blade_data['routeLink'];
@endphp

@extends('admin.layouts.app')
@section('page-title',$title)
@section('breadcrumb')
<x-breadcrumb :blades="$blade_data" />
@endsection

@section('content')

<div class=" ">
    <div class="card rounded-0 mb-2">
        <div class="card-body">

            <form
                action="{{$form_data->id?route($routeLink.'.update',['id'=>$form_data->id]):route($routeLink.'.store')}}"
                method="POST" class="edit-form" enctype="multipart/form-data">
                @csrf

                <div class="form-group row">
                    <div class="col-sm-3 mb-3">
                        <label class="">{{__('Name')}}</label>
                        <div class="">
                            <input type="text" name="name" value="{{old('name',$form_data->name)}}"
                                class="form-control @error('name') is-invalid @enderror" required>
                            @error('name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-sm-3 mb-3">
                        <label class="">{{__('Start Date')}}</label>
                        <div class="">
                            <input type="datetime-local" name="s_date" value="{{old('s_date',$form_data->s_date)}}"
                                class="form-control @error('s_date') is-invalid @enderror" required>
                            @error('s_date')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-sm-3 mb-3">
                        <label class="">{{__('End Date')}}</label>
                        <div class="">
                            <input type="datetime-local" name="e_date" value="{{old('e_date',$form_data->e_date)}}"
                                class="form-control @error('e_date') is-invalid @enderror" required>
                            @error('e_date')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>


                    <div class="col-sm-3 mb-3">
                        <label class="">{{__('Location')}}</label>
                        <div class="">
                            <input type="text" name="location" value="{{old('location',$form_data->location)}}"
                                class="form-control @error('location') is-invalid @enderror" required>
                            @error('location')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-12 mb-3">
                        <label class="">{{__('Description')}}</label>
                        <textarea name="description" class="form-control" rows="10" id="lv-editor"
                            required>{!!$form_data->description!!}</textarea>
                    </div>

                    <div class="col-md-12 mb-3">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-new img-thumbnail" style="width: 200px; height: 150px;">
                                <img src="{{$form_data->image_path}}" 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="image"></span>
                                <a href="#" class="btn btn-outline-secondary fileinput-exists"
                                    data-dismiss="fileinput">Remove</a>
                            </div>
                        </div>
                        @error('image')
                        <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                        @enderror

                    </div>
                </div>

                <div class="row mt-3">
                    <div class="col-md-3">
                        <button type="submit" class="btn btn-sm btn-primary submitBtn">Save</button>
                        <a href="{{route($routeLink.'.index')}}" class="btn btn-sm btn-secondary">Back</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection


@push('scripts')

<script src="{{asset('plugins/jquery.validate.js')}}"></script>
<script src="{{asset('plugins/ckeditor/ckeditor.js')}}" type="text/javascript"></script>
<script src="{{asset('plugins/ckeditor/adapters/jquery.js')}}" type="text/javascript"></script>

<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>
    CKEDITOR.replace('lv-editor',{
        height: 500,
        allowedContent: true,
        toolbar: [
            { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source',] },
            { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
            '/',
            { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] },
            { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl' ] },
            { name: 'links', items: [ 'Link', 'Unlink', ] },
            { name: 'insert', items: [ 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe' ] },
            '/',
            { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
            { name: 'colors', items: [ 'TextColor', 'BGColor' ] },
            { name: 'tools', items: [ 'Maximize', 'ShowBlocks' ] },        
        ],
     
     },);

    var oEditor = CKEDITOR.instances.editor;

    
    $(".edit-form" ).validate({
    //     highlight: function(element) {
		// 	$(element).closest('.form-control').removeClass('is-valid').addClass('is-invalid'); // add the Bootstrap error class to the control group
		// },
		// ignore: ":hidden, [contenteditable='true']",
		// unhighlight: function(element) {
		// 	$(element).closest('.form-control').removeClass('is-invalid').addClass('is-valid');
		// },
		// success: function(element) {
		// 	$(element).closest('.form-control').removeClass('is-invalid').addClass('is-valid'); // remove the Boostrap error class from the control group
		// },
        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>
@endpush