@php
    use App\Http\Controllers\Mod\ModRelationshipActionSub;
    use App\Models\Profile;
@endphp

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

        max-height: 300px;
    }

    .relationship-email {
        display: @php if($record->idClassification=='2'){ echo 'block'; }else{ echo 'none';} @endphp;
    }
</style>


<div class="modal-header">
    <h4 class="modal-title"><i class="fa fa-pencil"></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="{{$record->xName}}">
                        <span class="bar"></span>
                        <label for="xName">Atribuição</label>
                    </div>


                    <!-- idClassification  -->
                    <div class="form-group m-b-40 focused ">
                        <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}}"
                                        @php if($record->idClassification==$row_class->idClassification){ echo 'selected'; } @endphp >{{$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>
            @php //ACCESS - Elem-ID: 47 | Elem: Permissão de compartilhar ações do relacionamento | Caminho: ger\conf\relacionamentoAcoes\compartilhar
            if(Profile::permElem('47')==1){
                @endphp
            <div class="row  m-b-10">
                <div class="col-sm-1">
                </div>
                <div class="col-sm-6">
                    <h4>Compartilhar a atrituição para todos os usuario?</h4>

                    <div class="row">
                        <div class="col-sm-6">
                            <input type="radio" class="" value="1"
                                   @if($record->idShare == 1) checked @endif
                                   id="idShare1" name="idShare">
                            <label for="idShare1">Sim compartilhar</label>

                        </div>
                        <div class="col-sm-6">
                            <input type="radio" class="" value="2"
                                   @if($record->idShare == 2) checked @endif
                                   id="idShare2" name="idShare">
                            <label for="idShare2">Não compartilhar</label>
                        </div>
                    </div>

                </div>
            </div>
            @php } @endphp


                    <!-- 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">Edite sua assinatura personalizada</h6>
            <textarea class="form-control ckeditor ckeditor_class_ajax" rows="4" id="description" name="description"
                      maxlength="180">
                            {{$record->description}}
            </textarea>
            <span class="bar"></span>
        </div>
        <input type="hidden" name="idRelationshipAction" id="idRelationshipAction"
               value="{{$record->idRelationshipAction}}">
        <input type="hidden" name="idRelationshipActionSub" id="idRelationshipActionSub"
               value="{{$record->idRelationshipActionSub}}">
    </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/edit')}}','#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>
</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');
                $('#carousel').show('600');
            } else {//padrao
                $('.relationship-email').hide('600');
                $('#carousel').hide('600');

            }
        });

        $('#idShare1').click(function () {
            $(this).attr('checked', 'checked');
            $('#idShare2').removeAttr('checked');

        });
        $('#idShare2').click(function () {
            $(this).attr('checked', 'checked');
            $('#idShare1').removeAttr('checked');

        });


    });
</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>