@extends('layouts.app')

@section('title', 'Encomenda #' . $order->id . ' - LaravelStore')

@section('content')
<div class="container py-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('home') }}">Início</a></li>
            <li class="breadcrumb-item"><a href="{{ route('orders') }}">Minhas Encomendas</a></li>
            <li class="breadcrumb-item active" aria-current="page">Encomenda #{{ $order->id }}</li>
        </ol>
    </nav>

    <h1 class="mb-4">Encomenda #{{ $order->id }}</h1>

    <div class="row">
        <div class="col-md-8">
            <div class="card mb-4">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0">Produtos</h5>
                </div>
                <div class="card-body">
                    @foreach($order->items as $item)
                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <div class="d-flex align-items-center">
                                @if($item->product->image)
                                    <img src="{{ $item->product->image }}" alt="{{ $item->product->name }}" class="me-3" style="width: 60px; height: 60px; object-fit: cover; border-radius: 8px;">
                                @else
                                    <div class="me-3 d-flex align-items-center justify-content-center bg-light" style="width: 60px; height: 60px; border-radius: 8px;">
                                        <i class="fas fa-box text-muted"></i>
                                    </div>
                                @endif
                                <div>
                                    <strong>{{ $item->product->name }}</strong>
                                    <br><small class="text-muted">Quantidade: {{ $item->quantity }}</small>
                                </div>
                            </div>
                            <div class="text-end">
                                <span class="d-block">{{ number_format($item->price * $item->quantity, 2) }}€</span>
                                @if($item->product->is_digital && $item->product->hasDownload())
                                    @if($order->downloads_released)
                                        @if($item->product->file_url)
                                            <a href="{{ $item->product->file_url }}" target="_blank" rel="noopener" class="btn btn-sm btn-info mt-1 text-white">
                                                <i class="fas fa-external-link-alt me-1"></i> Aceder
                                            </a>
                                        @endif
                                        @if($item->product->file_path)
                                            <a href="{{ route('orders.download', [$order->id, $item->product->id]) }}" class="btn btn-sm btn-success mt-1">
                                                <i class="fas fa-download me-1"></i> Download
                                            </a>
                                        @endif
                                    @else
                                        <span class="badge bg-warning text-dark mt-1 d-block">Aguarda confirmação de pagamento</span>
                                    @endif
                                @endif
                            </div>
                        </div>
                    @endforeach

                    @php $pendingDigitalItems = $order->items->filter(fn($item) => $item->product->is_digital && $item->product->hasDownload() && !$order->downloads_released); @endphp
                    @if($pendingDigitalItems->count() > 0)
                        <div class="alert alert-info mt-3 mb-3">
                            <h6 class="mb-1"><i class="fas fa-clock me-1"></i> Produtos Digitais</h6>
                            <p class="mb-0 small">Os produtos digitais estarão disponíveis para download após a confirmação do pagamento. Receberá um email com os links.</p>
                        </div>
                    @endif

                    <hr>
                    <div class="d-flex justify-content-between">
                        <strong>Subtotal</strong>
                        <span>{{ number_format($order->subtotal, 2) }}€</span>
                    </div>
                    @if($order->discount_amount > 0)
                    <div class="d-flex justify-content-between text-success">
                        <span>Desconto</span>
                        <span>-{{ number_format($order->discount_amount, 2) }}€</span>
                    </div>
                    @endif
                    @if($order->coupon_discount > 0)
                    <div class="d-flex justify-content-between text-success">
                        <span>Cupão ({{ $order->coupon_code }})</span>
                        <span>-{{ number_format($order->coupon_discount, 2) }}€</span>
                    </div>
                    @endif
                    @if($order->iva_amount > 0)
                    <div class="d-flex justify-content-between">
                        <span>IVA</span>
                        <span>{{ number_format($order->iva_amount, 2) }}€</span>
                    </div>
                    @endif
                    <div class="d-flex justify-content-between">
                        <strong>Total</strong>
                        <strong>{{ number_format($order->total, 2) }}€</strong>
                    </div>
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0">Detalhes</h5>
                </div>
                <div class="card-body">
                    <p><strong>Status:</strong> <span class="badge bg-{{ $order->status == 'delivered' ? 'success' : ($order->status == 'cancelled' ? 'danger' : 'warning') }}">{{ $order->status }}</span></p>
                    <p><strong>Data:</strong> {{ $order->created_at->format('d/m/Y H:i') }}</p>
                    <p><strong>ID de Pagamento:</strong> {{ $order->payment_id }}</p>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0">Moradas</h5>
                </div>
                <div class="card-body">
                    <h6>Morada de Envio</h6>
                    <p class="text-muted">{{ $order->shipping_address ?? 'Não especificada' }}</p>
                    <h6>Morada de Faturação</h6>
                    <p class="text-muted">{{ $order->billing_address ?? 'Igual à morada de envio' }}</p>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection