@include('system-layouts/head-ajax')
<div class="modal-header">
    <h4 class="modal-title"><i class="fa fa-plus"></i> Adicionar Descrição </h4>
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-res">
    <form id="acaoFormDescription" method="post">
        <div class="modal-body">
            <!-- Edit conteudo  -->


            <label for="description">Descrição</label>
            <div class="form-group m-b-5">
                <textarea class="form-control " rows="4" id="description" name="description" maxlength="1500"></textarea>
                <span class="bar"></span>

            </div>
            <div class="row">
                <div class="col-sm-12">
                    <input type="file" name="file" id="file" class="dropify" data-height="100"
                           data-default-file="" data-max-file-size-preview="2M" multiple/>
                </div>
            </div>
            <input type="hidden" name="idSalesOrder" value="{{$id}}">
            <input type="hidden" name="_token" value="{{csrf_token()}}">


            <!-- /Edit conteudo -->

        </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-secondary"
                        onclick="loadsDataForm('#modalExtraLarge .modal-content','{{asset("/salesorder-description/views/")}}/{{$id}}','#acaoFormDescription')">
                    &nbsp;&nbsp;&nbsp;<i class="fa fa-chevron-left"></i>&nbsp;voltar&nbsp;&nbsp;&nbsp;&nbsp;
                </button>

                <button type="button" class="btn waves-effect waves-light btn-primary"
                        onClick="loadsDataForm('#modalExtraLarge .modal-res','{{ asset('/salesorder-description/views-add')}}','#acaoFormDescription')">
                    &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" data-dismiss="modal"
                        aria-hidden="true" data-dismiss="modal">cancelar
                </button>
            </div>
        </div>
    </form>




</div>

{{--@@include('system-layouts/footer-ajax')--}}


<script>
    $(document).ready(function () {
        {{-- ============================================================== --}}
        {{-- ADDONS: Textarea Editor  --}}
        {{-- ============================================================== --}}
        //rebede os valores do textarea html5
        var textarea_maxlength = $('.textarea_editor').attr('maxlength');
        $('.textarea_editor').wysihtml5({
            events: {
                load: function () {
                    var editor = this;
                    $(editor.currentView.doc.body).on("keydown", function (event) {
                        var l = event.currentTarget.innerText.length;
                        if (l >= textarea_maxlength) {
                            $('.textarea_count').html('<span class="text-danger">O total de caracteres excede ' + textarea_maxlength + '. Caracteres extras não serão salvos.</span>');
                        } else {
                            var left = textarea_maxlength - l;
                            $('.textarea_count').html('<span class="text-info">' + left + ' caracteres restantes' + '</span>');
                        }
                    });
                }
            }
        });
        {{-- ============================================================== --}}
        {{-- UPLOAD: Dropify  --}}
        {{-- ============================================================== --}}

        $('.dropify').dropify({
            messages: {
                'default': 'Arraste e solte um arquivo aqui ou clique',
                'replace': 'Arraste e solte ou clique para substituir',
                'remove':  'Retirar',
                'error':   'Ops, algo errado aconteceu.'
            }
        });
    });
</script>