@extends('layouts.customer')

@php
    $pageLabels = match(app()->getLocale()) {
        'en' => ['discount' => 'Discount', 'browse' => 'Browse products'],
        'es' => ['discount' => 'Descuento', 'browse' => 'Ver productos'],
        'tr' => ['discount' => 'İndirim', 'browse' => 'Ürünlere göz at'],
        'it' => ['discount' => 'Sconto', 'browse' => 'Sfoglia prodotti'],
        default => ['discount' => 'نسبة الخصم', 'browse' => 'تصفح المنتجات'],
    };
@endphp

@section('title', __('customer_auth.dashboard_title'))

@push('styles')
    .account-information { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:15px; margin-top:25px; }
    .information-box { padding:17px; border:1px solid #dfeaf5; border-radius:11px; background:#f5f9fd; }
    .information-label { margin-bottom:7px; color:#667085; font-size:13px; }
    .information-value { font-weight:700; }
    .notice { margin-top:25px; padding:17px; border-radius:11px; color:#064783; background:#eaf3fc; }
@endpush

@section('content')
    <section class="card">
        <h1 class="page-title">{{ __('customer_auth.welcome', ['name' => auth()->user()->full_name]) }}</h1>
        <p>{{ __('customer_auth.dashboard_description') }}</p>
        <div class="account-information">
            <div class="information-box"><div class="information-label">{{ __('customer_auth.username') }}</div><div class="information-value">{{ auth()->user()->username }}</div></div>
            <div class="information-box"><div class="information-label">{{ __('customer_auth.account_type') }}</div><div class="information-value">{{ auth()->user()->account_type }}</div></div>
            <div class="information-box"><div class="information-label">{{ __('customer_auth.account_status') }}</div><div class="information-value">{{ auth()->user()->status }}</div></div>
            <div class="information-box"><div class="information-label">{{ $pageLabels['discount'] }}</div><div class="information-value">{{ number_format((float) auth()->user()->discount_percentage, 2) }}%</div></div>
        </div>
        <div class="notice"><a class="button" href="{{ route('customer.products.index') }}">{{ $pageLabels['browse'] }}</a></div>
    </section>
@endsection