@extends('member.dashboard')

@section('member-content')
<!-- order header -->
<div class="card mb-4">
    <div class="card-body">
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
            <div class="d-flex align-items-center gap-3">
                <a href="{{ route('member.orders') }}" class="btn btn-outline-secondary btn-sm"><i class="ri-arrow-left-line me-1"></i>{{ __('member.order.order_back') }}</a>
                <div>
                    <h4 class="mb-1">{{ __('member.order_label') }} <span class="fw-bold">{{ $order->order_reference }}</span></h4>
                    <div class="text-muted">Passée le <strong>12/08/2025</strong> • Paiement <strong>Visa</strong> • Livraison <strong>Standard</strong></div>
                </div>
            </div>
            <div class="d-flex align-items-center gap-2">
                <span class="badge rounded-pill text-bg-success">{{ $order->status->label() }}</span>
                <a class="btn btn-outline-primary btn-sm" href="#"><i class="ri-file-download-line me-1"></i>Facture (PDF)</a>
            </div>
        </div>

    </div>
</div>

<!-- order content -->
<div class="card mb-4">
    <div class="card-header d-flex align-items-center justify-content-between flex-wrap gap-2">
        <h5 class="mb-0">{{ __('member.order.order_products') }}</h5>
        <div class="mini-card"><span class="mini-title">{{ __('member.order.order_products') }}</span>
            <div class="fw-semibold">3</div>
        </div>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table align-middle">
                <thead>
                    <tr>
                        <th style="width:56px;"></th>
                        <th>{{ __('member.order.order_product') }}</th>
                        <th class="text-center" style="width:120px;">{{ __('member.order.order_quantity') }}</th>
                        <th class="text-end" style="width:160px;">{{ __('member.order.order_price') }}</th>
                        <th class="text-end" style="width:160px;">{{ __('member.order.order_subtotal') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($order->items as $item)
                    <tr class="border-top">
                        <td>
                            @if($item->product && !$item->product->trashed())
                            {{-- Produit encore disponible --}}
                            <img src="{{ asset('storage/images/products/'. $item->product->id.'/thumb/' . $item->product->first_image) }}"
                                alt="{{ $item->product_name ?? '' }}"
                                class="rounded" style="width:48px;height:48px;object-fit:cover;" />
                            @else
                            {{-- Produit supprimé ou indisponible --}}
                            <img src="{{ asset('images/product-unavailable.jpg') }}"
                                alt="{{ $item->product_name }}"
                                class="rounded" style="width:48px;height:48px;object-fit:cover;" />
                            @endif
                        </td>
                        <td>
                            <div class="fw-semibold">{{ $item->product_name }}</div>
                            <div class="text-muted small">
                                {{ $item->product_sku }}
                                @if($item->product_options && is_array($item->product_options))
                                @foreach($item->product_options as $option => $value)
                                • {{ $value }}
                                @endforeach
                                @endif
                            </div>
                            @if($item->discount_amount > 0)
                            <div class="text-success small">
                                <i class="ri-discount-percent-line"></i>
                                Remise:
                                @if($item->discount_type === 'fixed')
                                -{{ number_format($item->discount_amount_in_euros, 2) }}€
                                @else
                                -{{ $item->discount_amount }}%
                                @endif
                            </div>
                            @endif
                        </td>
                        <td class="text-center">
                            {{ $item->quantity }}
                            @if($item->is_returned && $item->returned_quantity > 0)
                            <div class="text-warning small">
                                <i class="ri-arrow-go-back-line"></i>
                                {{ $item->returned_quantity }} retourné(s)
                            </div>
                            @endif
                        </td>
                        <td class="text-end">
                            @if($item->discount_amount > 0)
                            <div class="text-muted text-decoration-line-through small">
                                {{ number_format($item->unit_price_in_euros, 2) }} €
                            </div>
                            <div>{{ number_format($item->discounted_unit_price, 2) }} €</div>
                            @else
                            {{ number_format($item->unit_price_in_euros, 2) }} €
                            @endif
                        </td>
                        <td class="text-end fw-semibold">{{ number_format($item->total_price_with_shipping, 2) }} €</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>


<!-- Section adresses et résumé -->
<div class="row g-4">
    <div class="col-12 col-xl-7">
        <div class="card h-100">
            <div class="card-header">
                <h5 class="mb-0">{{ __('member.order.order_addresses') }}</h5>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="mini-card h-100">
                            <div class="mini-title mb-1">
                                <i class="ri-map-pin-line me-1"></i>{{ __('member.order.order_delivery') }}
                            </div>
                            <div>{{ $order->getFormattedShippingAddress() }}</div>
                            <div class="mt-2 text-muted small">
                                {{ __('member.order.order_delivery_method') }} : {{ $order->delivery_method }}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mini-card h-100">
                            <div class="mini-title mb-1">
                                <i class="ri-bank-card-line me-1"></i>{{ __('member.order.order_billing') }}
                            </div>
                            <div>{{ $order->getFormattedBillingAddress() }}</div>
                            <div class="mt-2 text-muted small">
                                {{ __('member.order.order_payment_method') }} : {{ ucfirst($order->payment_method) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-12 col-xl-5">
        <div class="card h-100">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">{{ __('member.order.order_summary') }}</h5>
                <span class="badge bg-{{ $order->status->value === 'delivered' ? 'success' : ($order->status->value === 'cancelled' ? 'danger' : 'primary') }}">
                    {{ ucfirst($order->status->value) }}
                </span>
            </div>
            <div class="card-body">
                <div class="d-flex justify-content-between py-1">
                    <span class="text-muted">{{ __('member.order.order_subtotal') }}</span>
                    <span>{{ number_format($order->subtotal, 2) }} €</span>
                </div>
                
                @if($order->delivery_cost > 0)
                <div class="d-flex justify-content-between py-1">
                    <span class="text-muted">{{ __('member.order.order_delivery') }}</span>
                    <span>{{ number_format($order->delivery_cost, 2) }} €</span>
                </div>
                @else
                <div class="d-flex justify-content-between py-1">
                    <span class="text-muted">{{ __('member.order.order_delivery') }}</span>
                    <span class="text-success">Gratuit</span>
                </div>
                @endif
                
                @if($order->tvarate > 0)
                <div class="d-flex justify-content-between py-1">
                    <span class="text-muted">{{ __('member.order.order_tax') }} ({{ $order->tvarate }}%)</span>
                    <span>{{ number_format($order->tax_amount, 2) }} €</span>
                </div>
                @endif
                
                @if($order->discount > 0)
                <div class="d-flex justify-content-between py-1">
                    <span class="text-muted">
                        {{ __('member.order.order_discount') }}
                        @if($order->voucher)
                            <small>({{ $order->voucher->code }})</small>
                        @endif
                    </span>
                    <span class="text-success">- {{ number_format($order->discount, 2) }} €</span>
                </div>
                @endif
                
                <hr class="my-2" />
                
                <div class="d-flex justify-content-between py-1 fw-semibold fs-5">
                    <span>{{ __('member.order.order_total_paid') }}</span>
                    <span>{{ number_format( $order->final_amount_in_euros, 2)  }} €</span>
                </div>
                
                <!-- @if($order->final_amount !== $order->total_amount)
                <div class="d-flex justify-content-between py-1 text-muted small">
                    <span>Montant final</span>
                    <span>{{ number_format($order->final_amount_in_euros, 2) }} €</span>
                </div>
                @endif -->
                
                <div class="mt-3 d-flex gap-2 flex-wrap">
                    <a class="btn btn-outline-primary btn-sm" href="#">
                        <i class="ri-file-download-line me-1"></i>{{ __('member.order.order_download_invoice') }}
                    </a>
                    
                    <!-- @if($order->canReturnItems() && !$order->hasReturnedItems())
                    <a class="btn btn-outline-warning btn-sm" href="#">
                        <i class="ri-arrow-go-back-line me-1"></i>Retourner un article
                    </a>
                    @endif -->
                    
                    <!-- @if($order->canBeCanceled())
                    <a class="btn btn-outline-danger btn-sm" href="#">
                        <i class="ri-close-line me-1"></i>Annuler la commande
                    </a>
                    @endif -->
                </div>
                
                <div class="mt-3 pt-2 border-top">
                    <div class="small text-muted">
                        <div><strong>Référence:</strong> {{ $order->order_reference }}</div>
                        <div><strong>Date:</strong> {{ $order->created_at->format('d/m/Y à H:i') }}</div>
                        @if($order->transaction_id)
                        <div><strong>Transaction:</strong> {{ $order->transaction_id }}</div>
                        @endif
                        @if($order->total_returned_items > 0)
                        <div class="text-warning"><strong>Articles retournés:</strong> {{ $order->total_returned_items }}</div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection