@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: 300px;
            height: 150px;
            border: 2px 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 {{ session('active_tab', 'tab1') == 'tab1' ? 'active' : '' }}" id="tab1-tab" data-bs-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true">Editar Partida</a>
                    </li>
                    {{-- <li class="nav-item" role="presentation">
                        <a class="nav-link {{ session('active_tab') == 'tab2' ? 'active' : '' }}" id="tab2-tab" data-bs-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false">Avance diario</a>
                    </li> --}}

                </ul>
            </div>

            <div class="card-header">
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade  {{ session('active_tab', 'tab1') == 'tab1' ? 'show active' : '' }}" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">
                        <div class="container">
                            <div class="row">
                                <h4>
                                    {{ $partida->odm }}
                                </h4>
                            </div>

                            <div class="row">
                                <div class="col-md-12 text-center">
                                    <a href="{{ route('odms.edit',$partidaAd->id_odm) }}" >Regresar</a>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-10 text-left">
                                    <h5>
                                    Partida : {{ $partida->partida }}<br>
                                    Actividad : {{ $partida->actividad }}<br>
                                    </h5>
                                </div>
                            </div>

                            <form action="{{ route('odms.partidaAdicionalUpdate',$partidaAd->id) }}" method="POST" id="formCaptura" enctype="multipart/form-data">
                                @csrf
                                @method('put')

                                <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">
                                    <br>
                                </div>

                                <div class="row">
                                    <div class="col-md-2 text-left">
                                        <label for="fecha_ini" style="all: unset;"><strong>*Fecha_ini:</strong></label>
                                        <input type="date" id="fecha_ini" name="fecha_ini" value="{{old('fecha_ini',$partidaAd->fecha_ini)}}" class="form-control" required>
                                    </div>
                                    <div class="col-md-2 text-left">
                                        <label for="fecha_fin" style="all: unset;"><strong>*Fecha_fin:</strong></label>
                                        <input type="date" id="fecha_fin" name="fecha_fin" value="{{old('fecha_fin',$partidaAd->fecha_fin)}}" class="form-control" required>
                                    </div>


                                    {{-- <div class="col-md-2 text-left">
                                        <label for="avance" style="all: unset;"><strong>Económico de camioneta:</strong></label>
                                        <select name="id_camioneta" id="id_camioneta" class="form-control">
                                            <option value="">-</option>
                                            @foreach ($camionetas as $camioneta)
                                            <option value="{{ $camioneta->id }}" {{ old('id_camioneta',$partidaAd->id_camioneta) == $camioneta->id ? 'selected' : '' }}>
                                                {{ $camioneta->economico }} / {{ $camioneta->placas }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div> --}}
                                    <div class="col-md-2 text-left">
                                        <label for="avance" style="all: unset;"><strong>Avance:</strong></label>
                                        <select name="avance" id="avance" class="form-control">
                                            <option value="">-</option>
                                            <option value="10" {{old('avance',$partidaAd->avance) == '10' ? 'selected' : ''}}>10%</option>
                                            <option value="20" {{old('avance',$partidaAd->avance) == '20' ? 'selected' : ''}}>20%</option>
                                            <option value="30" {{old('avance',$partidaAd->avance) == '30' ? 'selected' : ''}}>30%</option>
                                            <option value="40" {{old('avance',$partidaAd->avance) == '40' ? 'selected' : ''}}>40%</option>
                                            <option value="50" {{old('avance',$partidaAd->avance) == '50' ? 'selected' : ''}}>50%</option>
                                            <option value="60" {{old('avance',$partidaAd->avance) == '60' ? 'selected' : ''}}>60%</option>
                                            <option value="70" {{old('avance',$partidaAd->avance) == '70' ? 'selected' : ''}}>70%</option>
                                            <option value="80" {{old('avance',$partidaAd->avance) == '80' ? 'selected' : ''}}>80%</option>
                                            <option value="90" {{old('avance',$partidaAd->avance) == '90' ? 'selected' : ''}}>90%</option>
                                            <option value="100" {{old('avance',$partidaAd->avance) == '100' ? 'selected' : ''}}>100%</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4 text-left">
                                        <label for="nota" style="all: unset;"><strong>Detalle de la partida:</strong></label>
                                        <textarea class="form-control" name="nota" id="nota" rows="3" placeholder="En partidas EXTRAORDINARIAS es necesario especificar el detalle de la actividad.">{{old('nota',$partidaAd->nota)}}</textarea>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12 text-left">
                                        <br>
                                        <input type="hidden" name="id" id="id" value="{{ $partidaAd->id }}">
                                        <button type="submit" class="btn btn-primary">
                                            <i class="bi bi-save-fill"></i> Guardar cambios
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                    <div class="tab-pane fade {{ session('active_tab') == 'tab2' ? 'show active' : '' }}" id="tab2" role="tabpanel" aria-labelledby="tab2-tab" style="padding-top: 20px;">
                        <div class="container">
                            <div class="row">
                                <h4>Registro Diario de Actividad<br>
                                    {{ $partida->odm }}
                                </h4>
                            </div>

                            <div class="row">
                                <div class="col-md-12 text-center">
                                    <a href="{{ route('odms.edit',$partidaAd->id_odm) }}" >Regresar</a>
                                </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-10 text-left">
                                    <h5>
                                    Partida : {{ $partida->partida }}<br>
                                    Actividad : {{ $partida->actividad }}<br>
                                    </h5>
                                </div>
                            </div>

                            <form action="{{ route('odms.regDiarioStore',$partidaAd->id) }}" method="POST" id="formCaptura" enctype="multipart/form-data">
                                @csrf

                                <div class="row">
                                    <div class="col-md-2 text-left">
                                        <label for="fecha_rd" style="all: unset;"><strong>*Fecha:</strong></label>
                                        <input type="date" id="fecha_rd" name="fecha_rd" value="{{old('fecha_rd',$partidaAd->fecha_rd)}}" class="form-control" required>
                                    </div>
                                    {{-- <div class="col-md-2 text-left">
                                        <label for="avance_rd" style="all: unset;"><strong>Avance:</strong></label>
                                        <select name="avance_rd" id="avance_rd" class="form-control">
                                            <option value="">-</option>
                                            <option value="10" >10%</option>
                                            <option value="20" >20%</option>
                                            <option value="30" >30%</option>
                                            <option value="40" >40%</option>
                                            <option value="50" >50%</option>
                                            <option value="60" >60%</option>
                                            <option value="70" >70%</option>
                                            <option value="80" >80%</option>
                                            <option value="90" >90%</option>
                                            <option value="100" >100%</option>
                                        </select>
                                    </div> --}}
                                    <div class="col-md-2 text-left">
                                        <label for="um" style="all: unset;"><strong>Unidad Medida:</strong></label>
                                        <input type="text" id="um" name="um" value="{{old('um',$partida->um)}}" class="form-control" disabled>
                                    </div>
                                    <div class="col-md-2 text-left">
                                        <label for="um" style="all: unset;"><strong>Cantidad:</strong></label>
                                        <input type="text" id="um" name="um" value="{{old('um',$partida->cantidad)}}" class="form-control" disabled>
                                    </div>
                                    <div class="col-md-2 text-left">
                                        <label for="volumen_rd" style="all: unset;"><strong>*Volumen avanzado:</strong></label>
                                        <input type="text" id="volumen_rd" name="volumen_rd" value="{{old('volumen_rd')}}" class="form-control" required>
                                    </div>
                                    <div class="col-md-2 text-left">
                                        <br>
                                        <input type="hidden" name="idPartidaAd" id="idPartidaAd" value="{{ $partidaAd->id }}">
                                        <button type="submit" class="btn btn-warning">
                                            <i class="bi bi-save-fill"></i> Guardar
                                        </button>
                                    </div>
                                </div>
                            </form>

                            <div class="row">
                                <div class="col-md-7 text-center">
                                    <br>
                                    <div class="table-responsive" >
                                        <table class="table table-warning table-bordered" >
                                            <thead>
                                                <tr>
                                                    <th scope="col">Fecha</th>
                                                    <th>Unidad Medida</th>
                                                    <th scope="col">Volumne<br>avanzado</th>
                                                    <th scope="col">Capturo</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $totalVolumen = 0;
                                                @endphp

                                                @foreach ($partidaRegDiarios as $partidaRegDiario)
                                                @php
                                                    $totalVolumen += $partidaRegDiario->volumen_rd;
                                                @endphp

                                                <tr>
                                                    <td scope="row">{{ $partidaRegDiario->fecha_rd }}</td>
                                                    <td>{{ $partidaRegDiario->um }}</td>
                                                    <td>{{ $partidaRegDiario->volumen_rd }}</td>
                                                    <td>{{ $partidaRegDiario->usuario->name ?? 'Usuario no asignado' }}</td>
                                                    <td>
                                                        <a href="#" onclick="eliminarRegistro({{ $partidaRegDiario->id }})">
                                                            <i class="fas fa-trash"></i>
                                                        </a>
                                                        {{-- | <i class="fas fa-edit"></i> --}}
                                                    </td>
                                                </tr>
                                                @endforeach

                                                @php
                                                    $pendienteVolumen = 0;
                                                    $pendienteVolumen = $partida->cantidad - $totalVolumen;
                                                @endphp

                                                <tr>
                                                    <td class="text-right">Total avanzado</td>
                                                    <td></td>
                                                    <td>{{ $totalVolumen }}</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-right">Pendiente</td>
                                                    <td></td>
                                                    <td>{{ $pendienteVolumen }}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                </div>
            </div>

        </div>



    </div>



    <script>

        function eliminarRegistro(id) {
            if (!confirm('¿Estás seguro de eliminar este registro?')) return;

            fetch(`/odms/regDiarioDestroy/${id}`, {
                method: 'DELETE',
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                }
            })
            .then(response => response.json())
            .then(data => {
                //alert('Registro eliminado correctamente');
                location.reload();
            })
            .catch(error => console.error('Error:', error));
        }

        document.addEventListener("DOMContentLoaded", function () {
            let activeTab = "{{ session('active_tab') }}";
            if (activeTab) {
                let tab = document.querySelector(`[data-bs-target="#${activeTab}"]`);
                if (tab) {
                    new bootstrap.Tab(tab).show();
                }
            }
        });

    </script>


@endsection


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