{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: quick-links.blade.php
------------------------------------------------------
Use: The most-used destinations in the header user menu,
     shared by the user and merchant panels: profile,
     wallet and bank accounts. The hover accent follows
     the panel (violet for a user, Iranian red for a
     merchant).
=====================================================
--}}

@props(['merchant' => false])

@php
    $hover = $merchant
        ? 'hover:bg-secondary-50 hover:text-secondary-500'
        : 'hover:bg-[#f2f0fa] hover:text-primary-600';
@endphp

<div class="p-2">
    <a href="{{ route('account.profile') }}" class="flex items-center gap-3 rounded-[10px] px-3 py-2.5 text-[13.5px] text-ink-soft transition {{ $hover }}">
        <svg class="size-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="3.6"/><path d="M5 20a7 7 0 0 1 14 0"/></svg>
        {{ __('front.panel.profile') }}
    </a>
    <a href="{{ route('account.wallet') }}" class="flex items-center gap-3 rounded-[10px] px-3 py-2.5 text-[13.5px] text-ink-soft transition {{ $hover }}">
        <svg class="size-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7.5A2.5 2.5 0 0 1 5.5 5H18a2 2 0 0 1 2 2v1"/><path d="M3 7.5V17a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3.5H16a2.5 2.5 0 0 1 0-5H21V8"/><circle cx="16.5" cy="13" r="1"/></svg>
        {{ __('front.panel.wallet') }}
    </a>
    <a href="{{ route('account.bank-accounts') }}" class="flex items-center gap-3 rounded-[10px] px-3 py-2.5 text-[13.5px] text-ink-soft transition {{ $hover }}">
        <svg class="size-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"/><path d="M5 21V10M9 21V10M15 21V10M19 21V10"/><path d="M3 10 12 4l9 6z"/></svg>
        {{ __('front.panel.bank_accounts') }}
    </a>
</div>