@extends ('backend.layouts.app')

@section ('title', __('email::labels.backend.email.management') . ' | ' . __('email::labels.backend.email.create'))

@section('breadcrumb-links')
    @include('email::includes.breadcrumb-links')
@endsection

@push('after-styles')
    <link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.css">
    <style>
        .panel-heading
        {
            background: #eee;
        }
    </style>
@endpush

@section('content')
{{ html()->form('POST', route('admin.email.store'))->class('form-horizontal')->open() }}
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-sm-5">
                    <h4 class="card-title mb-0">
                        {{ __('email::labels.backend.email.management') }}
                        <small class="text-muted">{{ __('email::labels.backend.email.create') }}</small>
                    </h4>
                </div><!--col-->
            </div><!--row-->

            <hr />

            <div class="row mt-4 mb-4">
                <div class="col">
                <div class="form-group row">
                    {{ html()->label(__('email::labels.backend.email.table.slug').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('slug') }}

                        <div class="col-md-10">
                            {{ html()->text('slug')
                                ->class('form-control')
                                ->placeholder(__('email::labels.backend.email.table.slug'))
                                ->attribute('maxlength', 191)
                                ->required() }}
                        </div><!--col-->
                </div><!--form control-->
                <div class="form-group row">
                    {{ html()->label(__('email::labels.backend.email.table.subject').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('subject') }}

                    <div class="col-md-10">
                        {{ html()->text('subject')
                            ->class('form-control')
                            ->placeholder(__('email::labels.backend.email.table.subject'))
                            ->attribute('maxlength', 191)
                            ->required() }}
                    </div><!--col-->
                </div><!--form control-->
                <div class="form-group row">
                    {{ html()->label(__('email::labels.backend.email.table.ledgen').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('ledgen') }}

                    <div class="col-md-10">
                        {{ html()->text('ledgen')
                            ->class('form-control')
                            ->placeholder(__('email::labels.backend.email.table.ledgen'))
                            ->attribute('maxlength', 191)
                            ->required() }}
                    </div><!--col-->
                </div><!--form control-->
                <div class="form-group row">
                    {{ html()->label(__('email::labels.backend.email.table.content').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('content') }}

                    <div class="col-md-10">
                        {{ html()->textarea('content')
                            ->class('form-control editor')
                            ->placeholder(__('email::labels.backend.email.table.content'))
                            ->attribute('maxlength', 191)
                            ->required() }}
                    </div><!--col-->
                </div><!--form control-->
                <div class="form-group row">
                    {{ html()->label(__('email::labels.backend.email.table.mm_subject').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('mm_subject') }}

                    <div class="col-md-10">
                        {{ html()->text('mm_subject')
                            ->class('form-control')
                            ->placeholder(__('email::labels.backend.email.table.mm_subject'))
                            ->attribute('maxlength', 191)
                            ->required() }}
                    </div><!--col-->
                </div><!--form control-->
                <div class="form-group row">
                    {{ html()->label(__('email::labels.backend.email.table.mm_content').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('mm_content') }}

                    <div class="col-md-10">
                        {{ html()->textarea('mm_content')
                            ->class('form-control editor')
                            ->placeholder(__('email::labels.backend.email.table.mm_content'))
                            ->attribute('maxlength', 191)
                            ->required() }}
                    </div><!--col-->
                </div><!--form control-->


                </div><!--col-->
            </div><!--row-->
        </div><!--card-body-->

        <div class="card-footer">
            <div class="row">
                <div class="col">
                    {{ form_cancel(route('admin.email.index'), __('buttons.general.cancel')) }}
                </div><!--col-->

                <div class="col text-right">
                    {{ form_submit(__('buttons.general.crud.create')) }}
                </div><!--row-->
            </div><!--row-->
        </div><!--card-footer-->
    </div><!--card-->
{{ html()->closeModelForm() }}
@endsection

@push('after-scripts')
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js"></script>
<script>
    $(document).ready(function () {
        // var ledgen = '';
        // $('#ledgen').keydown(function(e) {
        //     ledgen = $(this).val();
        //     var code = e.which;
        //     if ( code == 13 || code == 9 ) {
        //         ledgen =  ledgen.split(',');
        //         console.log(ledgen);
        //         $(".editor").summernote('code');
        //         $(".editor").summernote({
        //             placeholder: ledgen,
        //             hint: {
        //                 words: ledgen,
        //                 match: /\b(\w{1,})$/,
        //                 search: function (keyword, callback) {
        //                     callback($.grep(this.words, function (item) {
        //                     return item.indexOf(keyword) === 0;
        //                     }));
        //                 }
        //             }
        //         });
        //     }
        // });

        // $('#ledgen').mouseleave(function() {
        //     ledgen =  ledgen.split(',');
        //     $(".editor").summernote('code');
        //     $(".editor").summernote({
        //         placeholder: ledgen,
        //         hint: {
        //             words: ledgen,
        //             match: /\b(\w{1,})$/,
        //             search: function (keyword, callback) {
        //                 callback($.grep(this.words, function (item) {
        //                 return item.indexOf(keyword) === 0;
        //                 }));
        //             }
        //         }
        //     });
        // });
        
        $('.editor').summernote({
            height: 300,
            // airMode: true,
            popover: {
                image: [],
                link: [],
                air: []
            },
            // placeholder: 'Type with apple, orange, watermelon and lemon',
            // hint: {
            //     words: ledgen,
            //     match: /\b(\w{1,})$/,
            //     search: function (keyword, callback) {
            //         callback($.grep(this.words, function (item) {
            //         return item.indexOf(keyword) === 0;
            //         }));
            //     }
            // }
        });
    });
</script>
@endpush