@extends('layout.backoffice')
@section('content')
    <a href="{{ url('backoffice/producto/grupo_atributos_listar/') }}">
        <button type="button" class="btn btn-secondary btn-sm mb-3">
            <i class="bx bx-arrow-back me-1"></i> Volver Atras
        </button>
    </a>
    <div class="row">
        <div class="col-12 col-lg-4 mb-4">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <div class="d-flex align-items-center">
                        <h3 class="card-title mb-0">Grupo</h3>
                    </div>
                </div>
                <form id="grupo">
                    <div class="card-body">
                        <div class="row">
                            <input type="hidden" value="{{ $entidad['id_prod_grupo'] ?? '' }}" name="entity"/>
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label for="nombre" class="form-label">Nombre</label>
                                    <input value="{{ $entidad['nombre'] ?? '' }}" {{ isset($entidad['nombre']) ? 'readonly' : '' }} name="nombre" type="text" class="form-control system_validador_vacio" id="nombre"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="card-footer">
                    @if (!isset($entidad['id_prod_grupo']))
                        <button type="button" id="btn-guardar" class="btn btn-primary btn-sm">
                            <i class="bx bx-save me-1"></i> Guardar
                        </button>
                    @endif
                </div>
            </div>
        </div>
            </div>
    @include('page.producto_grupo.modal-gestionar-atributo')
    <script>
        jQuery(document).on('click', '#btn-guardar', function () {
            if (system_validarcampos("grupo")) {
                axios.post('productos/grupo/crear', getDataJson("grupo")).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Grupo creado", '', 'success').then(function () {
                            window.location.href = UrlGlobal + "producto/grupo_atributos_listar"
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });

        jQuery(document).on('click', '#btn_crear_atributo', function () {
            if (system_validarcampos("info_atributo")) {
                axios.post('productos/grupo/atributo', getDataJson("info_atributo")).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Atributo creado", '', 'success').then(function () {
                            location.reload();
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });

        jQuery(document).on('click', '.btn_editar', function () {
            cargarAtributo(jQuery(this).data("id"));
        });

        function cargarAtributo(idAtributo) {
            axios.get('productos/grupo/atributo/' + idAtributo).then(function (resp) {
                if (resp.data.error === 0) {
                    jQuery("#entity").val(resp.data.data.id_atributo);
                    jQuery("#atributo_id").val(resp.data.data.id_atributo);
                    jQuery("#codigo").attr('readonly', true);
                    jQuery("#codigo").val(resp.data.data.cod_atrib);
                    jQuery("#atributo_nombre").val(resp.data.data.etiqueta);
                    jQuery("#obligatorio").val(resp.data.data.obligatorio).change();
                    jQuery("#tipo_dato").val(resp.data.data.tipo_dato).change();
                    jQuery("#tipo_dato").prop('disabled', true);
                    jQuery("#tipo_entrada").val(resp.data.data.tipo_entrada).change();
                    jQuery("#generar_filtro").val(resp.data.data.generar_filtro).change();
                    jQuery("#atributo_orden").val(resp.data.data.orden);
                    jQuery('#modal-default').modal('show');
                    jQuery('#btn_crear_atributo').addClass("d-none");
                    jQuery('#btn_actualizar_atributo').removeClass("d-none");

                    if (resp.data.data.opciones != undefined) {

                        jQuery('#opciones_lista').html("");

                        for (i = 0; i < resp.data.data.opciones.length; i++) {
                            jQuery('#opciones_lista').append('<tr><td><button data-id="' + resp.data.data.opciones[i].id_opcion + '" type="button" class="btn btn_atributo_opcion_eliminar badge btn-outline-danger btn-block btn-sm btn-flat"><i class="fa fa-eraser"></i></button></td><td>' + resp.data.data.opciones[i].opcion + '</td></tr>');
                        }

                        jQuery('#atributo_opciones').removeClass("d-none");
                        jQuery('#atributo_opciones_crear').removeClass("d-none");
                    } else {
                        jQuery('#atributo_opciones').addClass("d-none");
                        jQuery('#atributo_opciones_crear').addClass("d-none");
                    }

                } else {
                    notificarUsuario(resp.data.mensaje);
                }
            });
        }

        jQuery(document).on('click', '#btn_actualizar_atributo', function () {
            if (system_validarcampos("info_atributo")) {
                axios.put('productos/grupo/atributo/', getDataJson("info_atributo")).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Atributo actualizado", '', 'success').then(function () {
                            location.reload();
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });

        jQuery(document).on('click', '#btn_crear_opcion', function () {
            if (system_validarcampos("atributo_opciones_crear")) {
                axios.post('productos/grupo/atributo/crear-opcion', getDataJson("atributo_opciones_crear :input")).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Opción agregada", '', 'success').then(function () {
                            cargarAtributo(jQuery("#entity").val());
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });

        jQuery(document).on('click', '.btn_atributo_opcion_eliminar', function () {
            Swal.fire({
                title: '¿Está seguro de eliminar esta opción?',
                text: "Esta acción no se puede revertir.",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Si',
                cancelButtonText: 'No'
            }).then((result) => {
                if (result.value) {
                    Swal.showLoading(Swal.getDenyButton());
                    axios.delete('productos/grupo/atributo/eliminar-opcion/' + jQuery(this).data("id")).then(function (resp) {
                        if (resp.data.error === 0) {
                            Swal.fire("Atributo eliminado", '', 'success').then(function () {
                                cargarAtributo(jQuery("#entity").val());
                            });
                        } else {
                            notificarUsuario(resp.data.mensaje);
                        }
                    });
                }
            });
        });

        jQuery(document).on('click', '#modal_crear_atributo', function () {
            limpiarCampos("info_atributo");
            jQuery("#codigo").attr('readonly', false);
            jQuery("#tipo_dato").prop('disabled', false);
            jQuery('#modal-default').modal('show');
            jQuery('#btn_crear_atributo').removeClass("d-none");
            jQuery('#btn_actualizar_atributo').addClass("d-none");
        });
    </script>
@endsection