@extends('layouts.default')
@section('scripts')

    
    <!-- Datos de etiqueta en textareas ocultos para preservar saltos de línea -->
    @if(isset($Etiqueta) && $Etiqueta->ID_ETIQUETA != 0)
    <div style="display: none;">
        <textarea id="data-DESCRIPCION_ETIQUETA">{{ $Etiqueta->DESCRIPCION_ETIQUETA }}</textarea>
        <textarea id="data-APLICACIONES_ETIQUETA">{{ $Etiqueta->APLICACIONES_ETIQUETA }}</textarea>
        <textarea id="data-MODOEMPLEO_ETIQUETA">{{ $Etiqueta->MODOEMPLEO_ETIQUETA }}</textarea>
        <textarea id="data-BENEFICIOS_ETIQUETA">{{ $Etiqueta->BENEFICIOS_ETIQUETA }}</textarea>
        <textarea id="data-INDICACIONES_PELIGROS">{{ $Etiqueta->INDICACIONES_PELIGROS }}</textarea>
        <textarea id="data-CONSEJO_PRUDENCIA">{{ $Etiqueta->CONSEJO_PRUDENCIA }}</textarea>
        <textarea id="data-CONSEJO_PRUDENCIA_RESPUESTAS">{{ $Etiqueta->CONSEJO_PRUDENCIA_RESPUESTAS }}</textarea>
        <textarea id="data-CONSEJO_PRUDENCIA_ALMACENAMIENTO">{{ $Etiqueta->CONSEJO_PRUDENCIA_ALMACENAMIENTO }}</textarea>
    </div>
    @endif

    <script type="text/javascript">

        setup_select2('#NUMREG_ART_ETIQUETA', "{{ url('notasventas/ProductosSelect') }}", 'Seleccionar Producto');

        function decodeHtml(html) {
             // Si es null o undefined, retornar string vacío
             if (html === null || html === undefined) {
                 return '';
             }
             
             // Primero creamos un elemento para decodificar las entidades HTML
             var txt = document.createElement("textarea");
             txt.innerHTML = html;
    
             // Obtenemos el valor decodificado preservando los saltos de línea
             let decoded = txt.value;
    
             // Retornamos el valor decodificado manteniendo los saltos de línea
             return decoded;
        }

        //	NroDocto
        var jsonData = {};
        let ID_ETIQUETA               = '{{{ $Etiqueta->ID_ETIQUETA }}}';
        console.log(ID_ETIQUETA);

        if (ID_ETIQUETA == 0 || ID_ETIQUETA == null || ID_ETIQUETA == '') {
            /* Llena arreglo Jeson de Memoria NroDocto*/

            let ID_ETIQUETA               = 0;
            $('#TITULO_ETIQUETA').val('');
            $('#SUBTITULO_ETIQUETA').val('');
            $('#SUBTITULO_ETIQUETA_CREOLE').val('');
            $('#DESCRIPCION_ETIQUETA').val('');
            $('#APLICACIONES_ETIQUETA').val('');
            $('#CODIGO_ETIQUETA').val('');
            $('#MODOEMPLEO_ETIQUETA').val('');
            $('#BENEFICIOS_ETIQUETA').val('');
            $('#CONTENIDO_ETIQUETA').val('');

            /* CHECK BOXES */
            $('#GUANTES_ETIQUETA').prop('checked', false);
            $('#MASCARILLA_ETIQUETA').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
            $('#CALZADO_SEGURIDAD').prop('checked', false);
            $('#CALZADO_ANTIESTATICO').prop('checked', false);
            $('#MASCARA').prop('checked', false);
            $('#PROTECTOR_CUERPO').prop('checked', false);
            $('#PROTECTOR_PANTALLA').prop('checked', false);

            $('#BIODEGRADABLE_ETIQUETA').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
            $('#DELANTAL_ETIQUETA').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
            $('#ANTIPARRA_ETIQUETA').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
            $('#CORROSIVO_ETIQUETA').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
            $('#INFLAMABLE_ETIQUETA').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
            $('#TOXICO_ETIQUETA').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
            $('#ATENCION').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.

            $('#IZQ_TRIANGULO_ETIQUETA').val('');
            $('#ARRIBA_TRIANGULO_ETIQUETA').val('');
            $('#DER_TRIANGULO_ETIQUETA').val('');
            $('#ABAJO_TRIANGULO_ETIQUETA').val('');

            $('#INDICACIONES_PELIGROS').val('');
            $('#PALABRAS_ADVERTENCIA').val('');
            $('#CONSEJO_PRUDENCIA').val('');
            $('#CONSEJO_PRUDENCIA_RESPUESTAS').val('');
            $('#CONSEJO_PRUDENCIA_ALMACENAMIENTO').val('');
            $('#N_ISP').val('');
            $('#REGISTRO_SAG').val('');


        } else {

            /* Llena datos de la etiqueta desde elementos ocultos */
            function getDataValue(id) {
                var el = document.getElementById('data-' + id);
                return el ? el.value : '';
            }

            let ID_ETIQUETA                      = '{{ $Etiqueta->ID_ETIQUETA }}';
            let NUMREG_ART_ETIQUETA              = '{{ $Etiqueta->NUMREG_ART_ETIQUETA }}';
            let TITULO_ETIQUETA                  = '{{ $Etiqueta->TITULO_ETIQUETA }}';
            let SUBTITULO_ETIQUETA               = '{{ $Etiqueta->SUBTITULO_ETIQUETA }}';
            let SUBTITULO_ETIQUETA_CREOLE        = '{{ $Etiqueta->SUBTITULO_ETIQUETA_CREOLE }}';
            let DESCRIPCION_ETIQUETA             = getDataValue('DESCRIPCION_ETIQUETA');
            let APLICACIONES_ETIQUETA            = getDataValue('APLICACIONES_ETIQUETA');
            let CODIGO_ETIQUETA                  = '{{ $Etiqueta->CODIGO_ETIQUETA }}';
            let MODOEMPLEO_ETIQUETA              = getDataValue('MODOEMPLEO_ETIQUETA');
            let BENEFICIOS_ETIQUETA              = getDataValue('BENEFICIOS_ETIQUETA');
            let CONTENIDO_ETIQUETA               = '{{ $Etiqueta->CONTENIDO_ETIQUETA }}';
            let TIPO_CONTENIDO_ETIQUETA          = '{{ $Etiqueta->TIPO_CONTENIDO_ETIQUETA }}';
            let GUANTES_ETIQUETA                 = '{{ $Etiqueta->GUANTES_ETIQUETA }}';
            let MASCARILLA_ETIQUETA              = '{{ $Etiqueta->MASCARILLA_ETIQUETA }}';
            let DELANTAL_ETIQUETA                = '{{ $Etiqueta->DELANTAL_ETIQUETA }}';
            let BIODEGRADABLE_ETIQUETA           = '{{ $Etiqueta->BIODEGRADABLE_ETIQUETA }}';
            let CALZADO_SEGURIDAD                = '{{ $Etiqueta->CALZADO_SEGURIDAD }}';
            let CALZADO_ANTIESTATICO             = '{{ $Etiqueta->CALZADO_ANTIESTATICO }}';
            let MASCARA                          = '{{ $Etiqueta->MASCARA }}';
            let PROTECTOR_CUERPO                 = '{{ $Etiqueta->PROTECTOR_CUERPO }}';
            let PROTECTOR_PANTALLA               = '{{ $Etiqueta->PROTECTOR_PANTALLA }}';
            let ANTIPARRA_ETIQUETA               = '{{ $Etiqueta->ANTIPARRA_ETIQUETA }}';
            let CORROSIVO_ETIQUETA               = '{{ $Etiqueta->CORROSIVO_ETIQUETA }}';
            let INFLAMABLE_ETIQUETA              = '{{ $Etiqueta->INFLAMABLE_ETIQUETA }}';
            let TOXICO_ETIQUETA                  = '{{ $Etiqueta->TOXICO_ETIQUETA }}';
            let ATENCION                         = '{{ $Etiqueta->ATENCION }}';
            let IZQ_TRIANGULO_ETIQUETA           = '{{ $Etiqueta->IZQ_TRIANGULO_ETIQUETA }}';
            let ARRIBA_TRIANGULO_ETIQUETA        = '{{ $Etiqueta->ARRIBA_TRIANGULO_ETIQUETA }}';
            let DER_TRIANGULO_ETIQUETA           = '{{ $Etiqueta->DER_TRIANGULO_ETIQUETA }}';
            let ABAJO_TRIANGULO_ETIQUETA         = '{{ $Etiqueta->ABAJO_TRIANGULO_ETIQUETA }}';
            let INDICACIONES_PELIGROS            = getDataValue('INDICACIONES_PELIGROS');
            let PALABRAS_ADVERTENCIA             = '{{ $Etiqueta->PALABRAS_ADVERTENCIA }}';
            let CONSEJO_PRUDENCIA                = getDataValue('CONSEJO_PRUDENCIA');
            let CONSEJO_PRUDENCIA_RESPUESTAS     = getDataValue('CONSEJO_PRUDENCIA_RESPUESTAS');
            let CONSEJO_PRUDENCIA_ALMACENAMIENTO = getDataValue('CONSEJO_PRUDENCIA_ALMACENAMIENTO');
            let N_ISP                            = '{{ $Etiqueta->N_ISP }}';
            let REGISTRO_SAG                     = '{{ $Etiqueta->REGISTRO_SAG }}';
            let NOMBRE                           = '{{ $Etiqueta->NOMBRE }}';

            if (ID_ETIQUETA != '' && ID_ETIQUETA != null && ID_ETIQUETA != 0) {
                if (NUMREG_ART_ETIQUETA) {
                $('#NUMREG_ART_ETIQUETA').val(NUMREG_ART_ETIQUETA);
                }
                if (NOMBRE && NOMBRE.trim() !== '') {
                    $('#NUMREG_ART_ETIQUETA').html('<option value="' + NUMREG_ART_ETIQUETA + '">' + NOMBRE.trim() + '</option>').trigger('change');
                }

                // Convierte a número y luego valida
                let id = Number(ID_ETIQUETA);
                if (!isNaN(id) && id > 0) {
                    $('#ID_ETIQUETA').val(id);
                } else {
                    $('#ID_ETIQUETA').val(0);
                }

                $('#TITULO_ETIQUETA').val(TITULO_ETIQUETA || '');
                $('#SUBTITULO_ETIQUETA').val(SUBTITULO_ETIQUETA || '');
                $('#SUBTITULO_ETIQUETA_CREOLE').val(SUBTITULO_ETIQUETA_CREOLE || '');
                $('#DESCRIPCION_ETIQUETA').val(DESCRIPCION_ETIQUETA || '');
                $('#APLICACIONES_ETIQUETA').val(APLICACIONES_ETIQUETA || '');
                $('#CODIGO_ETIQUETA').val(CODIGO_ETIQUETA || '');
                $('#MODOEMPLEO_ETIQUETA').val(MODOEMPLEO_ETIQUETA || '');
                $('#BENEFICIOS_ETIQUETA').val(BENEFICIOS_ETIQUETA || '');
                $('#CONTENIDO_ETIQUETA').val(CONTENIDO_ETIQUETA || '');
                $('#TIPO_CONTENIDO_ETIQUETA').val(TIPO_CONTENIDO_ETIQUETA || '');

                /* CHECK BOXES */
                if (GUANTES_ETIQUETA == '1') {
                    $('#GUANTES_ETIQUETA').prop('checked', true);
                }
                else {
                    $('#GUANTES_ETIQUETA').prop('checked', false);
                }

                if (MASCARILLA_ETIQUETA == '1') {
                    $('#MASCARILLA_ETIQUETA').prop('checked', true);
                } else {
                    $('#MASCARILLA_ETIQUETA').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
                }

                if (DELANTAL_ETIQUETA == '1') {
                    $('#DELANTAL_ETIQUETA').prop('checked', true);
                } else {
                    $('#DELANTAL_ETIQUETA').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
                }
                if (ANTIPARRA_ETIQUETA == '1') {
                    $('#ANTIPARRA_ETIQUETA').prop('checked', true);
                } else {
                    $('#ANTIPARRA_ETIQUETA').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
                }

                if (CALZADO_SEGURIDAD == '1') {
                    $('#CALZADO_SEGURIDAD').prop('checked', true);
                } else {
                    $('#CALZADO_SEGURIDAD').prop('checked', false);
                }

                if (CALZADO_ANTIESTATICO == '1') {
                    $('#CALZADO_ANTIESTATICO').prop('checked', true);
                } else {
                    $('#CALZADO_ANTIESTATICO').prop('checked', false);
                }

                if (MASCARA == '1') {
                    $('#MASCARA').prop('checked', true);
                } else {
                    $('#MASCARA').prop('checked', false);
                }

                if (PROTECTOR_CUERPO == '1') {
                    $('#PROTECTOR_CUERPO').prop('checked', true);
                } else {
                    $('#PROTECTOR_CUERPO').prop('checked', false);
                }

                if (PROTECTOR_PANTALLA == '1') {
                    $('#PROTECTOR_PANTALLA').prop('checked', true);
                } else {
                    $('#PROTECTOR_PANTALLA').prop('checked', false);
                }

                /* Precausiones */
                if (BIODEGRADABLE_ETIQUETA == '1') {
                    $('#BIODEGRADABLE_ETIQUETA').prop('checked', true);
                } else {
                    $('#BIODEGRADABLE_ETIQUETA').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
                }

                if (CORROSIVO_ETIQUETA == '1') {
                    $('#CORROSIVO_ETIQUETA').prop('checked', true);
                } else {
                    $('#CORROSIVO_ETIQUETA').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
                }
                if (INFLAMABLE_ETIQUETA == '1') {
                    $('#INFLAMABLE_ETIQUETA').prop('checked', true);
                } else {
                    $('#INFLAMABLE_ETIQUETA').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
                }
                if (TOXICO_ETIQUETA == '1') {
                    $('#TOXICO_ETIQUETA').prop('checked', true);
                } else {
                    $('#TOXICO_ETIQUETA').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
                }
                if (ATENCION == '1') {
                    $('#ATENCION').prop('checked', true);
                } else {
                    $('#ATENCION').prop('checked', false); // Asegurarse de habilitarlo si la condición no se cumple.
                }

                $('#IZQ_TRIANGULO_ETIQUETA').val(IZQ_TRIANGULO_ETIQUETA || '');
                $('#ARRIBA_TRIANGULO_ETIQUETA').val(ARRIBA_TRIANGULO_ETIQUETA || '');
                $('#DER_TRIANGULO_ETIQUETA').val(DER_TRIANGULO_ETIQUETA || '');
                $('#ABAJO_TRIANGULO_ETIQUETA').val(ABAJO_TRIANGULO_ETIQUETA || '');

                $('#INDICACIONES_PELIGROS').val(INDICACIONES_PELIGROS || '');
                $('#PALABRAS_ADVERTENCIA').val(PALABRAS_ADVERTENCIA || '');
                $('#CONSEJO_PRUDENCIA').val(CONSEJO_PRUDENCIA || '');
                $('#CONSEJO_PRUDENCIA_RESPUESTAS').val(CONSEJO_PRUDENCIA_RESPUESTAS || '');
                $('#CONSEJO_PRUDENCIA_ALMACENAMIENTO').val(CONSEJO_PRUDENCIA_ALMACENAMIENTO || '');
                $('#N_ISP').val(N_ISP || '');
                $('#REGISTRO_SAG').val(REGISTRO_SAG || '');
            }
        }

        $(document).ready(function() {
            const eppCheckboxIds = [
                '#GUANTES_ETIQUETA',
                '#MASCARILLA_ETIQUETA',
                '#DELANTAL_ETIQUETA',
                '#ANTIPARRA_ETIQUETA',
                '#CALZADO_SEGURIDAD',
                '#CALZADO_ANTIESTATICO',
                '#MASCARA',
                '#PROTECTOR_CUERPO',
                '#PROTECTOR_PANTALLA'
            ];
            const maxEppSelections = 5;

            function getCheckedEppCount() {
                return eppCheckboxIds.filter((selector) => $(selector).is(':checked')).length;
            }

            function toggleEppAvailability(count) {
                const disableOthers = count >= maxEppSelections;
                eppCheckboxIds.forEach((selector) => {
                    const $checkbox = $(selector);
                    if (!$checkbox.is(':checked')) {
                        $checkbox.prop('disabled', disableOthers);
                    } else if (disableOthers) {
                        $checkbox.prop('disabled', false);
                    } else {
                        $checkbox.prop('disabled', false);
                    }
                });
            }

            function enforceEppLimit($changedCheckbox) {
                const checkedCount = getCheckedEppCount();
                if (checkedCount > maxEppSelections) {
                    $changedCheckbox.prop('checked', false);
                    alert('Solo puede seleccionar hasta 5 elementos de protección personal.');
                    return;
                }
                toggleEppAvailability(checkedCount);
            }

            eppCheckboxIds.forEach((selector) => {
                $(selector).on('change', function () {
                    enforceEppLimit($(this));
                });
            });

            toggleEppAvailability(getCheckedEppCount());

            $('#familias_editar_form').on('submit', function(e) {
                e.preventDefault(); // Evita el envío tradicional

                $.ajax({
                     url: '{{ url("etiquetaquimicos/save") }}',
                     type: 'POST',
                     data: $('#familias_editar_form').serialize(),
                     success: function(response) {
                        success_notification(response);
                        window.location = "{{ url('etiquetaquimicos/index') }}";
                     },
                     error: function(xhr) {
                         alert("Error: " + xhr.responseText);
                     }
                });
            });
           
            /* Botón Cancelar */
            $('#Cancelar').on('click', function () {
                /* Confirma Cancelar */
                $.confirm({
                    title: "Confirmación de salir de la etiqueta",
                    text: "<h1><b>¿Desea salir sin grabar la etiqueta?</b></h1>",
                    modalOptionsBackdrop: 'static',
                    confirm: function () {
                        clean_form_errors($('#formulario'));
                        window.location = "{{ url('etiquetaquimicos/index') }}";
                        return false;
                    },
                    cancel: function () {
                        return false;
                    },
                    confirmButton: "Deseo Salir",
                    cancelButton: "No",
                    confirmButtonClass: 'btn-success',
                    cancelButtonClass: 'btn-danger'
                });
            });

            $('#NUMREG_ART_ETIQUETA').on('change', function () {
                let numreg = $(this).val();

                if (numreg) {
                     $.ajax({
                          url: '{{ url("etiquetaquimicos/revisaproducto") }}',
                          method: 'GET',
                          data: {
                             id: ID_ETIQUETA,
                             numreg_art_etiqueta: numreg
                          },
                          success: function (data) {
                               console.log('Resultado:', data);
                               let notificacion = data.response;
                               if (data.total > 0) {
                                   $('#NUMREG_ART_ETIQUETA').val(null).trigger('change');

                                   $('#NUMREG_ART_ETIQUETA').val(''); // Limpiar campo
                                   //error_notification(notificacion);
                                   alert('Este número de artículo ya está asociado a otra etiqueta.');
                               }
                          },
                          error: function (jqXHR, textStatus, errorThrown) {
                               console.error('Error:', errorThrown);
                          }
                     });
                }
            });
        });
    </script>
