@extends('layouts.app')

@section('titulo', 'Partes de Trabajo')

@section('boton')
    <div class="d-flex gap-2 ms-auto flex-wrap align-items-center">
        <a href="{{ route('home') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-1"></i>
            Volver al Dashboard
        </a>
        <a href="{{ route('partes.create') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> NUEVO
        </a>
    </div>
@endsection

@section('contenido')
    @if($partes->isNotEmpty())
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Lugar</th>
                        <th>Empresa</th>
                        <th>Dirección</th>
                        <th>Estado</th>
                        <th>Creado por</th>
                        <th>Fecha</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($partes as $parte)
                        <tr>
                            <td>
                                <span class="badge bg-secondary">#{{ $parte->id }}</span>
                            </td>
                            <td>
                                <strong>{{ $parte->lugar->nombre ?? 'Sin lugar' }}</strong>
                                <br>
                                <small class="text-muted">{{ $parte->poblacion ?? 'Sin población' }}</small>
                            </td>
                            <td>
                                @if($parte->empresa)
                                    <span class="badge bg-primary">{{ $parte->empresa->nombre_comercial }}</span>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                            <td>{{ $parte->direccion }}</td>
                            <td>
                                @switch($parte->estado)
                                    @case('pendiente_confirmacion')
                                        <span class="badge bg-warning">
                                            <i class="fas fa-edit me-1"></i>
                                            Pendiente de confirmación
                                        </span>
                                        @break
                                    @case('confirmado')
                                        <span class="badge bg-info">
                                            <i class="fas fa-check me-1"></i>
                                            Confirmado
                                        </span>
                                        @break
                                    @case('firmado')
                                        <span class="badge bg-success">
                                            <i class="fas fa-check-double me-1"></i>
                                            Firmado
                                        </span>
                                        @break
                                    @case('anulado')
                                        <span class="badge bg-secondary">
                                            <i class="fas fa-ban me-1"></i>
                                            Anulado
                                        </span>
                                        @break
                                @endswitch
                            </td>
                            <td>
                                <div class="d-flex align-items-center">
                                    <img src="{{ imagenPerfilUrl($parte->creadoPor->imagen_perfil) }}"
                                         class="rounded-circle me-2" width="30" height="30" alt="">
                                    <span>{{ $parte->creadoPor->nombre ?? 'Usuario no encontrado' }}</span>
                                </div>
                            </td>
                            <td>
                                <div>
                                    @if($parte->fecha)
                                        <strong>{{ $parte->fecha->format('d/m/Y') }}</strong>
                                        <br>
                                        <small class="text-muted">Fecha del parte</small>
                                    @else
                                        <strong>{{ $parte->created_at->format('d/m/Y') }}</strong>
                                        <br>
                                        <small class="text-muted">{{ $parte->created_at->format('H:i') }}</small>
                                    @endif
                                </div>
                            </td>
                            <td>
                                <div class="btn-group" role="group">
                                    <a href="{{ route('partes.show', $parte) }}"
                                       class="btn btn-sm btn-outline-primary"
                                       data-bs-toggle="tooltip"
                                       title="Ver detalles">
                                        <i class="fas fa-eye"></i>
                                    </a>

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

                                        <form action="{{ route('partes.destroy', $parte) }}"
                                              method="POST"
                                              class="d-inline"
                                              onsubmit="return confirm('¿Estás seguro de que quieres eliminar este parte?')">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit"
                                                    class="btn btn-sm btn-outline-danger"
                                                    data-bs-toggle="tooltip"
                                                    title="Eliminar">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </form>
                                    @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-sm btn-outline-info"
                                                    data-bs-toggle="tooltip"
                                                    title="Confirmar parte">
                                                <i class="fas fa-check"></i>
                                            </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-sm btn-outline-secondary"
                                                    data-bs-toggle="tooltip"
                                                    title="Anular parte">
                                                <i class="fas fa-ban"></i>
                                            </button>
                                        </form>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="d-flex justify-content-center mt-3">
            {{ $partes->links() }}
        </div>
    @else
        <div class="text-center py-5">
            <i class="fas fa-file-alt fa-3x text-muted mb-3"></i>
            <h5 class="text-muted">No hay partes de trabajo</h5>
            <p class="text-muted">Crea tu primer parte de trabajo para comenzar</p>
            <a href="{{ route('partes.create') }}" class="btn btn-primary">
                <i class="fas fa-plus me-1"></i>
                Crear Primer Parte
            </a>
        </div>
    @endif
@endsection

@push('scripts')
<script>
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl)
    });
</script>
@endpush