@extends('../layouts/partials/header')

@section('content')

    <style>
        table {
            width: 100%; /* Ocupa el 100% del ancho del contenedor */
            border-collapse: collapse; /* Opcional: para eliminar el espacio entre bordes de celdas */
        }
        .img-custom-size {
            width: 444px;
            height: 300px;
            border: 3px solid black; border-radius: 15px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        }
        .table td {
            text-align: left;
        }

    </style>

    <div class="container mt-3">
        <br>
        <div class="card text-center">
            <div class="card-header">
                <!-- Nav Tabs -->
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <a class="nav-link {{ old('active_tab',session('active_tab', 'tab2')) == 'tab2' ? 'active' : '' }}" id="tab2-tab" data-bs-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="true">Nuevo Registro</a>
                    </li>

                </ul>
            </div>

            <div class="card-header">
                <div class="tab-content" id="myTabContent">

                    <div class="tab-pane fade {{ old('active_tab',session('active_tab', 'tab2')) == 'tab2' ? 'show active' : '' }}" id="tab2" role="tabpanel" aria-labelledby="tab2-tab">
                        <div class="container">
                            <div class="row">

                            </div>
                            <div class="row">
                                <div class="text-center">
                                    <strong>MONTACARGAS CHECKLIST</strong><br><br>
                                </div>
                            </div>
                            <div class="row">
                                Los campos marcados con (*) son mandatorios.
                            </div>


                            <form action="{{route('montacheck.store')}}" method="POST" id="formCaptura" >
                                @csrf

                                <br>
                                <div class="row">
                                    @if(session('success'))
                                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                                        <strong>OK! :</strong>{{ session('success') }}
                                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                    </div>
                                    @endif

                                    {{--
                                    @error('residencia')
                                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                        <strong>Error! :</strong> {{ $message }}
                                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                    </div>
                                    @enderror --}}

                                    @if ( $errors->any() )
                                        <div class="alert alert-danger">
                                            <ul>
                                                @foreach ( $errors->all() as $error )
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif


                                </div>

                                <div class="row">
                                    <div class="col-md-2 text-start">
                                        <div class="form-group">
                                            <label for="equipo" style="all: unset;"><strong>*Equipo:</strong></label>
                                            <input type="text" id="equipo" name="equipo" value="{{ old('equipo') }}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-3 text-start">
                                        <div class="form-group">
                                            <label for="operador" style="all: unset;"><strong>*Operador:</strong></label>
                                            <input type="text" id="operador" name="operador" value="{{ old('operador') }}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <div class="form-group">
                                            <label for="fecha" style="all: unset;"><strong>Fecha:</strong></label>
                                            <input type="date" id="fecha" name="fecha" value="{{ old('fecha') }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">
                                        <strong>Aceite de Motor:</strong>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <select id="aceite_motor" name="aceite_motor" class="form-control">
                                            <option value="" {{ old('aceite_motor') == '' ? 'selected' : '' }}>-</option>
                                            <option value="EXCELENTE" {{ old('aceite_motor') == 'EXCELENTE' ? 'selected' : '' }}>EXCELENTE</option>
                                            <option value="MUY BIEN" {{ old('aceite_motor') == 'MUY BIEN' ? 'selected' : '' }}>MUY BIEN</option>
                                            <option value="BIEN" {{ old('aceite_motor') == 'BIEN' ? 'selected' : '' }}>BIEN</option>
                                            <option value="MAL" {{ old('aceite_motor') == 'MAL' ? 'selected' : '' }}>MAL</option>
                                            <option value="SI" {{ old('aceite_motor') == 'SI' ? 'selected' : '' }}>SI</option>
                                            <option value="NO" {{ old('aceite_motor') == 'NO' ? 'selected' : '' }}>NO</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 text-start">
                                        <input type="text" id="aceite_motor_nota" name="aceite_motor_nota" value="{{old('aceite_motor_nota')}}" class="form-control">
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-2 text-right">
                                        <strong>Aceite de Transmisión:</strong>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <select id="aceite_transmision" name="aceite_transmision" class="form-control">
                                            <option value="" {{ old('aceite_transmision') == '' ? 'selected' : '' }}>-</option>
                                            <option value="EXCELENTE" {{ old('aceite_transmision') == 'EXCELENTE' ? 'selected' : '' }}>EXCELENTE</option>
                                            <option value="MUY BIEN" {{ old('aceite_transmision') == 'MUY BIEN' ? 'selected' : '' }}>MUY BIEN</option>
                                            <option value="BIEN" {{ old('aceite_transmision') == 'BIEN' ? 'selected' : '' }}>BIEN</option>
                                            <option value="MAL" {{ old('aceite_transmision') == 'MAL' ? 'selected' : '' }}>MAL</option>
                                            <option value="SI" {{ old('aceite_transmision') == 'SI' ? 'selected' : '' }}>SI</option>
                                            <option value="NO" {{ old('aceite_transmision') == 'NO' ? 'selected' : '' }}>NO</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 text-start">
                                        <input type="text" id="aceite_transmision_nota" name="aceite_transmision_nota" value="{{old('aceite_transmision_nota')}}" class="form-control">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">
                                        <strong>Aceite de Hidráulico:</strong>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <select id="aceite_hidraulico" name="aceite_hidraulico" class="form-control">
                                            <option value="" {{ old('aceite_hidraulico') == '' ? 'selected' : '' }}>-</option>
                                            <option value="EXCELENTE" {{ old('aceite_hidraulico') == 'EXCELENTE' ? 'selected' : '' }}>EXCELENTE</option>
                                            <option value="MUY BIEN" {{ old('aceite_hidraulico') == 'MUY BIEN' ? 'selected' : '' }}>MUY BIEN</option>
                                            <option value="BIEN" {{ old('aceite_hidraulico') == 'BIEN' ? 'selected' : '' }}>BIEN</option>
                                            <option value="MAL" {{ old('aceite_hidraulico') == 'MAL' ? 'selected' : '' }}>MAL</option>
                                            <option value="SI" {{ old('aceite_hidraulico') == 'SI' ? 'selected' : '' }}>SI</option>
                                            <option value="NO" {{ old('aceite_hidraulico') == 'NO' ? 'selected' : '' }}>NO</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 text-start">
                                        <input type="text" id="aceite_hidraulico_nota" name="aceite_hidraulico_nota" value="{{old('aceite_hidraulico_nota')}}" class="form-control">
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">
                                        <strong>Refrigerante:</strong>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <select id="refrigerante" name="refrigerante" class="form-control">
                                            <option value="" {{ old('refrigerante') == '' ? 'selected' : '' }}>-</option>
                                            <option value="EXCELENTE" {{ old('refrigerante') == 'EXCELENTE' ? 'selected' : '' }}>EXCELENTE</option>
                                            <option value="MUY BIEN" {{ old('refrigerante') == 'MUY BIEN' ? 'selected' : '' }}>MUY BIEN</option>
                                            <option value="BIEN" {{ old('refrigerante') == 'BIEN' ? 'selected' : '' }}>BIEN</option>
                                            <option value="MAL" {{ old('refrigerante') == 'MAL' ? 'selected' : '' }}>MAL</option>
                                            <option value="SI" {{ old('refrigerante') == 'SI' ? 'selected' : '' }}>SI</option>
                                            <option value="NO" {{ old('refrigerante') == 'NO' ? 'selected' : '' }}>NO</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 text-start">
                                        <input type="text" id="refrigerante_nota" name="refrigerante_nota" value="{{old('refrigerante_nota')}}" class="form-control">
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">
                                        <strong>Codición del Radiador:</strong>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <select id="cond_radiador" name="cond_radiador" class="form-control">
                                            <option value="" {{ old('cond_radiador') == '' ? 'selected' : '' }}>-</option>
                                            <option value="EXCELENTE" {{ old('cond_radiador') == 'EXCELENTE' ? 'selected' : '' }}>EXCELENTE</option>
                                            <option value="MUY BIEN" {{ old('cond_radiador') == 'MUY BIEN' ? 'selected' : '' }}>MUY BIEN</option>
                                            <option value="BIEN" {{ old('cond_radiador') == 'BIEN' ? 'selected' : '' }}>BIEN</option>
                                            <option value="MAL" {{ old('cond_radiador') == 'MAL' ? 'selected' : '' }}>MAL</option>
                                            <option value="SI" {{ old('cond_radiador') == 'SI' ? 'selected' : '' }}>SI</option>
                                            <option value="NO" {{ old('cond_radiador') == 'NO' ? 'selected' : '' }}>NO</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 text-start">
                                        <input type="text" id="cond_radiador_nota" name="cond_radiador_nota" value="{{old('cond_radiador_nota')}}" class="form-control">
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">
                                        <strong>Codición Neumáticos:</strong>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <select id="cond_neumaticos" name="cond_neumaticos" class="form-control">
                                            <option value="" {{ old('cond_neumaticos') == '' ? 'selected' : '' }}>-</option>
                                            <option value="EXCELENTE" {{ old('cond_neumaticos') == 'EXCELENTE' ? 'selected' : '' }}>EXCELENTE</option>
                                            <option value="MUY BIEN" {{ old('cond_neumaticos') == 'MUY BIEN' ? 'selected' : '' }}>MUY BIEN</option>
                                            <option value="BIEN" {{ old('cond_neumaticos') == 'BIEN' ? 'selected' : '' }}>BIEN</option>
                                            <option value="MAL" {{ old('cond_neumaticos') == 'MAL' ? 'selected' : '' }}>MAL</option>
                                            <option value="SI" {{ old('cond_neumaticos') == 'SI' ? 'selected' : '' }}>SI</option>
                                            <option value="NO" {{ old('cond_neumaticos') == 'NO' ? 'selected' : '' }}>NO</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 text-start">
                                        <input type="text" id="cond_neumaticos_nota" name="cond_neumaticos_nota" value="{{old('cond_neumaticos_nota')}}" class="form-control">
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">
                                        <strong>Codición de Luces:</strong>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <select id="cond_luces" name="cond_luces" class="form-control">
                                            <option value="" {{ old('cond_luces') == '' ? 'selected' : '' }}>-</option>
                                            <option value="EXCELENTE" {{ old('cond_luces') == 'EXCELENTE' ? 'selected' : '' }}>EXCELENTE</option>
                                            <option value="MUY BIEN" {{ old('cond_luces') == 'MUY BIEN' ? 'selected' : '' }}>MUY BIEN</option>
                                            <option value="BIEN" {{ old('cond_luces') == 'BIEN' ? 'selected' : '' }}>BIEN</option>
                                            <option value="MAL" {{ old('cond_luces') == 'MAL' ? 'selected' : '' }}>MAL</option>
                                            <option value="SI" {{ old('cond_luces') == 'SI' ? 'selected' : '' }}>SI</option>
                                            <option value="NO" {{ old('cond_luces') == 'NO' ? 'selected' : '' }}>NO</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 text-start">
                                        <input type="text" id="cond_luces_nota" name="cond_luces_nota" value="{{old('cond_luces_nota')}}" class="form-control">
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">
                                        <strong>Codición de Mangueras Hid.:</strong>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <select id="cond_mangueras" name="cond_mangueras" class="form-control">
                                            <option value="" {{ old('cond_mangueras') == '' ? 'selected' : '' }}>-</option>
                                            <option value="EXCELENTE" {{ old('cond_mangueras') == 'EXCELENTE' ? 'selected' : '' }}>EXCELENTE</option>
                                            <option value="MUY BIEN" {{ old('cond_mangueras') == 'MUY BIEN' ? 'selected' : '' }}>MUY BIEN</option>
                                            <option value="BIEN" {{ old('cond_mangueras') == 'BIEN' ? 'selected' : '' }}>BIEN</option>
                                            <option value="MAL" {{ old('cond_mangueras') == 'MAL' ? 'selected' : '' }}>MAL</option>
                                            <option value="SI" {{ old('cond_mangueras') == 'SI' ? 'selected' : '' }}>SI</option>
                                            <option value="NO" {{ old('cond_mangueras') == 'NO' ? 'selected' : '' }}>NO</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 text-start">
                                        <input type="text" id="cond_mangueras_nota" name="cond_mangueras_nota" value="{{old('cond_mangueras_nota')}}" class="form-control">
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">
                                        <strong>Codición de Mastil:</strong>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <select id="cond_mastil" name="cond_mastil" class="form-control">
                                            <option value="" {{ old('cond_mastil') == '' ? 'selected' : '' }}>-</option>
                                            <option value="EXCELENTE" {{ old('cond_mastil') == 'EXCELENTE' ? 'selected' : '' }}>EXCELENTE</option>
                                            <option value="MUY BIEN" {{ old('cond_mastil') == 'MUY BIEN' ? 'selected' : '' }}>MUY BIEN</option>
                                            <option value="BIEN" {{ old('cond_mastil') == 'BIEN' ? 'selected' : '' }}>BIEN</option>
                                            <option value="MAL" {{ old('cond_mastil') == 'MAL' ? 'selected' : '' }}>MAL</option>
                                            <option value="SI" {{ old('cond_mastil') == 'SI' ? 'selected' : '' }}>SI</option>
                                            <option value="NO" {{ old('cond_mastil') == 'NO' ? 'selected' : '' }}>NO</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 text-start">
                                        <input type="text" id="cond_mastil_nota" name="cond_mastil_nota" value="{{old('cond_mastil_nota')}}" class="form-control">
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">
                                        <strong>Fuga de aceite de motor:</strong>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <select id="fuga_aceite_motor" name="fuga_aceite_motor" class="form-control">
                                            <option value="" {{ old('fuga_aceite_motor') == '' ? 'selected' : '' }}>-</option>
                                            <option value="EXCELENTE" {{ old('fuga_aceite_motor') == 'EXCELENTE' ? 'selected' : '' }}>EXCELENTE</option>
                                            <option value="MUY BIEN" {{ old('fuga_aceite_motor') == 'MUY BIEN' ? 'selected' : '' }}>MUY BIEN</option>
                                            <option value="BIEN" {{ old('fuga_aceite_motor') == 'BIEN' ? 'selected' : '' }}>BIEN</option>
                                            <option value="MAL" {{ old('fuga_aceite_motor') == 'MAL' ? 'selected' : '' }}>MAL</option>
                                            <option value="SI" {{ old('fuga_aceite_motor') == 'SI' ? 'selected' : '' }}>SI</option>
                                            <option value="NO" {{ old('fuga_aceite_motor') == 'NO' ? 'selected' : '' }}>NO</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 text-start">
                                        <input type="text" id="fuga_aceite_motor_nota" name="fuga_aceite_motor_nota" value="{{old('fuga_aceite_motor_nota')}}" class="form-control">
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">
                                        <strong>Fuga de aceite de Transmisión:</strong>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <select id="fuga_aceite_transmision" name="fuga_aceite_transmision" class="form-control">
                                            <option value="" {{ old('fuga_aceite_transmision') == '' ? 'selected' : '' }}>-</option>
                                            <option value="EXCELENTE" {{ old('fuga_aceite_transmision') == 'EXCELENTE' ? 'selected' : '' }}>EXCELENTE</option>
                                            <option value="MUY BIEN" {{ old('fuga_aceite_transmision') == 'MUY BIEN' ? 'selected' : '' }}>MUY BIEN</option>
                                            <option value="BIEN" {{ old('fuga_aceite_transmision') == 'BIEN' ? 'selected' : '' }}>BIEN</option>
                                            <option value="MAL" {{ old('fuga_aceite_transmision') == 'MAL' ? 'selected' : '' }}>MAL</option>
                                            <option value="SI" {{ old('fuga_aceite_transmision') == 'SI' ? 'selected' : '' }}>SI</option>
                                            <option value="NO" {{ old('fuga_aceite_transmision') == 'NO' ? 'selected' : '' }}>NO</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 text-start">
                                        <input type="text" id="fuga_aceite_transmision_nota" name="fuga_aceite_transmision_nota" value="{{old('fuga_aceite_transmision_nota')}}" class="form-control">
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">
                                        <strong>Fuga de aceite de Aire:</strong>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <select id="fuga_aire" name="fuga_aire" class="form-control">
                                            <option value="" {{ old('fuga_aire') == '' ? 'selected' : '' }}>-</option>
                                            <option value="EXCELENTE" {{ old('fuga_aire') == 'EXCELENTE' ? 'selected' : '' }}>EXCELENTE</option>
                                            <option value="MUY BIEN" {{ old('fuga_aire') == 'MUY BIEN' ? 'selected' : '' }}>MUY BIEN</option>
                                            <option value="BIEN" {{ old('fuga_aire') == 'BIEN' ? 'selected' : '' }}>BIEN</option>
                                            <option value="MAL" {{ old('fuga_aire') == 'MAL' ? 'selected' : '' }}>MAL</option>
                                            <option value="SI" {{ old('fuga_aire') == 'SI' ? 'selected' : '' }}>SI</option>
                                            <option value="NO" {{ old('fuga_aire') == 'NO' ? 'selected' : '' }}>NO</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 text-start">
                                        <input type="text" id="fuga_aire_nota" name="fuga_aire_nota" value="{{old('fuga_aire_nota')}}" class="form-control">
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">
                                        <strong>Fuga de Refrigerante:</strong>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <select id="fuga_refrigerante" name="fuga_refrigerante" class="form-control">
                                            <option value="" {{ old('fuga_refrigerante') == '' ? 'selected' : '' }}>-</option>
                                            <option value="EXCELENTE" {{ old('fuga_refrigerante') == 'EXCELENTE' ? 'selected' : '' }}>EXCELENTE</option>
                                            <option value="MUY BIEN" {{ old('fuga_refrigerante') == 'MUY BIEN' ? 'selected' : '' }}>MUY BIEN</option>
                                            <option value="BIEN" {{ old('fuga_refrigerante') == 'BIEN' ? 'selected' : '' }}>BIEN</option>
                                            <option value="MAL" {{ old('fuga_refrigerante') == 'MAL' ? 'selected' : '' }}>MAL</option>
                                            <option value="SI" {{ old('fuga_refrigerante') == 'SI' ? 'selected' : '' }}>SI</option>
                                            <option value="NO" {{ old('fuga_refrigerante') == 'NO' ? 'selected' : '' }}>NO</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 text-start">
                                        <input type="text" id="fuga_refrigerante_nota" name="fuga_refrigerante_nota" value="{{old('fuga_refrigerante_nota')}}" class="form-control">
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">
                                        <strong>Limpieza de unidad:</strong>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <select id="limpieza" name="limpieza" class="form-control">
                                            <option value="" {{ old('limpieza') == '' ? 'selected' : '' }}>-</option>
                                            <option value="EXCELENTE" {{ old('limpieza') == 'EXCELENTE' ? 'selected' : '' }}>EXCELENTE</option>
                                            <option value="MUY BIEN" {{ old('limpieza') == 'MUY BIEN' ? 'selected' : '' }}>MUY BIEN</option>
                                            <option value="BIEN" {{ old('limpieza') == 'BIEN' ? 'selected' : '' }}>BIEN</option>
                                            <option value="MAL" {{ old('limpieza') == 'MAL' ? 'selected' : '' }}>MAL</option>
                                            <option value="SI" {{ old('limpieza') == 'SI' ? 'selected' : '' }}>SI</option>
                                            <option value="NO" {{ old('limpieza') == 'NO' ? 'selected' : '' }}>NO</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 text-start">
                                        <input type="text" id="limpieza_nota" name="limpieza_nota" value="{{old('limpieza_nota')}}" class="form-control">
                                    </div>
                                </div>






                                <br><br>
                                <div class="row">

                                        <input type="hidden" name="active_tab" id="active_tab" value="{{ old('active_tab',session('active_tab', 'tab2')) }}">
                                        <button type="submit" class="btn btn-primary btn-sm">Guardar</button>
                                </div>


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


                </div>
            </div>

        </div>



    </div>



    <script>
        document.addEventListener('DOMContentLoaded', function () {
        // Capturar el cambio de pestaña
        const tabs = document.querySelectorAll('a[data-bs-toggle="tab"]');
        tabs.forEach(tab => {
            tab.addEventListener('shown.bs.tab', function (e) {
                // Guardar el id de la pestaña activa en el input oculto
                document.getElementById('active_tab').value = e.target.getAttribute('href').substring(1);
            });
        });

        // Activar la pestaña correcta al cargar la página
        const activeTab = '{{ old('active_tab',session('active_tab', 'tab1')) }}';
        const tabElement = document.querySelector(`a[href="#${activeTab}"]`);
        if (tabElement) {
            const tabInstance = new bootstrap.Tab(tabElement);
            tabInstance.show();
        }
        });

    </script>


@endsection


@extends('../layouts/partials/footer')