@extends('layout.backoffice')
@section('content')
    @php
        /**
        * @var $svcProducto App\Service\Producto\SvcProducto
        * @var $aplicarSkuPermitidos int
        * @var $listado array
        */
    @endphp
    <div class="row">
        <div class="col-6">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Lista SKU permitidos para seguimiento</h3>
                </div>
                <div class="card-body">
                    <form id="formskupermitidos">
                        <div class="row">
                            <div class="input-group col-md-3">
                                <select class="form-control system_validador_vacio" name="aplicar" id="">
                                    <option value=""></option>
                                    <option @selected($aplicarSkuPermitidos == 0) value="0">No aplicar Regla</option>
                                    <option @selected($aplicarSkuPermitidos == 1) value="1">Aplicar Regla</option>
                                </select>
                            </div>
                            <div class="input-group col-md-9">
                                <div class="custom-file text-md">
                                    <input type="file" class="custom-file-input {{empty($listado) ? "system_validador_vacio" : "" }}" name="archivosku">
                                    <label class="custom-file-label">Seleccionar archivo</label>
                                </div>
                                <div class="input-group-append ml-2">
                                    <a href="{{ asset('uploads/sku-permitidos-ejemplo.xlsx') }}">
                                        <button type="button" style="height: fit-content" class="input-group-text" id="descargarArchivo">Descargar archivo ejemplo</button>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col">
                                <button type="button" id="btn-guardar" class="btn btn-primary">Guardar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-6">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Logs</h3>
                </div>
                <div id="logs" class="card-body">

                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Lista de SKU permitidos para seguimiento</h3>
                </div>
                <div class="card-body">
                    <table id="skus-permitidos" class="table table-bordered table-striped">
                        <thead>
                        <tr>
                            <th>Código</th>
                            <th>Porducto</th>
                            {{--                            <th>Nombre</th>--}}
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($listado as $item)
                            @php
                                $producto = $svcProducto->getById($item['id_producto']);
                            @endphp
                            <tr>
                                <td>{{ $producto['codigo'] }}</td>
                                <td>
                                    @if(!empty($producto))
                                        <a href="{{url('backoffice/productos/detallado/'.$producto['id_producto'])}}">
                                            <button class="btn btn-sm btn-flat btn-success">Ir al Producto</button>
                                        </a>
                                    @else
                                        <a href="#">
                                            <button class="btn btn-sm btn-flat btn-danger">No existe</button>
                                        </a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        </tbody>

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

    <script>
        $(document).ready(function () {
            renderizarTabla('skus-permitidos');

            jQuery('#btn-guardar').click(async function (e) {
                if (system_validarcampos('formskupermitidos')) {
                    const formulario = document.getElementById('formskupermitidos');
                    const formData = new FormData(formulario);
                    axios.post('sitio-web/reg-sku-permitido-rastreo', formData).then(async function (response) {
                        if (response.data.error) {
                            await NotificarUsuario(response.data.mensaje, 'error');
                            return
                        }

                        if(response.data.data?.logs){
                            prepararLogs(response.data.data.logs, "sku", "logs");
                        }

                        await NotificarUsuario("Guardado exitosamente", 'success');
                    }).catch(async function (error) {
                        await NotificarUsuario('Error al guardar los datos', 'error');
                    });
                }
            });
        });
    </script>

@endsection