@php
    use App\Http\Controllers\Mod\ModRelationshipActionSub;
    use \Illuminate\Support\Facades\Crypt;
@endphp

<style>
    .ck-editor__editable {
        min-height: 180px;

        max-height: 300px;
    }

    .relationship-email {
        display: none;
    }
</style>


<div class="modal-header">
    <h4 class="modal-title"><i class="fa fa-plus"></i> Ação: Atribuição </h4>
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-res">

    <div class="modal-body m-t-40" id="actionIndexSub">
        <!-- inserir conteudo  -->
        <form class="floating-labels">

            <div class="row">
                <div class="col-md-12 col-lg-8">


                    <!-- xName  -->
                    <div class="form-group m-b-40 focused ">
                        <input type="text" class="form-control" id="xName" required name="xName" maxlength="100"
                               value="">
                        <span class="bar"></span>
                        <label for="xName">Atribuição</label>
                    </div>


                    <!-- idClassification  -->
                    <div class="form-group m-b-40">
                        <select class="form-control p-0" id="idClassification" name="idClassification" required>
                            <option value="">---</option>
                            @php $record_class= ModRelationshipActionSub::classification('0')    @endphp
                            @foreach($record_class as $row_class)
                                <option value="{{$row_class->idClassification}}"> {{$row_class->xName}}</option>

                            @endforeach
                        </select>
                        <span class="bar"></span>
                        <label for="idClassification">Classificar</label>
                    </div>

                </div>
                <div class="col-md-12 col-lg-2 text-center " style="display: contents;">
                    <div class="relationship-email">
                        @include('mod-file/carousel')
                    </div>
                </div>
            </div>

            <input type="hidden" name="signature" id="signature" value="1">
            <!-- inserir conteudo   -->
        </form>
        <!-- description  -->
        <div class="form-group m-b-40 relationship-email" id="descriptionEdit">
            <label for="description">Descrição</label>
            <h6 class="card-title">Crie sua assinatura personalizada</h6>
            <textarea class="form-control ckeditor ckeditor_class_ajax" rows="4" id="description" name="description"
                      maxlength="180"></textarea>
            <span class="bar"></span>
        </div>
        <input type="hidden" id="idRelationshipAction" name="idRelationshipAction"
               value="{{Crypt::encrypt('100')}}">
    </div>
</div>


<div class="modal-footer">
    <div class="btn-group btn-group " role="group" aria-label="Basic example">


        <button type="button" class="btn waves-effect waves-light btn-primary"
                onclick="loadsDataForm('#listActionAttr','{{asset('/relationship-actionasub/add')}}','#actionIndexSub',['#_token'])">
            &nbsp;&nbsp;&nbsp;<i class="ti-save"></i>&nbsp;salvar&nbsp;&nbsp;&nbsp;&nbsp;
        </button>


        <button type="button" class=" btn waves-effect waves-light btn-secondary" aria-hidden="true"
                data-dismiss="modal">cancelar
        </button>
    </div>
</div>


@include('system-layouts/footer-ajax')
@include('mod-relationship-action/script')
<script>
    $(function () {
        $('#idClassification').change(function () {
            if ($(this).val() == 2) {//email
                $('.relationship-email').show('600');
            } else {//padrao
                $('.relationship-email').hide('600');
            }
        });
    });

</script>

<script>


    ClassicEditor
        .create(document.querySelector('.ckeditor_class_ajax'), {
            toolbar: {
                items: [
                    'heading', '|',
                    'alignment', '|',
                    'bold', 'italic', 'paste', 'strikethrough', 'underline', 'subscript', 'superscript', '|',
                    'link', '|',
                    'bulletedList', 'numberedList', 'todoList',
                    /*'-', // break point*/
                    'fontfamily', 'fontsize', 'fontColor', 'fontBackgroundColor', '|',
                    'code', 'codeBlock', '|',
                    'insertTable', '|',
                    'outdent', 'indent', '|',
                    /*'uploadImage',*/ 'blockQuote', '|', 'linkImage',
                    'undo', 'redo', '|',
                    'imageStyle:inline', 'imageStyle:wrapText', 'imageStyle:breakText', '|',
                    'toggleImageCaption', 'imageTextAlternative', 'ImageResizeEditing',

                ],
                //  shouldNotGroupWhenFull: true
            },

            language: 'pt-br',
            ImageUploadUI: false,

        })
        .then(editor => {
            window.editor = editor;
        })
        .catch(err => {
            console.error(err.stack);
        });

</script>