@extends('layouts.app')

@section('title', 'My Account')

@section('content')
<div class="container">
    <h1 class="mb-4">My account</h1>
    <div class="row g-4">
        <div class="col-lg-4">
            <div class="card section-card">
                <div class="card-body p-4">
                    <h5>{{ $user->name }}</h5>
                    <p class="text-muted mb-1">{{ $user->email }}</p>
                    <p class="small text-muted mb-0">MFA status: {{ $user->two_factor_confirmed_at || $user->mfa_confirmed_at ? 'Enabled' : 'Not configured' }}</p>
                    <div class="small text-muted mt-2">Account credit: @money((float) $user->account_credit_balance)</div>
                    <div class="small text-muted">Loyalty points: {{ number_format((int) $user->loyalty_points_balance) }}</div>
                    <div class="d-grid gap-2 mt-3">
                        <a href="{{ route('account.profile') }}" class="btn btn-outline-primary btn-sm">Profile</a>
                        <a href="{{ route('account.addresses.index') }}" class="btn btn-outline-primary btn-sm">Addresses</a>
                        <a href="{{ route('account.orders.index') }}" class="btn btn-outline-primary btn-sm">Orders</a>
                        <a href="{{ route('account.security') }}" class="btn btn-outline-primary btn-sm">Security</a>
                        <a href="{{ route('cookie-preferences.show') }}" class="btn btn-outline-primary btn-sm">Cookie preferences</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-8">
            <div class="card section-card">
                <div class="card-body p-4">
                    <h2 class="h4">Recent orders</h2>
                    @forelse ($user->orders as $order)
                        <div class="border rounded-4 p-3 mb-3">
                            <strong>{{ $order->order_number }}</strong><br>
                            <span class="small text-muted">{{ $order->status }} | {{ $order->payment_status }}</span><br>
                            <span class="small">Total: @money($order->grand_total)</span>
                            @if ($order->trackingUrl())
                                <br><a href="{{ $order->trackingUrl() }}" target="_blank">Track shipment</a>
                            @endif
                        </div>
                    @empty
                        <div class="alert alert-info mb-0">No orders yet.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</div>
@endsection