@extends('layouts.app')

@section('content')
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="card-title mb-0">{{ $proyecto->nombre }}</h4>
                    <div>
                        @can('proyectos-editar')
                            <a href="{{ route('proyecto.edit', $proyecto->id) }}" class="btn btn-sm btn-warning">Editar</a>
                        @endcan
                        <a href="{{ route('proyecto.kanban', $proyecto->id) }}" class="btn btn-sm btn-info">Kanban</a>
                    </div>
                </div>
                <div class="card-body">
                    <!-- Tabs -->
                    <ul class="nav nav-tabs" id="proyectoTabs" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="tareas-tab" data-bs-toggle="tab" data-bs-target="#tareas" type="button" role="tab">
                                Tareas ({{ $proyecto->tareas->count() }})
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="tickets-tab" data-bs-toggle="tab" data-bs-target="#tickets" type="button" role="tab">
                                Tickets ({{ $proyecto->tickets->count() }})
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="facturas-tab" data-bs-toggle="tab" data-bs-target="#facturas" type="button" role="tab">
                                Facturas ({{ $proyecto->facturas->count() }})
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="gastos-tab" data-bs-toggle="tab" data-bs-target="#gastos" type="button" role="tab">
                                Gastos ({{ $proyecto->gastos->count() }})
                            </button>
                        </li>
                    </ul>
                    <div class="tab-content mt-3" id="proyectoTabsContent">
                        <!-- Tareas -->
                        <div class="tab-pane fade show active" id="tareas" role="tabpanel">
                            <div class="table-responsive">
                                <table class="table table-sm table-striped">
                                    <thead>
                                        <tr>
                                            <th>Título</th>
                                            <th>Estatus</th>
                                            <th>Prioridad</th>
                                            <th>Asignado</th>
                                            <th>Fecha Límite</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($proyecto->tareas as $tarea)
                                            <tr>
                                                <td>{{ $tarea->titulo }}</td>
                                                <td>
                                                    @if($tarea->estatus == 'pendiente')
                                                        <span class="badge bg-secondary">Pendiente</span>
                                                    @elseif($tarea->estatus == 'en_progreso')
                                                        <span class="badge bg-primary">En Progreso</span>
                                                    @else
                                                        <span class="badge bg-success">Completada</span>
                                                    @endif
                                                </td>
                                                <td>{!! $tarea->prioridad_badge !!}</td>
                                                <td>{{ $tarea->usuario->name ?? '-' }}</td>
                                                <td>{{ $tarea->fecha_limite ? \Carbon\Carbon::parse($tarea->fecha_limite)->format('d/m/Y') : '-' }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="5" class="text-center">No hay tareas</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!-- Tickets -->
                        <div class="tab-pane fade" id="tickets" role="tabpanel">
                            <div class="table-responsive">
                                <table class="table table-sm table-striped">
                                    <thead>
                                        <tr>
                                            <th>ID</th>
                                            <th>Título</th>
                                            <th>Estatus</th>
                                            <th>Prioridad</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($proyecto->tickets as $ticket)
                                            <tr>
                                                <td><a href="{{ route('ticket.show', $ticket->id) }}">{{ $ticket->id }}</a></td>
                                                <td>{{ $ticket->titulo }}</td>
                                                <td>{!! $ticket->estatus_badge !!}</td>
                                                <td>{!! $ticket->prioridad_badge !!}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="4" class="text-center">No hay tickets vinculados</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!-- Facturas -->
                        <div class="tab-pane fade" id="facturas" role="tabpanel">
                            <div class="table-responsive">
                                <table class="table table-sm table-striped">
                                    <thead>
                                        <tr>
                                            <th>Folio</th>
                                            <th class="text-end">Total</th>
                                            <th>Fecha</th>
                                            <th>Estatus</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($proyecto->facturas as $factura)
                                            <tr>
                                                <td><a href="{{ route('factura.show', $factura->id) }}">{{ $factura->folio }}</a></td>
                                                <td class="text-end">${{ number_format($factura->total, 2) }}</td>
                                                <td>{{ $factura->fecha_factura ? \Carbon\Carbon::parse($factura->fecha_factura)->format('d/m/Y') : '-' }}</td>
                                                <td>
                                                    @if($factura->estatus_sat == 'active')
                                                        <span class="badge bg-success">Activa</span>
                                                    @else
                                                        <span class="badge bg-danger">Cancelada</span>
                                                    @endif
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="4" class="text-center">No hay facturas vinculadas</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!-- Gastos -->
                        <div class="tab-pane fade" id="gastos" role="tabpanel">
                            <div class="table-responsive">
                                <table class="table table-sm table-striped">
                                    <thead>
                                        <tr>
                                            <th>ID</th>
                                            <th>Categoría</th>
                                            <th class="text-end">Cantidad</th>
                                            <th>Pagado</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($proyecto->gastos as $gasto)
                                            <tr>
                                                <td><a href="{{ route('gasto.show', $gasto->id) }}">{{ $gasto->id }}</a></td>
                                                <td>{{ $gasto->categoria }}</td>
                                                <td class="text-end">${{ number_format($gasto->cantidad, 2) }}</td>
                                                <td>
                                                    @if($gasto->pagado)
                                                        <span class="badge bg-success">Pagado</span>
                                                    @else
                                                        <span class="badge bg-warning">Pendiente</span>
                                                    @endif
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="4" class="text-center">No hay gastos vinculados</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Información del Proyecto</h5>
                </div>
                <div class="card-body">
                    <p class="mb-1"><strong>Estatus:</strong> {!! $proyecto->estatus_badge !!}</p>
                    <p class="mb-1"><strong>Prioridad:</strong> {!! $proyecto->prioridad_badge !!}</p>
                    <p class="mb-1"><strong>Cliente:</strong> {{ $proyecto->cliente->alias ?? $proyecto->cliente->nombre }}</p>
                    <p class="mb-1"><strong>Responsable:</strong> {{ $proyecto->responsable->name ?? '-' }}</p>
                    <hr>
                    <p class="mb-1"><strong>Fecha Inicio:</strong> {{ \Carbon\Carbon::parse($proyecto->fecha_inicio)->format('d/m/Y') }}</p>
                    @if($proyecto->fecha_fin_estimada)
                        <p class="mb-1"><strong>Fin Estimado:</strong> {{ \Carbon\Carbon::parse($proyecto->fecha_fin_estimada)->format('d/m/Y') }}</p>
                    @endif
                    @if($proyecto->fecha_fin_real)
                        <p class="mb-1"><strong>Fin Real:</strong> {{ \Carbon\Carbon::parse($proyecto->fecha_fin_real)->format('d/m/Y') }}</p>
                    @endif
                    <hr>
                    <p class="mb-2"><strong>Progreso:</strong></p>
                    <div class="progress mb-3" style="height: 20px;">
                        <div class="progress-bar {{ $proyecto->progreso >= 100 ? 'bg-success' : ($proyecto->progreso >= 50 ? 'bg-info' : 'bg-warning') }}"
                             role="progressbar" style="width: {{ $proyecto->progreso }}%"
                             aria-valuenow="{{ $proyecto->progreso }}" aria-valuemin="0" aria-valuemax="100">
                            {{ $proyecto->progreso }}%
                        </div>
                    </div>
                    <p class="mb-1"><strong>Presupuesto:</strong> ${{ number_format($proyecto->presupuesto, 2) }}</p>
                    <p class="mb-1"><strong>Gasto Real:</strong> ${{ number_format($proyecto->gasto_real, 2) }}</p>
                    @if($proyecto->descripcion)
                        <hr>
                        <p class="mb-1"><strong>Descripción:</strong></p>
                        <p>{{ $proyecto->descripcion }}</p>
                    @endif
                </div>
            </div>

            <div class="mt-3">
                <a href="{{ route('proyecto.index') }}" class="btn btn-secondary w-100">Volver al Listado</a>
            </div>
        </div>
    </div>
@endsection