@endsection

@section('content')

    <div class="col-sm-12 col-md-12 col-lg-12">
        <!-- product -->
        <div id="formulario" class="product-content product-wrap clearfix product-deatil">
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="datos_factura">
                  <form method="POST" class="form-horizontal" id="familias_editar_form">
                    <div class="row">
                        <div class="col-md-6">
                            <div class='form-group form-group-sm'>
                                <label class="control-label col-sm-3 text-align-left" for="roles">Nombre del
                                    Producto</label>
                                <div class='col-sm-9'>
                                    <div id="select_producto" class="row">
                                        {{ Form::select('NUMREG_ART_ETIQUETA', [], NULL, ['id' => 'NUMREG_ART_ETIQUETA', 'class' => 'form-control']) }}
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class='form-group form-group-sm'>
                                <label class="control-label col-sm-3 text-align-left" for="roles">Contenido</label>
                                <div class='col-sm-9'>
                                    {{ Form::text('CONTENIDO_ETIQUETA', NULL, ['id' => 'CONTENIDO_ETIQUETA', 'class' => 'form-control']) }}
                                    {{ Form::hidden('ID_ETIQUETA', NULL, ['id' => 'ID_ETIQUETA', 'class' => 'form-control']) }}
                                    {{ Form::hidden('CODIGO_ETIQUETA', NULL, ['id' => 'CODIGO_ETIQUETA', 'class' => 'form-control']) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class='form-group form-group-sm'>
                                <label class="control-label col-sm-3 text-align-left" for="roles">Tipo</label>
                                <div class='col-sm-9'>
                                    {{ Form::select('TIPO_CONTENIDO_ETIQUETA', $tiposContenido, NULL, ['id' => 'TIPO_CONTENIDO_ETIQUETA', 'class' => 'form-control']) }}
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row">
                        <div class="col-md-4">
                            <div class='form-group form-group-sm'>
                                <input type="hidden" name="id" value="" id="familia_editar_id">
                                <label class="control-label col-sm-3 text-align-left" for="roles">Título etiqueta</label>
                                <div class='col-sm-9'>
                                    {{ Form::text('TITULO_ETIQUETA', NULL, ['id' => 'TITULO_ETIQUETA', 'class' => 'form-control']) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class='form-group form-group-sm'>
                                <label class="control-label col-sm-3 text-align-left" for="roles">Subtítulo etiqueta</label>
                                <div class='col-sm-9'>
                                    {{ Form::text('SUBTITULO_ETIQUETA', NULL, ['id' => 'SUBTITULO_ETIQUETA', 'class' => 'form-control']) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class='form-group form-group-sm'>
                                <input type="hidden" name="id" value="" id="familia_editar_id">
                                <label class="control-label col-sm-3 text-align-left" for="roles">Subtítulo Creyol</label>
                                <div class='col-sm-9'>
                                    {{ Form::text('SUBTITULO_ETIQUETA_CREOLE', NULL, ['id' => 'SUBTITULO_ETIQUETA_CREOLE', 'class' => 'form-control']) }}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-3">
                            <div class='form-group form-group-sm'>
                                <div class='col-sm-3'>
                                    <label for="descripcion" class="control-label">Descripción</label>
                                </div>
                                <div class='col-sm-9'>
                                    {{ Form::textarea('DESCRIPCION_ETIQUETA', NULL, ['id' => 'DESCRIPCION_ETIQUETA', 'class' => 'form-control', 'rows' => 2]) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class='form-group form-group-sm'>
                                <label class="control-label col-sm-3 text-align-left" for="roles">Aplicaciones
                                    etiqueta</label>
                                <div class='col-sm-9'>
                                    {{ Form::textarea('APLICACIONES_ETIQUETA', NULL, ['id' => 'APLICACIONES_ETIQUETA', 'class' => 'form-control', 'rows' => 2]) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class='form-group form-group-sm'>
                                <div class='col-sm-3'>
                                    <label for="Modoempleo" class="control-label">Modo empleo</label>
                                </div>
                                <div class='col-sm-9'>
                                    {{  Form::textarea('MODOEMPLEO_ETIQUETA', NULL, ['id' => 'MODOEMPLEO_ETIQUETA', 'class' => 'form-control', 'rows' => 2]) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class='form-group form-group-sm'>
                                <div class='col-sm-3'>
                                    <label for="beneficios" class="control-label">Beneficios</label>
                                </div>
                                <div class='col-sm-9'>
                                    {{  Form::textarea('BENEFICIOS_ETIQUETA', NULL, ['id' => 'BENEFICIOS_ETIQUETA', 'class' => 'form-control', 'rows' => 2]) }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <h4 class="section-header"><b>Equipo de Protección Personal</b></h4>
                            <div class='form-group form-group-sm'>
                                <div class='col-sm-3'>
                                    {{ Form::checkbox('GUANTES_ETIQUETA', '1', false, ['id' => 'GUANTES_ETIQUETA', 'class' => 'form-check-input']) }}
                                    Guantes
                                </div>
                                <div class='col-sm-3'>
                                    {{ Form::checkbox('MASCARILLA_ETIQUETA', '1', false, ['id' => 'MASCARILLA_ETIQUETA', 'class' => 'form-check-input']) }}
                                    Mascarilla

                                </div>
                                <div class='col-sm-3'>
                                    {{ Form::checkbox('DELANTAL_ETIQUETA', '1', false, ['id' => 'DELANTAL_ETIQUETA', 'class' => 'form-check-input']) }}
                                    Delantal
                                </div>
                                <div class='col-sm-3'>
                                    {{ Form::checkbox('ANTIPARRA_ETIQUETA', '1', false, ['id' => 'ANTIPARRA_ETIQUETA', 'class' => 'form-check-input']) }}
                                    Antiparra
                                </div>
                                <div class='col-sm-3'>
                                    {{ Form::checkbox('CALZADO_SEGURIDAD', '1', false, ['id' => 'CALZADO_SEGURIDAD', 'class' => 'form-check-input']) }}
                                    Calzado seguridad
                                </div>
                                <div class='col-sm-3'>
                                    {{ Form::checkbox('CALZADO_ANTIESTATICO', '1', false, ['id' => 'CALZADO_ANTIESTATICO', 'class' => 'form-check-input']) }}
                                    Calzado antiestático
                                </div>
                                <div class='col-sm-3'>
                                    {{ Form::checkbox('MASCARA', '1', false, ['id' => 'MASCARA', 'class' => 'form-check-input']) }}
                                    Máscara
                                </div>
                                <div class='col-sm-3'>
                                    {{ Form::checkbox('PROTECTOR_CUERPO', '1', false, ['id' => 'PROTECTOR_CUERPO', 'class' => 'form-check-input']) }}
                                    Protector cuerpo
                                </div>
                                <div class='col-sm-3'>
                                    {{ Form::checkbox('PROTECTOR_PANTALLA', '1', false, ['id' => 'PROTECTOR_PANTALLA', 'class' => 'form-check-input']) }}
                                    Protector pantalla
                                </div>
                            </div>
                        </div>


                        <div class="col-md-6">
                            <h4 class="section-header"><b>Precausiones</b></h4>
                            <div class='form-group form-group-sm'>
                                <div class='col-sm-3'>
                                    {{ Form::checkbox('BIODEGRADABLE_ETIQUETA', '1', false, ['id' => 'BIODEGRADABLE_ETIQUETA', 'class' => 'form-check-input']) }}
                                    Biodegradable
                                </div>
                                <div class='col-sm-3'>
                                    {{ Form::checkbox('CORROSIVO_ETIQUETA', '1', false, ['id' => 'CORROSIVO_ETIQUETA', 'class' => 'form-check-input']) }}
                                    Corrosivo
                                </div>
                                <div class='col-sm-3'>
                                    {{ Form::checkbox('INFLAMABLE_ETIQUETA', '1', false, ['id' => 'INFLAMABLE_ETIQUETA', 'class' => 'form-check-input']) }}
                                    Inflamable
                                </div>
                                <div class='col-sm-3'>
                                    {{ Form::checkbox('TOXICO_ETIQUETA', '1', false, ['id' => 'TOXICO_ETIQUETA', 'class' => 'form-check-input']) }}
                                    Tóxico
                                </div>
                                <div class='col-sm-3'>
                                    {{ Form::checkbox('ATENCION', '1', false, ['id' => 'ATENCION', 'class' => 'form-check-input']) }}
                                    Atención
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-3">
                            <div class='form-group form-group-sm'>
                                <div class='col-sm-3'>
                                    <label for="izquierda" class="control-label">Izquierda</label>
                                </div>
                                <div class='col-sm-9'>
                                    {{ Form::text('IZQ_TRIANGULO_ETIQUETA', NULL, ['id' => 'IZQ_TRIANGULO_ETIQUETA', 'class' => 'form-control']) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class='form-group form-group-sm'>
                                <div class='col-sm-3'>
                                    <label for="arriba" class="control-label">Arriba</label>
                                </div>
                                <div class='col-sm-9'>
                                    {{ Form::text('ARRIBA_TRIANGULO_ETIQUETA', NULL, ['id' => 'ARRIBA_TRIANGULO_ETIQUETA', 'class' => 'form-control']) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class='form-group form-group-sm'>
                                <label class="control-label col-sm-3 text-align-left" for="derecha">Derecha</label>
                                <div class='col-sm-9'>
                                    {{ Form::text('DER_TRIANGULO_ETIQUETA', NULL, ['id' => 'DER_TRIANGULO_ETIQUETA', 'class' => 'form-control']) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class='form-group form-group-sm'>
                                <label class="control-label col-sm-3 text-align-left" for="derecha">Abajo</label>
                                <div class='col-sm-9'>
                                    {{ Form::text('ABAJO_TRIANGULO_ETIQUETA', NULL, ['id' => 'ABAJO_TRIANGULO_ETIQUETA', 'class' => 'form-control']) }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class='form-group form-group-sm'>
                                <div class='col-sm-3'>
                                    <label for="indicaciones">Indicaciones de Peligro</label>
                                </div>
                                <div class='col-sm-9'>
                                    {{  Form::textarea('INDICACIONES_PELIGROS', NULL, ['id' => 'INDICACIONES_PELIGROS', 'class' => 'form-control', 'rows' => 2]) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class='form-group form-group-sm'>
                                <div class='col-sm-3'>
                                    <label for="indicaciones">Palabras de advertencias</label>
                                </div>
                                <div class='col-sm-9'>
                                    {{ Form::text('PALABRAS_ADVERTENCIA', NULL, ['id' => 'PALABRAS_ADVERTENCIA', 'class' => 'form-control']) }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class='form-group form-group-sm'>
                                <div class='col-sm-3'>
                                    <label for="consejoprudencia">Consejo prudencia</label>
                                </div>
                                <div class='col-sm-9'>
                                    {{  Form::textarea('CONSEJO_PRUDENCIA', NULL, ['id' => 'CONSEJO_PRUDENCIA', 'class' => 'form-control', 'rows' => 2]) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class='form-group form-group-sm'>
                                <div class='col-sm-3'>
                                    <label for="consejoprudencia">Consejo prudencia Respuestas</label>
                                </div>
                                <div class='col-sm-9'>
                                    {{  Form::textarea('CONSEJO_PRUDENCIA_RESPUESTAS', NULL, ['id' => 'CONSEJO_PRUDENCIA_RESPUESTAS', 'class' => 'form-control', 'rows' => 2]) }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class='form-group form-group-sm'>
                                <div class='col-sm-3'>
                                    <label for="consejoprudencia">Consejo prudencia Almacenamiento</label>
                                </div>
                                <div class='col-sm-9'>
                                    {{  Form::textarea('CONSEJO_PRUDENCIA_ALMACENAMIENTO', NULL, ['id' => 'CONSEJO_PRUDENCIA_ALMACENAMIENTO', 'class' => 'form-control', 'rows' => 2]) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class='form-group form-group-sm'>
                                <div class='col-sm-3'>
                                    <label for="instrucciones">Registro ISP</label>
                                </div>
                                <div class='col-sm-9'>
                                    {{ Form::text('N_ISP', NULL, ['id' => 'N_ISP', 'class' => 'form-control']) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class='form-group form-group-sm'>
                                <div class='col-sm-3'>
                                    <label for="instrucciones">Registro SAG</label>
                                </div>
                                <div class='col-sm-9'>
                                    {{ Form::text('REGISTRO_SAG', NULL, ['id' => 'REGISTRO_SAG', 'class' => 'form-control']) }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br>

        <div class="row pull-right">
            <div class="col-sm-12">
                 <button type="button" id="Cancelar" class="btn btn-default">Cancelar</button>
                 <button type="submit" id="Grabar"   class="btn btn-primary">Grabar</button>
            </div>
        </div>
        </form>
    </div>
    <!-- end product -->
    </div>
@endsection