@extends('layout.backoffice')
@section('content')
    @if(empty($entidad["tab_info_extendido"]) && !isset($entidad["id_producto"]))
        @include('page.producto.modal_tipo_atributo')
    @endif
    <form id="producto" enctype="multipart/form-data">
        <input type="hidden" value="{{$entidad["id_producto"] ?? ''}}" name="entity" id="entity"/>
        <input type="hidden" value="{{$grupo_extendido ?? ''}}" name="grupo_ext"/>
        <div class="row">
            <div class="col-12 col-sm-12">
                <div class="card card-primary card-outline card-outline-tabs">
                    <div class="card-header p-0 border-bottom-0">
                        <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="pill" href="#tab-general" role="tab" aria-controls="custom-tabs-four-home" aria-selected="true">General</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="pill" href="#tab-categorias" role="tab" aria-controls="custom-tabs-four-messages" aria-selected="false">Categorias</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="pill" href="#tab-imagenes" role="tab" aria-controls="custom-tabs-four-settings" aria-selected="false">Imagenes</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="pill" href="#tab-info-extendida" role="tab" aria-controls="custom-tabs-four-settings" aria-selected="false">Info. Extendido</a>
                            </li>
                        </ul>
                    </div>
                    <div class="card-body">
                        <div class="tab-content">
                            <div class="tab-pane fade active show" id="tab-general" role="tabpanel" aria-labelledby="custom-tabs-four-home-tab">
                                <div class="row">
                                    @include('page.producto.tab.general')
                                </div>
                            </div>
                            <div class="tab-pane fade" id="tab-categorias" role="tabpanel" aria-labelledby="custom-tabs-four-messages-tab">
                                <div class="row">
                                    @include('page.producto.tab.categorias')
                                </div>
                            </div>
                            <div class="tab-pane fade" id="tab-imagenes" role="tabpanel" aria-labelledby="custom-tabs-four-settings-tab">
                                <div class="row">
                                    @include('page.producto.tab.imagenes')
                                </div>
                            </div>
                            <div class="tab-pane fade" id="tab-info-extendida" role="tabpanel" aria-labelledby="custom-tabs-four-settings-tab">
                                <div class="row">
                                    @include('page.producto.tab.extendido')
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                                                <button type="button" id="btn_guardar" class="btn btn-primary btn-sm btn-flat">Guardar</button>
                                            </div>
                </div>

            </div>
        </div>
    </form>
    <script src="{{ URL::asset('dist/js/hummingbird-treeview.min.js') }}"></script>
    <link rel="stylesheet" href="{{URL::asset('dist/css/hummingbird-treeview.css')}}">
    <script src="{{ URL::asset('dist/js/bootstrap-datepicker.js') }}"></script>
    <link rel="stylesheet" href="{{URL::asset('dist/css/datepicker.css')}}">
    <!-- include summernote css/js -->
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
    <script src="{{ URL::asset('dist/js/bs-custom-file-input.min.js') }}"></script>
    <style>
        .hummingbird-treeview .fa {
            font-size: 14px
        }

        .hummingbird-treeview, .hummingbird-treeview * {
            font-size: 18px
        }

        .hummingbird-treeview,
        .hummingbird-treeview label {
            font-weight: normal;
        }

        .hummingbird-treeview input[type=checkbox] {
            width: 14px;
            height: 14px;
            padding: 0px;
            margin: 0 15px 0;
        }

        .hummingbird-treeview ul:not(.hummingbird-base) {
            display: none;
        }

        .hummingbird-treeview .fa {
            font-style: normal;
            cursor: pointer;
        }

        .fa-vacio:before {
            content: " "
        }
    </style>
    <script>
        jQuery("#treeview").hummingbird();
        jQuery("#treeview").hummingbird("expandAll");

        jQuery(document).on('click', '#btn_actualizar', function () {
            if (system_validarcampos("producto")) {
                axios.put('producto', getDataJson("producto")).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Producto actualizado", '', 'success').then(function () {
                            location.reload();
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });

        jQuery(document).on('click', '#btn_guardar', function () {
            if (system_validarcampos("producto")) {
                axios.post('producto/crear', getDataJson("producto")).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Producto creado", '', 'success').then(function () {
                            window.location = UrlGlobal + 'producto/gestionar/' + resp.data.data.id;
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });

        jQuery(document).on('click', '#btn_eliminar', function () {
            Swal.fire({
                title: '¿Está seguro de eliminar el producto?',
                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('producto/' + jQuery("#entity").val(), getDataJson("producto")).then(function (resp) {
                        if (resp.data.error === 0) {
                            Swal.fire("Producto eliminado", '', 'success').then(function () {
                                window.location = UrlGlobal + 'producto/listar/';
                            });
                        } else {
                            notificarUsuario(resp.data.mensaje);
                        }
                    });
                }
            });
        });

        $(function () {
            bsCustomFileInput.init();
        });

        jQuery(document).ready(function () {
            jQuery('.system_editor').summernote({height: 300});
        });

        jQuery(".datetimepicker-input").datepicker({format: 'yyyy-mm-dd', autoclose: true, todayBtn: false, pickerPosition: "bottom-left"});
    </script>
@endsection