@extends('layouts.default')

@section('scripts')
    {{ Jqgrid::scripts(); }}
    <script type="text/javascript">
        var expandSubGrid = '{{ $rowid or '' }}';
        var selectedRow = '';
        //Modificaciones antes de mostrar la grilla para celulares
        if($(window).width() <= 768) {
            $.jgrid.defaults.rowList = [];//elimina select de cantidad de registros en paginacion
            $.jgrid.defaults.viewrecords = false;//elimina infirmacion de cantidad de registros en paginacion
        }
        $(document).ready(function() {
            @if(Session::has('notificacion'))
            var contenido = {
                type: '{{ Session::get("notificacion.type") }}',
                content: '{{ Session::get("notificacion.content") }}'
            };
            notification(contenido);
            @endif
            $('#jqgrid').jqGrid({
                url: '{{{ url("etiquetaquimicos/datagrid") }}}',
                colModel: {{ Jqgrid::js_colmodel() }},
                gridComplete: function() {
                    $.jgrid.defaults.gridComplete();
                    $('#btn_editar>div.btn').addClass('disabled');
                    $('#btn_eliminar>div.btn').addClass('disabled');
                },
                onSelectRow: function(row_id) {
                    row_data = $("#jqgrid").getRowData(row_id);
                    $('#btn_editar>div.btn').removeClass('disabled');
                    $('#familia_editar_id').val(row_data['ID_ETIQUETA']);
                    selectedRow = row_data['ID_ETIQUETA'];
                    $('#btn_eliminar>div.btn').removeClass('disabled');
                    $('#etiqueta_eliminar_id').val(row_data['ID_ETIQUETA']);
                },
                sortname: 'ID_ETIQUETA',
            });

            $('#jqgrid').jqGrid('filterToolbar', {stringResult: true, searchOnEnter: false, defaultSearch: 'cn'});
            $('#jqgrid').jqGrid('navGrid', '#jqgrid_pager', {add: false, edit: false, del: false, search: false});

            @if(can('etiquetaquimicos_agregar'))
               //Botón agregar Factura
               $('#jqgrid').jqGrid('navButtonAdd', '#jqgrid_pager', {caption: '', buttonicon: 'fa fa-plus',
                onClickButton: function() {
                    localStorage.removeItem('Factura');
                    idDocto = 0;
                    window.location = "{{ url('etiquetaquimicos/agregar/0') }}";
                },
                position: 'last', title: 'Agregar Etiqueta', cursor: 'pointer', id: 'btn_agregar'}
            );
            @endif

            @if(can('etiquetaquimicos_editar'))

            // botón editar
            //Botón editar fórmula
            $('#jqgrid').jqGrid('navButtonAdd', '#jqgrid_pager', {caption: '', buttonicon: 'fa fa-pencil',
                onClickButton: function() {

                    window.location = "{{ url('etiquetaquimicos/agregar') }}/" + selectedRow;
                },
                position: 'last', title: 'Editar Etiqueta', cursor: 'pointer', id: 'btn_editar'}
            );

            @endif

            @if(can('etiquetaquimicos_delete'))
            // botón eliminar
            $('#jqgrid').jqGrid('navButtonAdd', '#jqgrid_pager', {
                caption: '', 
                buttonicon: 'fa fa-trash-o',
                onClickButton: function() {
                    if($('#btn_eliminar>div.btn').hasClass('disabled')) return false;
                    $('#etiqueta_eliminar_modal').modal('show');
                },
                position: 'last', 
                title: 'Eliminar etiqueta', 
                cursor: 'pointer', 
                id: 'btn_eliminar'
            });

            // form eliminar
            $('#etiqueta_eliminar_form').ajaxForm({
                resetForm: true,
                success: function(response, statusText, xhr, $form) {
                    clean_form_errors($form);
                    $('#etiqueta_eliminar_modal').modal('hide');
                    success_notification(response);
                    //actualizo grid
                    $('#jqgrid').trigger('reloadGrid');
                },
                error: function(response, statusText, xhr, $form) {
                    clean_form_errors($form);
                    show_form_errors(response, $form);
                    error_notification(response);
                }
            });


            @endif



            // Resetear forms al cerrar modals
            $('#etiqueta_eliminar_modal').on('hidden.bs.modal', function () {
                form = $(this).find('form').trigger('reset');
                clean_form_errors(form);
                $('#NUMREG_ART_ETIQUETA').val(null).trigger('change');
            });

        });
    </script>
@stop
@section('content')
    @include('subviews.jqgrid_widget')

    @if(can('NotasVentas_eliminar'))
        <div class="modal fade warning" id="etiqueta_eliminar_modal" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" tabindex="-1" data-dismiss="modal" aria-hidden="true">
                            ×
                        </button>
                        <h4 class="modal-title">Eliminar Factura</h4>
                    </div>
                    <form method="POST" action="{{ url('etiquetaquimicos/delete') }}" class="form-horizontal" id="etiqueta_eliminar_form">
                        <input type="hidden" id="etiqueta_eliminar_id" name="etiqueta_eliminar_id">
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group col-sm-12">
                                        <h4>¿Está seguro de eliminar esta etiqueta?</h4>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                            <button type="submit" class="btn btn-danger">Eliminar</button>
                        </div>
                    </form>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>
    @endif
@stop