@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center" style="min-height: 50vh;">
            <div class="col-md-5">
                <div class="text-center" id="inicio-container">
                    <h1 class="my-3">Sistema de Stock</h1>
                    <img src="{{ asset('img/logo.png') }}" alt="Logo de Sistema de Stock" style="max-width: 200px;">
                </div>


                <div class="d-flex justify-content-between mt-4">
                    <div class="form-group" style="margin-right: 10px;">
                        <label class="bold-label">Administración de tablas maestras</label>
                        <label for="linkSelect1">Seleccione una tabla:</label>

                        <select class="form-select" id="linkSelect1">
                            <option selected disabled selected>Opciones</option>
                            <option value="{{ route('articulos.index') }}">Control articulos</option>
                            <option value="{{ route('marcas.index') }}">Control marcas</option>
                            <option value="{{ route('prefijos.index') }}">Control prefijos</option>
                            <option value="{{ route('tipoOpciones.index') }}">Control opciones de movimientos</option>
                            <option value="{{ route('rubros.index') }}">Control rubros</option>
                            <option value="{{ route('subrubros.index') }}">Control subRubros</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label class="bold-label">Consultas</label>
                        <label for="linkSelect2">Seleccione una consulta:</label>

                        <select class="form-select" id="linkSelect2">
                            <option selected disabled selected>Opciones</option>
                            <option value="{{ route('stocks.lista') }}">Control stock</option>
                            <option value="{{ route('articulosTrazables.index') }}">Control individual de artículos trazables</option>
                            <option value="{{ route('trazabilidades.index') }}">Seguimiento de artículos trazables</option>
                        </select>
                     </div>
                    </div>
                         <div class="text-center mt-5">
                             <a class="btn btn-custom" href="{{ route('movimientos.index') }}" ><i class="fas fa-plus-circle"></i> Carga de movimientos</a>
                         </div>
                     </div>
                </div>
             </div>
         </div>
    </div>
</div>
@endsection

@section('scripts')
    <script>
        // Cambiar el evento de cambio para el primer select
        document.getElementById('linkSelect1').addEventListener('change', function() {
            var selectedValue = this.value;
            if (selectedValue) {
                window.location.href = selectedValue;
            }
        });

        // Cambiar el evento de cambio para el segundo select
        document.getElementById('linkSelect2').addEventListener('change', function() {
            var selectedValue = this.value;
            if (selectedValue) {
                window.location.href = selectedValue;
            }
        });
    </script>
@endsection