@extends('layouts.app')

@section('titulo', 'Parte #' . $parte->id)

@section('boton')
    <div class="d-flex flex-wrap align-items-center justify-content-end gap-2 ms-auto">
        @switch($parte->estado)
            @case('pendiente_confirmacion')
                <span class="badge bg-warning fs-6">
                    <i class="fas fa-edit me-1"></i>
                    Pendiente de Confirmación
                </span>
                @break
            @case('confirmado')
                <span class="badge bg-info fs-6">
                    <i class="fas fa-check me-1"></i>
                    Confirmado
                </span>
                @break
            @case('firmado')
                <span class="badge bg-success fs-6">
                    <i class="fas fa-check-double me-1"></i>
                    Firmado
                </span>
                @break
            @case('anulado')
                <span class="badge bg-secondary fs-6">
                    <i class="fas fa-ban me-1"></i>
                    Anulado
                </span>
                @break
        @endswitch

        <a href="{{ route('partes.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-1"></i>
            Volver a Partes
        </a>

        <a href="{{ route('partes.imprimir_a4', $parte) }}" class="btn btn-outline-primary" target="_blank" rel="noopener">
            <i class="fas fa-file-pdf me-1"></i>
            Vista A4 / imprimir
        </a>

        @if($parte->estado === 'confirmado' && !$parte->firma)
            <a href="{{ route('partes.firma_form', $parte) }}" class="btn btn-primary">
                <i class="fas fa-pen-nib me-1"></i>
                Firmar
            </a>
        @endif

        @if($parte->estado === 'pendiente_confirmacion' || ($parte->estado === 'confirmado' && auth()->user()->hasAnyRole(['oficina','admin'])))
            <a href="{{ route('partes.edit', $parte) }}" class="btn btn-warning">
                <i class="fas fa-edit me-1"></i>
                Editar
            </a>
        @endif

        @if($parte->estado === 'pendiente_confirmacion' && auth()->user()->hasAnyRole(['oficina','admin']))
            <form action="{{ route('partes.confirmar', $parte) }}" method="POST" class="d-inline">
                @csrf
                <button type="submit" class="btn btn-info">
                    <i class="fas fa-check-double me-1"></i>
                    Confirmar
                </button>
            </form>
        @endif

        @if(in_array($parte->estado, ['pendiente_confirmacion','confirmado'], true) && auth()->user()->hasAnyRole(['oficina','admin']))
            <form action="{{ route('partes.anular', $parte) }}" method="POST" class="d-inline" onsubmit="return confirm('¿Anular este parte?');">
                @csrf
                <button type="submit" class="btn btn-outline-secondary">
                    <i class="fas fa-ban me-1"></i>
                    Anular
                </button>
            </form>
        @endif
    </div>
@endsection

