@extends('layouts.app')
@section('content')
@php
    $statusLabels = [
        'termine' => 'Terminée',
        'recue' => 'Reçue',
        'en_cours' => 'En cours',
        'prete' => 'Prête',
        'livree' => 'Livrée',
        'annulee' => 'Annulée',
    ];
    $nextStatuses = [
        'recue' => 'en_cours',
        'en_cours' => 'prete',
        'prete' => 'livree',
    ];
@endphp
<div class="page-header">
    <div class="add-item d-flex">
        <div class="page-title">
            <h4>Commande {{ $order->reference }}</h4>
            <h6>{{ $statusLabels[$order->status] ?? $order->status }}</h6>
        </div>
    </div>
    <div class="page-btn">
        @php
            $backUrl = in_array(Auth::user()->role->name ?? '', ['Administrateur', 'Gestionnaire'], true)
                ? route('sales.list')
                : route('services.pos');
        @endphp
        <a href="{{ $backUrl }}" class="btn btn-added downloader">
            <i data-feather="arrow-left" class="me-2"></i>Retour
        </a>
    </div>
</div>

<div class="row">
    <div class="col-lg-8">
        <div class="card mb-3">
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-6"><strong>Client :</strong> {{ $order->nomCl ?? '—' }}</div>
                    <div class="col-md-6"><strong>Caissier :</strong> {{ $order->user->nom ?? '' }} {{ $order->user->prenom ?? '' }}</div>
                    <div class="col-md-6"><strong>Type :</strong> {{ $order->type === 'instant' ? 'Vente immédiate' : 'Commande' }}</div>
                    <div class="col-md-6"><strong>Date :</strong> {{ $order->created_at->format('d/m/Y H:i') }}</div>
                    @if($order->due_at)
                        <div class="col-md-6"><strong>Retrait prévu :</strong> {{ $order->due_at->format('d/m/Y') }}</div>
                    @endif
                    @if($order->notes)
                        <div class="col-12"><strong>Notes :</strong> {{ $order->notes }}</div>
                    @endif
                </div>
                <table class="table">
                    <thead><tr><th>Prestation</th><th>Quantité</th><th>Montant</th></tr></thead>
                    <tbody>
                        @foreach($order->lines as $line)
                            @php $label = $line->metadata['unit_label'] ?? 'unité'; @endphp
                            <tr>
                                <td>
                                    {{ $line->service_name }}
                                    @if($line->description)<br><small>{{ $line->description }}</small>@endif
                                </td>
                                <td>{{ $line->quantity }} {{ $label }}</td>
                                <td>{{ number_format($line->line_total, 0, ',', ' ') }} FCFA</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="card mb-3">
            <div class="card-body">
                <p><strong>Total :</strong> {{ number_format($order->montant_total, 0, ',', ' ') }} FCFA</p>
                <p><strong>Payé :</strong> {{ number_format($order->montant_paiement, 0, ',', ' ') }} FCFA</p>
                <p><strong>Reste :</strong> {{ number_format($order->montant_due, 0, ',', ' ') }} FCFA</p>
                <p><strong>Paiement :</strong> {{ $order->payment_status }}</p>
            </div>
        </div>

        @if($order->type === 'order' && Auth::user()->role->name !== 'Caissiere')
            @if(isset($nextStatuses[$order->status]))
                <div class="card mb-3">
                    <div class="card-body">
                        <form action="{{ route('services.orders.status', $order->id) }}" method="POST">
                            @csrf
                            @method('PATCH')
                            <input type="hidden" name="status" value="{{ $nextStatuses[$order->status] }}">
                            <button type="submit" class="btn btn-primary w-100">
                                Passer à : {{ $statusLabels[$nextStatuses[$order->status]] }}
                            </button>
                        </form>
                        @if(!in_array($order->status, ['livree', 'annulee']))
                            <form action="{{ route('services.orders.status', $order->id) }}" method="POST" class="mt-2">
                                @csrf
                                @method('PATCH')
                                <input type="hidden" name="status" value="annulee">
                                <button type="submit" class="btn btn-outline-danger w-100">Annuler</button>
                            </form>
                        @endif
                    </div>
                </div>
            @endif
        @endif

        @if($order->montant_due > 0 && $order->status !== 'annulee')
            <div class="card">
                <div class="card-body">
                    <h6>Encaisser un paiement</h6>
                    <form action="{{ route('services.orders.payment', $order->id) }}" method="POST">
                        @csrf
                        <div class="mb-2">
                            <input type="number" step="0.01" name="montant_paiement" class="form-control" max="{{ $order->montant_due }}" required>
                        </div>
                        <div class="mb-2">
                            <select name="payment_method" class="form-control" required>
                                <option value="espece">Espèces</option>
                                <option value="orange_money">Orange Money</option>
                                <option value="wave">Wave</option>
                                <option value="mtn_momo">MTN MoMo</option>
                            </select>
                        </div>
                        <button type="submit" class="btn btn-success w-100">Enregistrer</button>
                    </form>
                </div>
            </div>
        @endif
    </div>
</div>
@endsection