@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: 333px;
            height: 200px;
            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">
                        <a class="nav-link {{ old('active_tab',session('active_tab', 'tab1')) == 'tab1' ? 'active' : '' }}" id="tab1-tab" data-bs-toggle="tab" href="#tab1" role="tabpanel" aria-controls="tab1" aria-selected="true">Bitacora E/S</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{ old('active_tab',session('active_tab')) == 'tab2' ? 'active' : '' }}" id="tab2-tab" data-bs-toggle="tab" href="#tab2" role="tabpanel" aria-controls="tab2" aria-selected="false">Ventanillas</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{ old('active_tab',session('active_tab')) == 'tab3' ? 'active' : '' }}" id="tab3-tab" data-bs-toggle="tab" href="#tab3" role="tabpanel" aria-controls="tab3" aria-selected="false">Montacargas</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{ old('active_tab',session('active_tab')) == 'tab4' ? 'active' : '' }}" id="tab4-tab" data-bs-toggle="tab" href="#tab4" role="tabpanel" aria-controls="tab4" aria-selected="false">Registro de Salidas</a>
                    </li>
                </ul>

                </ul>
            </div>

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

                    <div class="tab-pane fade {{ old('active_tab',session('active_tab', 'tab1')) == 'tab1' ? 'show active' : '' }}" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">
                        <div class="container">
                            <form action="{{route('bitacoraes.update',$bitacoraes)}}" method="POST" enctype="multipart/form-data" id="formCaptura"  >
                                @csrf
                                @method('put')

                                <div class="row">
                                    <div class="text-center">
                                        <strong>BITACORA E/S</strong><br><br>
                                    </div>
                                </div>
                                <div class="row">
                                    Los campos marcados con (*) son mandatorios.
                                </div>
                                <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="folio_sm" style="all: unset;"><strong>*Folio SM:</strong></label>
                                            <input type="text" id="folio_sm" name="folio_sm" value="{{ old('folio_sm', $bitacoraes->folio_sm) }}" class="form-control" maxlength="15" required>
                                        </div>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <div class="form-group">
                                            <label for="contenedor" style="all: unset;"><strong>*Contenedor:</strong></label>
                                            <input type="text" id="contenedor" name="contenedor" value="{{ old('contenedor',$bitacoraes->contenedor) }}" class="form-control" maxlength="11" required>

                                        </div>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <div class="form-group">
                                            <label for="tipo" style="all: unset;"><strong>*Tipo:</strong></label>
                                            <select name="tipo" id="tipo" class="form-control" required>
                                                <option value="" {{ old('tipo',$bitacoraes->tipo) == '' ? 'selected' : '' }}>-</option>
                                                <option value="20DC" {{ old('tipo',$bitacoraes->tipo) == '20DC' ? 'selected' : '' }}>20DC</option>
                                                <option value="40DC" {{ old('tipo',$bitacoraes->tipo) == '40DC' ? 'selected' : '' }}>40DC</option>
                                                <option value="40HC" {{ old('tipo',$bitacoraes->tipo) == '40HC' ? 'selected' : '' }}>40HC</option>
                                                <option value="20HC" {{ old('tipo',$bitacoraes->tipo) == '20HC' ? 'selected' : '' }}>20HC</option>
                                                <option value="20RF" {{ old('tipo',$bitacoraes->tipo) == '20RF' ? 'selected' : '' }}>20RF</option>
                                                <option value="40RF" {{ old('tipo',$bitacoraes->tipo) == '40RF' ? 'selected' : '' }}>40RF</option>
                                                <option value="40RH" {{ old('tipo',$bitacoraes->tipo) == '40RH' ? 'selected' : '' }}>40RH</option>
                                                <option value="20OT" {{ old('tipo',$bitacoraes->tipo) == '20OT' ? 'selected' : '' }}>20OT</option>
                                                <option value="40OT" {{ old('tipo',$bitacoraes->tipo) == '40OT' ? 'selected' : '' }}>40OT</option>
                                                <option value="20FL" {{ old('tipo',$bitacoraes->tipo) == '20FL' ? 'selected' : '' }}>20FL</option>
                                                <option value="40FL" {{ old('tipo',$bitacoraes->tipo) == '40FL' ? 'selected' : '' }}>40FL</option>
                                                <option value="20TK" {{ old('tipo',$bitacoraes->tipo) == '20TK' ? 'selected' : '' }}>20TK</option>
                                                <option value="40TK" {{ old('tipo',$bitacoraes->tipo) == '40TK' ? 'selected' : '' }}>40TK</option>
                                                <option value="20DW" {{ old('tipo',$bitacoraes->tipo) == '20DW' ? 'selected' : '' }}>20DW</option>
                                                <option value="53" {{ old('tipo',$bitacoraes->tipo) == '53' ? 'selected' : '' }}>53"</option>
                                                <option value="Salida de Vigilancia" {{ old('tipo',$bitacoraes->tipo) == 'Salida de Vigilancia' ? 'selected' : '' }}>Salida de Vigilancia</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <div class="form-group">
                                            <label for="clase" style="all: unset;"><strong>*Entrada/Salida:</strong></label>
                                            <select name="ent_sal" id="ent_sal" class="form-control" required>
                                                <option value="" {{ old('ent_sal',$bitacoraes->ent_sal) == '' ? 'selected' : '' }}>-</option>
                                                <option value="E" {{ old('ent_sal',$bitacoraes->ent_sal) == 'E' ? 'selected' : '' }}>ENTRADA</option>
                                                <option value="S" {{ old('ent_sal',$bitacoraes->ent_sal) == 'S' ? 'selected' : '' }}>SALIDA</option>
                                            </select>
                                        </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',$bitacoraes->fecha)}}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <div class="form-group">
                                            <label for="hora" style="all: unset;"><strong>*Hora:</strong></label>
                                            <input type="time" id="hora" name="hora" value="{{old('hora',$bitacoraes->hora)}}" class="form-control" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <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',$bitacoraes->operador)}}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-3 text-start">
                                        <div class="form-group">
                                            <label for="transporte" style="all: unset;"><strong>*Transporte:</strong></label>
                                            <input type="text" id="transporte" name="transporte" value="{{old('transporte',$bitacoraes->transporte)}}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <div class="form-group">
                                            <label for="placas" style="all: unset;"><strong>*Placas:</strong></label>
                                            <input type="text" id="placas" name="placas" value="{{old('placas',$bitacoraes->placas)}}" class="form-control" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-5 text-start">
                                        <div class="form-group">
                                            <label for="nota" style="all: unset;"><strong>Notas:</strong></label>
                                            <textarea class="form-control" id="nota" name="nota" rows="4">{{ old('nota',$bitacoraes->nota) }}</textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-3 text-start">
                                        <label for="nota" style="all: unset;"><strong>Ventanilla de atención:</strong></label>
                                        <select name="ventanilla_ate" id="ventanilla_ate" class="form-control" required>
                                            <option value="" {{ old('ventanilla_ate',$bitacoraes->ventanilla_ate) == '' ? 'selected' : '' }}>-</option>
                                            <option value="SERGIO GARCIA" {{ old('ventanilla_ate',$bitacoraes->ventanilla_ate) == 'SERGIO GARCIA' ? 'selected' : '' }}>1. SERGIO GARCIA</option>
                                            <option value="KATIA OSORIO" {{ old('ventanilla_ate',$bitacoraes->ventanilla_ate) == 'KATIA OSORIO' ? 'selected' : '' }}>2. KATIA OSORIO</option>
                                            <option value="NANCY SANTOS" {{ old('ventanilla_ate',$bitacoraes->ventanilla_ate) == 'NANCY SANTOS' ? 'selected' : '' }}>3. NANCY SANTOS</option>
                                            <option value="VIDAL GASPAR" {{ old('ventanilla_ate',$bitacoraes->ventanilla_ate) == 'VIDAL GASPAR' ? 'selected' : '' }}>4. VIDAL GASPAR</option>
                                            <option value="JANETH GUAJARDO" {{ old('ventanilla_ate',$bitacoraes->ventanilla_ate) == 'JANETH GUAJARDO' ? 'selected' : '' }}>T/N. JANETH GUAJARDO</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-1">
                                        <input type="hidden" name="active_tab" id="active_tab" value="{{ old('active_tab',session('active_tab', 'tab1')) }}">
                                        <button type="submit" class="btn btn-primary btn-sm">Guardar</button>
                                    </div>
                                    <div class="col-12 text-end">
                                        <i>
                                            {{ optional($bitacoraes->user)->name }}<br>
                                            {{ $bitacoraes->created_at?->format('Y-m-d H:i') }}
                                        </i>
                                    </div>
                                </div>


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

                    <div class="tab-pane fade {{ old('active_tab',session('active_tab')) == 'tab2' ? 'show active' : '' }}" id="tab2" role="tabpanel" aria-labelledby="tab2-tab">
                        <div class="container">
                            <form action="{{route('bitacoraes.updateVen',$bitacoraes)}}" method="POST" enctype="multipart/form-data" id="form2">
                                @csrf
                                @method('put')

                                <div class="row">
                                    <div class="text-center">
                                        <strong>VENTANILLAS<br>HORARIO DE ATENCIÓN AL OPERADOR</strong><br><br>
                                    </div>
                                </div>
                                <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

                                    @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-4 text-center">
                                        <strong>Inicio de Atención</strong>
                                    </div>
                                    <div class="col-md-5 offset-md-1 text-center">
                                        <strong>Fin de Atención</strong>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="ven_aten_fec_ini" style="all: unset;"><strong>*Fecha:</strong></label>
                                            <input type="date" id="ven_aten_fec_ini" name="ven_aten_fec_ini" value="{{old('ven_aten_fec_ini',$bitacoraes->ven_aten_fec_ini)}}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="ven_aten_hor_ini" style="all: unset;"><strong>*Hora:</strong></label>
                                            <input type="time" id="ven_aten_hor_ini" name="ven_aten_hor_ini" value="{{old('ven_aten_hor_ini',$bitacoraes->ven_aten_hor_ini)}}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-2 offset-md-2">
                                        <div class="form-group">
                                            <label for="ven_aten_fec_fin" style="all: unset;"><strong>Fecha:</strong></label>
                                            <input type="date" id="ven_aten_fec_fin" name="ven_aten_fec_fin" value="{{old('ven_aten_fec_fin',$bitacoraes->ven_aten_fec_fin)}}" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="ven_aten_hor_fin" style="all: unset;"><strong>Hora:</strong></label>
                                            <input type="time" id="ven_aten_hor_fin" name="ven_aten_hor_fin" value="{{old('ven_aten_hor_fin',$bitacoraes->ven_aten_hor_fin)}}" class="form-control">
                                        </div>
                                    </div>
                                </div>


                                <div class="row">
                                    <div class="col-md-5 text-start">
                                        <div class="form-group">
                                            <label for="ven_nota" style="all: unset;"><strong>Nota:</strong></label>
                                            <textarea class="form-control" id="ven_nota" name="ven_nota" rows="4">{{ old('ven_nota',$bitacoraes->ven_nota) }}</textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-1">
                                        <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>
                                </div>


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

                    <div class="tab-pane fade {{ old('active_tab',session('active_tab')) == 'tab3' ? 'show active' : '' }}" id="tab3" role="tabpanel" aria-labelledby="tab3-tab">
                        <div class="container">
                            <form action="{{route('bitacoraes.updateMon',$bitacoraes)}}" method="POST" enctype="multipart/form-data" id="form3" >
                                @csrf
                                @method('put')

                                <div class="row">
                                    <div class="text-center">
                                        <strong>MONTACARGAS</strong><br><br>
                                    </div>
                                </div>
                                <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

                                    @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-4 text-center">
                                        <strong>Inicio de Atención</strong>
                                    </div>
                                    <div class="col-md-5 offset-md-1 text-center">
                                        <strong>Fin de Atención</strong>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="mon_aten_fec_ini" style="all: unset;"><strong>*Fecha:</strong></label>
                                            <input type="date" id="mon_aten_fec_ini" name="mon_aten_fec_ini" value="{{old('mon_aten_fec_ini',$bitacoraes->mon_aten_fec_ini)}}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="mon_aten_hor_ini" style="all: unset;"><strong>*Hora:</strong></label>
                                            <input type="time" id="mon_aten_hor_ini" name="mon_aten_hor_ini" value="{{old('mon_aten_hor_ini',$bitacoraes->mon_aten_hor_ini)}}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-2 offset-md-2">
                                        <div class="form-group">
                                            <label for="mon_aten_fec_fin" style="all: unset;"><strong>*Fecha:</strong></label>
                                            <input type="date" id="mon_aten_fec_fin" name="mon_aten_fec_fin" value="{{old('mon_aten_fec_fin',$bitacoraes->mon_aten_fec_fin)}}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="mon_aten_hor_fin" style="all: unset;"><strong>*Hora:</strong></label>
                                            <input type="time" id="mon_aten_hor_fin" name="mon_aten_hor_fin" value="{{old('mon_aten_hor_fin',$bitacoraes->mon_aten_hor_fin)}}" class="form-control" required>
                                        </div>
                                    </div>
                                </div>



                                <div class="row">
                                    <div class="col-md-3 text-start">
                                        <div class="form-group">
                                            <label for="mon_nombre" style="all: unset;"><strong>*Montacarguista:</strong></label>
                                            <input type="text" id="mon_nombre" name="mon_nombre" value="{{old('mon_nombre',$bitacoraes->mon_nombre)}}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-3 text-start">
                                        <div class="form-group">
                                            <label for="mon_ayudante" style="all: unset;"><strong>*Ayudante:</strong></label>
                                            <input type="text" id="mon_ayudante" name="mon_ayudante" value="{{old('mon_ayudante',$bitacoraes->mon_ayudante)}}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-4 text-start">
                                        <div class="form-group">
                                            <label for="mon_ubicacion" style="all: unset;"><strong>*Ubicación:</strong></label>
                                            <input type="text" id="mon_ubicacion" name="mon_ubicacion" value="{{old('mon_ubicacion',$bitacoraes->mon_ubicacion)}}" class="form-control" required>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6 text-start">
                                        <div class="form-group">
                                            <label for="mon_nota" style="all: unset;"><strong>Nota:</strong></label>
                                            <textarea class="form-control" id="mon_nota" name="mon_nota" rows="4">{{ old('mon_nota',$bitacoraes->mon_nota) }}</textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-1">
                                        <a href="{{ route('bitacoraes.montaGenerarPDF', $bitacoraes->id) }}">
                                        <img src="{{ asset('images/icono_pdf.png') }}" alt="Ícono PDF" width="40" height="40">
                                        </a>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <table class="table table-responsive-sm table-condense table-bordered">
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <label for="img_3" style="all: unset;"><strong>Foto 1:</strong></label>
                                                        <input class="form-control" type="file" id="img_3"  name="img_3" capture="camera" accept=".jpg, .jpeg"><br>
                                                        @if($bitacoraes)
                                                            <img src="{{ asset('uploads/bitacoraes/'.$bitacoraes->img_3) }}" class="img-custom-size">
                                                        @else
                                                            <p>Imagen no disponible</p>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <label for="img_4" style="all: unset;"><strong>Foto 2:</strong></label>
                                                        <input class="form-control" type="file" id="img_4"  name="img_4" capture="camera" accept=".jpg, .jpeg"><br>
                                                        @if($bitacoraes)
                                                            <img src="{{ asset('uploads/bitacoraes/'.$bitacoraes->img_4) }}" class="img-custom-size">
                                                        @else
                                                            <p>Imagen no disponible</p>
                                                        @endif
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <label for="img_5" style="all: unset;"><strong>Foto 3:</strong></label>
                                                        <input class="form-control" type="file" id="img_5"  name="img_5" capture="camera" accept=".jpg, .jpeg"><br>
                                                        @if($bitacoraes)
                                                            <img src="{{ asset('uploads/bitacoraes/'.$bitacoraes->img_5) }}" class="img-custom-size">
                                                        @else
                                                            <p>Imagen no disponible</p>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <label for="img_6" style="all: unset;"><strong>Foto 4:</strong></label>
                                                        <input class="form-control" type="file" id="img_6"  name="img_6" capture="camera" accept=".jpg, .jpeg"><br>
                                                        @if($bitacoraes)
                                                            <img src="{{ asset('uploads/bitacoraes/'.$bitacoraes->img_6) }}" class="img-custom-size">
                                                        @else
                                                            <p>Imagen no disponible</p>
                                                        @endif
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <label for="img_7" style="all: unset;"><strong>Foto 5:</strong></label>
                                                        <input class="form-control" type="file" id="img_7"  name="img_7" capture="camera" accept=".jpg, .jpeg"><br>
                                                        @if($bitacoraes)
                                                            <img src="{{ asset('uploads/bitacoraes/'.$bitacoraes->img_7) }}" class="img-custom-size">
                                                        @else
                                                            <p>Imagen no disponible</p>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <label for="img_8" style="all: unset;"><strong>Foto 6:</strong></label>
                                                        <input class="form-control" type="file" id="img_8"  name="img_8" capture="camera" accept=".jpg, .jpeg"><br>
                                                        @if($bitacoraes)
                                                            <img src="{{ asset('uploads/bitacoraes/'.$bitacoraes->img_8) }}" class="img-custom-size">
                                                        @else
                                                            <p>Imagen no disponible</p>
                                                        @endif
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-1">
                                        <input type="hidden" name="active_tab" id="active_tab" value="{{ old('active_tab',session('active_tab', 'tab3')) }}">
                                        <button type="submit" class="btn btn-primary btn-sm" >Guardar</button>
                                    </div>
                                </div>


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

                    <div class="tab-pane fade {{ old('active_tab',session('active_tab')) == 'tab4' ? 'show active' : '' }}" id="tab4" role="tabpanel" aria-labelledby="tab4-tab">
                        <div class="container">
                            <form action="{{route('bitacoraes.updateRepSal',$bitacoraes)}}" method="POST" enctype="multipart/form-data" id="form4" >
                                @csrf
                                @method('put')

                                <div class="row">
                                    <div class="text-center">
                                        <strong>REGISTRO DE SALIDAS</strong><br>
                                    </div>
                                </div>
                                <div class="row">
                                    <strong></strong>
                                </div>
                                <div class="row">
                                    <div class="col-md-4 text-center">
                                        <strong>Fecha Registro Salida de la Planta</strong>
                                    </div>
                                </div>
                                <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">
                                        <div class="form-group">
                                            <label for="sal_fecha" style="all: unset;"><strong>*Fecha:</strong></label>
                                            <input type="date" id="sal_fecha" name="sal_fecha" value="{{old('sal_fecha',$bitacoraes->sal_fecha)}}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="sal_hora" style="all: unset;"><strong>*Hora:</strong></label>
                                            <input type="time" id="sal_hora" name="sal_hora" value="{{old('sal_hora',$bitacoraes->sal_hora)}}" class="form-control" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-5 text-start">
                                        <div class="form-group">
                                            <label for="sal_nota" style="all: unset;"><strong>NOTAS:</strong></label>
                                            <textarea class="form-control" id="sal_nota" name="sal_nota" rows="4">{{ old('sal_nota',$bitacoraes->sal_nota) }}</textarea>
                                        </div>
                                    </div>

                                    <div class="col-md-1">
                                        <br>
                                        <a href="{{ route('bitacoraes.salidaGenerarPDF', $bitacoraes->id) }}">
                                        <img src="{{ asset('images/icono_pdf.png') }}" alt="Ícono PDF" width="40" height="40">
                                        </a>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <table class="table table-responsive-sm table-condense table-bordered">
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <label for="img_1" style="all: unset;"><strong>Foto 1:</strong></label>
                                                        <input class="form-control" type="file" id="img_1"  name="img_1" capture="camera" accept=".jpg, .jpeg"><br>
                                                        @if($bitacoraes)
                                                            <img src="{{ asset('uploads/bitacoraes/'.$bitacoraes->img_1) }}" class="img-custom-size">
                                                        @else
                                                            <p>Imagen no disponible</p>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <label for="img_2" style="all: unset;"><strong>Foto 2:</strong></label>
                                                        <input class="form-control" type="file" id="img_2"  name="img_2" capture="camera" accept=".jpg, .jpeg"><br>
                                                        @if($bitacoraes)
                                                            <img src="{{ asset('uploads/bitacoraes/'.$bitacoraes->img_2) }}" class="img-custom-size">
                                                        @else
                                                            <p>Imagen no disponible</p>
                                                        @endif
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-1">
                                        <input type="hidden" name="active_tab" id="active_tab" value="{{ old('active_tab',session('active_tab', 'tab4')) }}">
                                        <button type="submit" class="btn btn-primary btn-sm" >Guardar</button>
                                    </div>
                                </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')