@section('contenido')
    <div class="row mb-4">
        <div class="col-md-6">
            <h6 class="text-muted border-bottom pb-2 mb-3">Información del Lugar</h6>
            <p class="mb-2"><strong>Lugar:</strong> {{ $parte->lugar->nombre }}</p>
            <p class="mb-2"><strong>Dirección:</strong> {{ $parte->direccion }}</p>
            <p class="mb-0"><strong>Población:</strong> {{ $parte->poblacion }}</p>
        </div>
        <div class="col-md-6">
            <h6 class="text-muted border-bottom pb-2 mb-3">Información del Parte</h6>
            @if($parte->empresa)
                <p class="mb-2"><strong>Empresa (parte):</strong> {{ $parte->empresa->nombre_comercial }}</p>
            @endif
            @if($parte->obra)
                <p class="mb-2"><strong>Obra:</strong> {{ $parte->obra->nombre }}</p>
            @endif
            @if($parte->fecha)
                <p class="mb-2"><strong>Fecha del parte:</strong> {{ $parte->fecha->format('d/m/Y') }}</p>
            @endif
            <p class="mb-2"><strong>Creado por:</strong> {{ $parte->creadoPor->nombre }}</p>
            <p class="mb-2"><strong>Fecha de creación:</strong> {{ $parte->created_at->format('d/m/Y H:i') }}</p>
            @if($parte->verificadoPor)
                <p class="mb-2"><strong>Verificado por:</strong> {{ $parte->verificadoPor->nombre }}</p>
                <p class="mb-0"><strong>Fecha de verificación:</strong> {{ $parte->fecha_verificacion->format('d/m/Y H:i') }}</p>
            @endif
        </div>
    </div>

    @if($parte->firma)
        <div class="mb-4">
            <h6 class="text-muted border-bottom pb-2 mb-3">Firma digital</h6>
            <p class="mb-1"><strong>Firmante:</strong> {{ $parte->firma->firmante?->nombre ?? '—' }}</p>
            @if($parte->firma->firmado_por)
                <p class="mb-1"><strong>Firmado por:</strong> {{ $parte->firma->firmado_por }}</p>
            @endif
            @if($parte->firma->cargo)
                <p class="mb-1"><strong>Cargo:</strong> {{ $parte->firma->cargo }}</p>
            @endif
            <p class="mb-0"><strong>Fecha firma:</strong> {{ $parte->firma->firmado_en?->format('d/m/Y H:i') }}</p>
        </div>
    @endif

    @if($parte->observaciones)
        <div class="mb-4">
            <h6 class="text-muted border-bottom pb-2 mb-3">Observaciones</h6>
            <p class="mb-0">{{ $parte->observaciones }}</p>
        </div>
    @endif

    <div class="row g-3 mb-4">
        <div class="col-6 col-md-3">
            <div class="border rounded p-3 text-center h-100 bg-light">
                <div class="text-primary mb-2"><i class="fas fa-users fa-lg"></i></div>
                <div class="fs-4 fw-semibold">{{ $parte->registrosTrabajo->count() }}</div>
                <div class="small text-muted">Trabajadores</div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="border rounded p-3 text-center h-100 bg-light">
                <div class="text-success mb-2"><i class="fas fa-clock fa-lg"></i></div>
                <div class="fs-4 fw-semibold">{{ $parte->total_horas }}h</div>
                <div class="small text-muted">Total horas</div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="border rounded p-3 text-center h-100 bg-light">
                <div class="text-info mb-2"><i class="fas fa-tools fa-lg"></i></div>
                <div class="fs-4 fw-semibold">{{ $parte->total_materiales->count() }}</div>
                <div class="small text-muted">Materiales</div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="border rounded p-3 text-center h-100 bg-light">
                <div class="text-warning mb-2"><i class="fas fa-calendar fa-lg"></i></div>
                <div class="fs-4 fw-semibold">{{ $parte->registrosTrabajo->unique('fecha')->count() }}</div>
                <div class="small text-muted">Días trabajados</div>
            </div>
        </div>
    </div>

    <div class="mb-4">
        <h6 class="text-muted border-bottom pb-2 mb-3">
            <i class="fas fa-list me-2"></i>
            Registros de Trabajo Incluidos
        </h6>
        @if($parte->registrosTrabajo->isNotEmpty())
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th>Trabajador</th>
                            <th>Fecha</th>
                            <th>Horario</th>
                            <th>Lugar</th>
                            <th>Descripción</th>
                            <th>Estado</th>
                            <th>Materiales</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($parte->registrosTrabajo as $registro)
                            <tr>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <img src="{{ imagenPerfilUrl($registro->user->imagen_perfil) }}"
                                             class="rounded-circle me-2" width="30" height="30" alt="">
                                        <span>{{ $registro->user->nombre }}</span>
                                    </div>
                                </td>
                                <td>{{ $registro->fecha->format('d/m/Y') }}</td>
                                <td>
                                    {{ $registro->etiquetaHorarioResumen() }}
                                    <br>
                                    <small class="text-muted">
                                        {{ number_format($registro->horas_laborales, 2, ',', '') }} h
                                    </small>
                                </td>
                                <td>{{ $registro->lugar->nombre }}</td>
                                <td>
                                    <span class="text-truncate d-inline-block" style="max-width: 200px;"
                                          title="{{ $registro->descripcion_trabajo }}">
                                        {{ $registro->descripcion_trabajo }}
                                    </span>
                                </td>
                                <td>
                                    @switch($registro->estado)
                                        @case('pendiente')
                                            <span class="badge bg-warning">Pendiente</span>
                                            @break
                                        @case('en_parte')
                                            <span class="badge bg-info">En Parte</span>
                                            @break
                                        @case('verificado')
                                            <span class="badge bg-success">Verificado</span>
                                            @break
                                        @default
                                            <span class="badge bg-secondary">{{ ucfirst($registro->estado) }}</span>
                                    @endswitch
                                </td>
                                <td>
                                    @if($registro->materiales->isNotEmpty())
                                        <span class="badge bg-info">{{ $registro->materiales->count() }} materiales</span>
                                    @else
                                        <span class="text-muted">Sin materiales</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="text-center py-4 text-muted">
                <i class="fas fa-inbox fa-2x mb-2 d-block"></i>
                <p class="mb-0">No hay registros de trabajo en este parte</p>
            </div>
        @endif
    </div>

    @if($parte->materialesAdicionales->isNotEmpty())
        <div class="mb-0">
            <h6 class="text-muted border-bottom pb-2 mb-3">
                <i class="fas fa-tools me-2"></i>
                Materiales Adicionales
            </h6>
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th>Material</th>
                            <th>Cantidad</th>
                            <th>Observaciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($parte->materialesAdicionales as $material)
                            <tr>
                                <td>{{ $material->material->nombre }}</td>
                                <td>{{ $material->cantidad }}</td>
                                <td>{{ $material->observaciones ?? 'Sin observaciones' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif
@endsection