@extends('layouts.base')

@section('content')
    @section('breadcrumb')
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ $homeUrl }}">Accueil</a></li>
                <li class="breadcrumb-item"><a href="{{ route('partner.workflows.list') }}">Workflows de vente</a></li>
                <li class="breadcrumb-item"><a href="{{ route('partner.workflows.show', $workflow) }}">{{ $workflow->name }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">Étapes de la vente</li>
            </ol>
        </nav>
    @endsection

    <div class="container-fluid py-4">
        <!-- Messages de validation -->
        @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <h5 class="alert-heading"><i class="fas fa-check-circle me-2"></i>Succès</h5>
            <p class="mb-0">{{ session('success') }}</p>
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        @endif

        @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <h5 class="alert-heading"><i class="fas fa-exclamation-triangle me-2"></i>Erreur</h5>
            <p class="mb-0">{{ session('error') }}</p>
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        @endif

        <!-- Header Section -->
        <div class="row mb-4">
            <div class="col-12">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="d-flex flex-column gap-2">
                        <h1 class="h3 mb-1 text-primary">
                            <i class="fas fa-list-check me-2"></i>Étapes de la vente
                        </h1>
                        <p class="text-muted mb-0">Workflow: {{ $workflow->name }}</p>
                    </div>
                    <div class="d-flex gap-2">
                        <a class="btn btn-outline-primary" href="{{ route('partner.workflows.show', $workflow) }}">
                            <i class="fas fa-arrow-left me-2"></i>Retour au workflow
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Reservations and their task_reservations -->
        <div class="card shadow-sm">
            <div class="card-body">
                @if($reservations->isEmpty())
                    <div class="text-center py-5">
                        <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                        <h5 class="mb-1">Aucune réservation trouvée</h5>
                        <p class="text-muted mb-0">Les réservations de ce workflow apparaîtront ici.</p>
                    </div>
                @else
                    @foreach($reservations as $reservation)
                        <div class="card mb-4 border">
                            <div class="card-header bg-light">
                                <div class="d-flex justify-content-between align-items-center">
                                    <div>
                                        <h5 class="mb-0">
                                            <i class="fas fa-file-contract me-2"></i>
                                            Réservation #{{ $reservation->id }}
                                        </h5>
                                        @if($reservation->client)
                                            <small class="text-muted">
                                                Client: {{ $reservation->client->firstname }} {{ $reservation->client->lastname }}
                                            </small>
                                        @endif
                                        @if($reservation->option && $reservation->option->product)
                                            <br><small class="text-muted">
                                                Lot: {{ $reservation->option->product->name }}
                                            </small>
                                        @endif
                                    </div>
                                    @if($reservation->created_at)
                                        <small class="text-muted">
                                            Créée le {{ $reservation->created_at->format('d/m/Y à H:i') }}
                                        </small>
                                    @endif
                                </div>
                            </div>
                            <div class="card-body">
                                @php
                                    // Trier les task_reservations selon l'ordre hiérarchique des tâches
                                    // (identique à l'ordre dans tasks/list)
                                    $taskReservations = $reservation->taskReservations->sortBy(function($tr) use ($orderedTaskIds) {
                                        if (!$tr->task) {
                                            return 999999; // Tâches supprimées à la fin
                                        }
                                        $index = $orderedTaskIds->search($tr->task->id);
                                        return $index !== false ? $index : 999999;
                                    });
                                @endphp

                                @if($taskReservations->isEmpty())
                                    <p class="text-muted mb-0">Aucune étape associée à cette réservation.</p>
                                @else
                                    <div class="table-responsive">
                                        <table class="table table-hover table-bordered align-middle mb-0">
                                            <thead class="table-light">
                                                <tr>
                                                    <th><i class="fas fa-sort-numeric-down me-1"></i>Ordre</th>
                                                    <th><i class="fas fa-tasks me-1"></i>Étape</th>
                                                    <th class="text-center"><i class="fas fa-info-circle me-1"></i>État</th>
                                                    @if($isSupport)
                                                        <th class="text-center"><i class="fas fa-edit me-1"></i>Modifier l'état</th>
                                                    @endif
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($taskReservations as $taskReservation)
                                                    <tr>
                                                        <td>
                                                            {{ $taskReservation->task ? ($taskReservation->task->order ?? '-') : '-' }}
                                                        </td>
                                                        <td>
                                                            @if($taskReservation->task)
                                                                <div class="fw-bold">{{ $taskReservation->task->name }}</div>
                                                                @if($taskReservation->task->description_admin)
                                                                    <small class="text-muted">{{ \Illuminate\Support\Str::limit($taskReservation->task->description_admin, 100) }}</small>
                                                                @endif
                                                            @else
                                                                <span class="text-muted">Tâche supprimée</span>
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            @if($taskReservation->state)
                                                                <span class="badge {{ $taskReservation->state->bgColor() }} rounded-pill">
                                                                    <i class="fas {{ $taskReservation->state->icon() }} me-1"></i>
                                                                    {{ $taskReservation->state->label() }}
                                                                </span>
                                                                @if($taskReservation->sru_ends_at)
                                                                    <br><small class="text-muted">
                                                                        SRU jusqu'au: {{ $taskReservation->sru_ends_at->format('d/m/Y') }}
                                                                    </small>
                                                                @endif
                                                            @else
                                                                <span class="text-muted">-</span>
                                                            @endif
                                                        </td>
                                                        @if($isSupport)
                                                            <td class="text-center">
                                                                <form method="POST" 
                                                                      action="{{ route('partner.workflows.task_reservations.update_state', ['workflow' => $workflow, 'taskReservation' => $taskReservation]) }}" 
                                                                      class="d-inline">
                                                                    @csrf
                                                                    @method('PUT')
                                                                    <select name="state" 
                                                                            class="form-select form-select-sm d-inline-block w-auto" 
                                                                            onchange="this.form.submit()"
                                                                            style="min-width: 150px;">
                                                                        @foreach(\App\Enums\TaskState::cases() as $state)
                                                                            <option value="{{ $state->value }}" 
                                                                                    {{ $taskReservation->state === $state ? 'selected' : '' }}>
                                                                                {{ $state->label() }}
                                                                            </option>
                                                                        @endforeach
                                                                    </select>
                                                                </form>
                                                            </td>
                                                        @endif
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @endif
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </div>

@endsection