@extends('layouts.dashboard')

@section('dashboard')
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Carga inicial de inventario</strong></li>
    </ul>

    <h1 class="titulo-h1 mb-4">Carga inicial de inventario</h1>

    @if (session('error_actualizar') && is_array(session('error_actualizar')) && !empty(session('error_actualizar')))
        <div class="col-12">
            <div class="alert alert-warning mb-3" role="alert">
                <h6 class="mb-3">Los siguientes códigos no se procesaron porque no tienen un valor numérico en las
                    columnas
                    de ID o CANTIDAD A CARGAR (#N/A, #N/D, etc), favor de revisar:
                </h6>
                <ul>
                    @foreach (session('error_actualizar') as $c)
                        <li>{{ $c }}</li>
                    @endforeach
                </ul>
                <strong class="font-italic">Corregir detalles antes de procesar</strong>
            </div>
        </div>
    @endif
    @if (session('sin_proveedor'))
        <div class="alert alert-warning mb-3" role="alert">
            El archivo ingresado no cuenta con ningún código de proveedor
        </div>
    @endif
    @if (session('producto_no_existe') && is_array(session('producto_no_existe')) && !empty(session('producto_no_existe')))
        <div class="col-12">
            <div class="alert alert-warning mb-3" role="alert">
                <h6 class="mb-3">Los siguientes códigos no se encuentran registrados para ingresar al inventario, favor de
                    revisar:
                </h6>
                <ul>
                    @foreach (session('producto_no_existe') as $c)
                        <li>{{ $c }}</li>
                    @endforeach
                </ul>
                <strong class="font-italic">Corregir detalles antes de procesar</strong>
            </div>
        </div>
    @endif
    @if (session('sin_posicion'))
        <div class="col-12">
            <div class="alert alert-danger mb-3" role="alert">
                <h6 class="mb-3">Lo sentimos actualmente no hay una posición disponible para la bodega seleccionada
                </h6>

                <strong class="font-italic">Corregir detalles antes de procesar</strong>
            </div>
        </div>
    @endif

    <form method="post" class="form-registro" action="{{ route('subir-inventario') }}" enctype="multipart/form-data"
        onsubmit="return modalCargando()">
        {{ csrf_field() }}
        <div class="card">
            <div class="card-body">
                {{-- <div class="row align-items-center"> --}}
                <div class="card">
                    <div class="card-body row align-items-center">
                        <div class="col-2 mb-3">
                            <label class="mt-3 mb-2 mt-md-2 m-lg-0">Paso 1: Seleccionar Bodega</label>
                        </div>
                        <div class="col-10 mb-3">
                            <select class="form-control select2 " name="bodega" required="required"
                                onchange="updPosicionDestino(this.value)">
                                <option value="">Seleccione la bodega</option>
                                @foreach ($bodegas as $bodega)
                                    <option value="{{ $bodega->bodega_id }}">{{ $bodega->bodega_nombre }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-2 mb-3">
                            <label class="mt-3 mb-2 mt-md-2 m-lg-0">Paso 2: Seleccionar Proveedor</label>
                        </div>
                        <div class="col-6 mb-3">
                            <select class="form-control select2 " name="proveedor"
                                onchange="updPosicionDestino(this.value)">
                                <option value="">Seleccione el proveedor</option>
                                @foreach ($proveedores as $proveedor)
                                    <option value="{{ $proveedor->proveedor_id }}">{{ $proveedor->proveedor_nombre }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-4 mb-3">
                            <label class="mb-0"><input type="checkbox" class="align-middle" name="homologar-proveedor"
                                    value="si"> Homologar productos con proveedor</label>
                        </div>
                        <div class="col-2 mb-3">
                            <label class="mt-3 mb-2 mt-md-2 m-lg-0">Paso 3: Descargar</label>
                        </div>
                        <div class="col-10 mb-3">
                            <div class="row">
                                <div class="col-auto">
                                    <a href="{{ route('descargar-plantilla-inventario', ['tipo' => 'completa']) }}"
                                        class="btn btn-success btn-sm">Plantilla con productos</a>
                                </div>
                                <div class="col-auto">
                                    <a href="{{ route('descargar-plantilla-inventario', ['tipo' => 'vacia']) }}"
                                        class="btn btn-success btn-sm">Plantilla sin productos</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="row mt-4">

                    <div class="col-6 row align-items-center">
                        <div class="col-3 mb-3">
                            <label class="mt-3 mb-2 mt-md-2 m-lg-0">Fecha Emisión*</label>
                        </div>
                        <div class="col-9 mb-3">
                            <input type="date" class="form-control input-date" name="fecha-emision"></input>
                        </div>
                        <div class="col-3 mb-3">
                            <label class="mt-3 mb-2 mt-md-2 m-lg-0">Archivo*</label>
                        </div>
                        <div class="col-9 mb-3">
                            <div class="custom-file">
                                <input type="file" class="custom-file-input" id="archivo" name="archivo" accept=".csv"
                                    required="">
                                <label class="custom-file-label" for="archivo">Cargar archivo .csv</label>
                            </div>
                        </div>
                    </div>

                    <div class="col-6 row align-items-center">
                        <div class="col-3 mb-3">
                            <label class="mt-3 mb-2 mt-md-2 m-lg-0">N° documento</label>
                        </div>
                        <div class="col-9 mb-3">
                            <input type="number" name="numero-documento" value="{{ $numero_documento }}" readonly
                                class="form-control">
                        </div>
                        <div class="col-3 mb-3">
                            <label class="mt-3 mb-2 mt-md-2 m-lg-0">Observación</label>
                        </div>
                        <div class="col-9 mb-3">
                            <textarea name="observacion" class="form-control" rows="2"></textarea>
                        </div>
                    </div>

                    <div class="col-12 text-right">
                        <button type="submit" name="button" class="btn btn-primary btn-sm blq-btn">Guardar</button>
                    </div>
                </div>

                {{-- </div> --}}
            </div>
        </div>
    </form>

    @if (session('productos_procesar') && is_array(session('productos_procesar')) && !empty(session('productos_procesar')))
        <div class="card mt-4">
            <div class="card-body">
                <form method="post" action="{{ route('procesar-inventario') }}" id="procesar-inventario"
                    onsubmit="return modalCargando()">
                    {{ csrf_field() }}
                    <table class="table table-hover text-center">
                        <thead>
                            <tr>
                                <th>SKU</th>
                                <th>Código Proveedor</th>
                                <th>Código de Barra</th>
                                <th>Producto</th>
                                <th>Bodega</th>
                                <th>Posición</th>
                                <th>Cantidad Anterior</th>
                                <th>Cantidad Ingresada</th>
                                <th>
                                    <label class="px-2 mb-0 cursor-pointer"><span
                                            class="align-text-bottom">Resetear</span> <input type="checkbox"
                                            class="input-check-tipo" id="check-resetear"
                                            onchange="checkSumarResetear(this.id, 'input-check-resetear', 'Resetear')"></label>
                                    /
                                    <label class="px-2 mb-0 cursor-pointer"><span class="align-text-bottom">Sumar</span>
                                        <input type="checkbox" class="input-check-tipo" id="check-sumar"
                                            onchange="checkSumarResetear(this.id, 'input-check-sumar', 'Sumar')"></label>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach (session('productos_procesar') as $pp)