{{-- filepath: resources/views/board/produccion/show.blade.php --}}
@extends('components.layouts.app')

@push('styles')
    @vite(['resources/css/app.css'])
@endpush

@section('content')
<div class="container">
    <h1 class="mb-4">CONTROL PRODUCCIÓN - ESTACIÓN {{ strtoupper($pedido->maquina->estacion) ?? '-' }} {{ $pedido->tipo_pedido }}</h1>

    <!-- CABECERA DEL PEDIDO -->
    <x-pedido-cabecera :pedido="$pedido" />

    <div class="card mb-4">
        <div class="card-header">

        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-3">
                    <strong>Máquina:</strong> {{ $pedido->maquina->nombre ?? '-' }}<br>
                </div>
                <div class="col-md-6">
                    <strong>Producto</strong> {{ $pedido->producto?->nombre_producto ?? '-' }}
                </div>
                <div class="col-md-3">
                    <strong>Cantidad:</strong> {{ $pedido->cantidad }}<br>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <strong>ENV. X PAQT</strong> {{ $pedido->producto?->unid_x_paquete ?? '-' }}<br>
                </div>
                <div class="col-md-6">
                    <strong>NRO TOTAL DE PAQUETE ENTREGADO</strong> {{ $pedido->cantidad/$pedido->producto?->unid_x_paquete}}<br>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-md-12">
                    <strong>CONSIDERACIONES PARA PRODUCIR</strong><br>
                    <strong>MODO EMBALAJE</strong> {{ $pedido->producto?->modo_embalaje ?? '-' }}<br>
                    <strong>COLOR DE RAFIA</strong> {{ $pedido->producto?->color_rafia ?? '-' }}<br>
                    <strong>TIPO DE TAPA</strong> {{ $pedido->producto?->tipo_tapa ?? '-' }}<br>
                </div>
            </div>
        </div>
    </div>

    <!-- BARRA DE ESTADOS -->
    <x-estados :pedido="$pedido" />


    {{-- STEPS - Controlar con el parámetro $seccion --}}
    <div id="seccion-step-crear" style="{{ $seccion === 'crear' ? '' : 'display:none;' }}">
        @include('board.produccion.steps.step-crear')
    </div>
    {{--
    <div id="seccion-step-pruebas" style="{{ (session('mostrar_pruebas') && !session('mostrar_produccion')) ? '' : 'display:none;' }}">
    @include('board.produccion.steps.step-pruebas', [
        'fecha_turno' => session('fecha_turno') ?? '',
        'turno' => session('turno') ?? '',
        'pedido' => $pedido,
        'control_prod' => $control_prod ?? null  // AGREGAR VALOR POR DEFECTO
    ])
    </div>--}}
    
    <div id="seccion-step-produccion" style="{{ $seccion === 'produccion' || session('mostrar_produccion') ? '' : 'display:none;' }}">
        @include('board.produccion.steps.step-produccion', [
            'fecha_turno' => session('fecha_turno') ?? '',
            'turno' => session('turno') ?? '',
            'pedido' => $pedido,
            'control_prod' => $control_prod ?? null  // AGREGAR VALOR POR DEFECTO
        ])
    </div>

    <!-- TURNOS REGISTRADOS -->
    <div id="turnos-registrados" class="card mb-4">
        {{-- Tabla de turnos registrados --}}
        <div class="card-header bg-success text-white">
            Turnos registrados
        </div>
        <div class="card-body">
                <table name="turnos-creados" class="table table-bordered table-sm">
                    <thead class="thead-small">
                        <tr>
                            <th rowspan="2">Fecha</th>
                            <th rowspan="2">Turno</th>
                            <th rowspan="2">Operario</th>
                            <th rowspan="2">Horas Máquina</th>
                            <th>Arranque KG</th>
                            <th>Scrap KG</th>
                            <th colspan="3">PROD. NO CONFORME</th>
                            <th colspan="2">PRODUCCIÓN</th>
                            <th>CONTROL CALIDAD</th>
                            <th colspan="2">PRUEBAS</th>
                            <th>Acciones</th>
                        </tr>
                        <tr>
                            <th>Arranque KG</th>
                            <th>Scrap KG</th>
                            <th>Defectuoso KG</th>
                            <th>Sucio KG</th>
                            <th>Cambio Color KG</th>
                            <th>Unidades</th>
                            <th>PAQ. CERRADO PRODUCIDO</th>
                            <th>CANT. APROBADA (UNID)</th>
                            <th>Descripción Sucio/Defectuoso</th>
                            <th>Causa Parada</th>

                        </tr>
                    </thead>
                    <tbody>
                        @forelse($prodTurnos as $prodTurno)
                            <tr>
                                <td>{{ $prodTurno->fecha_turno ?? '-' }}</td>
                                <td>{{ strtoupper($prodTurno->turno) ?? '-' }}</td>
                                <td>{{ $prodTurno->operarioPersonal?->nombre ?? '-' }}</td>
                                <td>{{ $prodTurno->hrs_maquina ?? '-' }}</td>
                                <td>{{ $prodTurno->arranque_kg ?? '-' }}</td>
                                <td>{{ $prodTurno->scrap_kg ?? '-' }}</td>
                                <td>{{ $prodTurno->defectuoso_kg ?? '-' }}</td>
                                <td>{{ $prodTurno->sucio_kg ?? '-' }}</td>
                                <td>{{ $prodTurno->cambio_color_kg ?? '-' }}</td>                            
                                <td>{{ $prodTurno->unidades ?? '-' }}</td>
                                <td>{{ round($prodTurno->unidades /$pedido->producto?->unid_x_paquete)}}</td>
                                <td>{{ $prodTurno->producido_bruto ?? '-' }}</td>
                                <td>Sucio/Defectuoso: {{ $prodTurno->descrip_sucio_defect ?? '-' }}</td>
                                <td>Causa Parada: {{ $prodTurno->causa_parada ?? '-' }}</td>
                                <td>
                                    <a href="{{ route('control-produccion.edit', $prodTurno->id) }}" class="btn btn-sm btn-warning">
                                        <i class="bi bi-pencil-square"></i>
                                    </a>
                                    <form action="{{ route('control-produccion.destroy', $prodTurno->id) }}" method="POST" style="display:inline;">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('¿Seguro que deseas eliminar este turno?')">
                                            <i class="bi bi-trash"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="16" class="text-center">No hay turnos registrados.</td>
                            </tr>
                        @endforelse
                        @php
                            $total_hrs_maquina = $prodTurnos->sum('hrs_maquina');
                            $total_scrap_kg = $prodTurnos->sum('scrap_kg');
                            $total_arranque_kg = $prodTurnos->sum('arranque_kg');
                            $total_defectuoso_kg = $prodTurnos->sum('defectuoso_kg');
                            $total_sucio_kg = $prodTurnos->sum('sucio_kg');
                            $total_cambio_color_kg = $prodTurnos->sum('cambio_color_kg');
                            $total_unidades = $prodTurnos->sum('unidades');
                            $total_producido_kg = $prodTurnos->sum('producido_kg');
                            $total_producido_bruto = $prodTurnos->sum('producido_bruto');

                        @endphp
                        <tr class="table-success fw-bold">
                            <td colspan="3" class="text-end">Acumulados</td>
                            <td>{{ $total_hrs_maquina }}</td>
                            <td>{{ $total_arranque_kg }}</td>
                            <td>{{ $total_scrap_kg }}</td>
                            <td>{{ $total_defectuoso_kg }}</td>
                            <td>{{ $total_sucio_kg }}</td>
                            <td>{{ $total_cambio_color_kg }}</td>
                            <td>{{ $total_unidades }}</td>
                            <td>{{ $total_producido_kg }}</td>
                            <td>{{ $total_producido_bruto }}</td>

                            <td colspan="2"></td>
                        </tr>
                    </tbody>
                </table>

                @if(session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif
        </div>


    </div>
    <div class="mb-4">
            <label class="form-label">Observaciones</label>
            <textarea name="observaciones" class="form-control"></textarea>
        
        {{-- Aquí puedes agregar botones o acciones para iniciar la producción --}}
        <a href="{{ route('board.produccion.estacion-doble-reporte.preview', $pedido->id) }}" class="btn btn-info" target="_blank">
            Ver Reporte
        </a>
        <a href="{{ route('board.produccion.estacion-doble.reporte.pdf', $pedido->id) }}" class="btn btn-danger" target="_blank">
            Estacion Doble PDF
        </a>
    </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Al enviar step-crear, mostrar pruebas
        document.getElementById('step-crear').addEventListener('submit', function(e) {
            // Obtén los valores seleccionados
            const fechaTurno = document.querySelector('#step-crear [name="fecha_turno"]').value;
            const turno = document.querySelector('#step-crear [name="turno"]:checked').value;

            // Asigna a los campos ocultos de pruebas
            document.getElementById('pruebas_fecha_turno').value = fechaTurno;
            document.getElementById('pruebas_turno').value = turno;

            // Asigna a los campos ocultos de producción
            document.getElementById('produccion_fecha_turno').value = fechaTurno;
            document.getElementById('produccion_turno').value = turno;

            // Aquí puedes hacer AJAX para guardar, o simplemente avanzar:
            document.getElementById('seccion-step-crear').style.display = 'none';
            document.getElementById('seccion-step-pruebas').style.display = 'block';
        });

        // Al enviar step-pruebas, mostrar producción
        document.getElementById('step-pruebas').addEventListener('submit', function(e) {
            document.getElementById('seccion-step-pruebas').style.display = 'none';
            document.getElementById('seccion-step-produccion').style.display = 'block';
        });
    });
</script>
@endsection