@extends('layout.backoffice')
@section('content')

<div class="row">
    <div class="col-lg-4">
        <div class="card card-primary card-outline">
            <div class="card-header">
                <form action="" id="formCSV">
                    @csrf
                    <input type="file" id="csv" name="csv" class="form-control-border border-width-2 system_validador_vacio">
                </form>
                <br>
                <button type="button" id="btn-subir" class="btn btn-primary btn-lg btn-sm btn-flat">Subir</button>
                <br><br>

                <a href="{{ url('formatosImportacion/codigosInventario.csv') }}">Descargar plantilla CSV</a>
                <br>
                <div id="txtError">

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

    <div class="col-lg-8">
        <div class="card card-primary card-outline">
            <div class="card-header">
                <div class="row">
                    <div class="col-md-8">
                        <h3 class="card-title">Equivalencia codigos de inventario</h3>
                    </div>
                </div>
            </div>

            <div class="card-body table-responsive">
                <div class="row">
                    <div class="col-12">
                        <table class="table table-hover text-nowrap py-4" id="tabla">
                            <thead>
                                <tr>
                                    <th>Codigo Interno</th>
                                    <th>Codigo Proveedor</th>
                                    <th>Proveedor</th>
                                    <th>Registro</th>
                                    <th>Usuario Registro</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (isset($data))
                                @foreach ($data as $codigo)
                                <tr>
                                    <td>{{ $codigo["codigo_interno"] ?? '' }}</td>
                                    <td>{{ $codigo["codigo_proveedor"] ?? '' }}</td>
                                    <td>{{ $codigo["proveedor"] ?? '' }}</td>
                                    <td>{{ $codigo["registro"] ?? '' }}</td>
                                    <td>{{ $codigo["usuario_registro"] ?? '' }}</td>
                                </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<script>
    jQuery('#btn-subir').on('click', function() {
        let idform = document.getElementById("formCSV");
        const formulario = new FormData(idform);
        if (system_validarcampos("formCSV")) {
            axios.post('administrar/codigos', formulario).then(function(resp) {
                if (resp.data.error === 0) {
                    Swal.fire("Datos guardados con exito", '',
                        'success').then(function() {
                        window.location.reload();
                    });
                } else {
                    if (resp.data.mensaje.length == 0) {
                        notificarUsuario(["Tabla vacia"]);
                    }
                    var datosError = resp.data.mensaje.map(function(datos) {
                        return '<li>' + datos
                    })
                    document.getElementById("txtError").innerHTML = datosError;
                }
            });
        }
    });

    jQuery(document).ready(function() {
        dataTable(jQuery('#tabla'))
    });
</script>
@endsection