{{-- resources/views/settings/index.blade.php --}}
@extends('layouts.app')
@section('title', 'Settings')
@section('page_title', 'Settings')
@section('page_subtitle', 'Manage your property configuration')

@section('content')

<div class="row g-3">

    @php
        $sections = [
            ['icon' => 'bi-building-gear', 'color' => 'var(--clay)', 'title' => 'General', 'desc' => 'Property name, type, contact info, branding', 'route' => 'settings.general'],
            ['icon' => 'bi-currency-exchange', 'color' => '#3b82f6', 'title' => 'Currencies', 'desc' => 'Base currency and exchange rates', 'route' => 'settings.currencies'],
            ['icon' => 'bi-credit-card', 'color' => '#10b981', 'title' => 'Payment Methods', 'desc' => 'Cash, card, EcoCash, InnBucks etc.', 'route' => 'settings.payment-methods'],
            ['icon' => 'bi-receipt-cutoff', 'color' => '#f59e0b', 'title' => 'Tax Rates', 'desc' => 'VAT, tourism levy and other taxes', 'route' => 'settings.tax-rates'],
            ['icon' => 'bi-calendar-range', 'color' => '#8b5cf6', 'title' => 'Seasons', 'desc' => 'Low, shoulder, high and peak seasons', 'route' => 'settings.seasons'],
            ['icon' => 'bi-file-text', 'color' => '#ec4899', 'title' => 'Policies', 'desc' => 'Cancellation, deposit and no-show policies', 'route' => 'settings.policies'],
            ['icon' => 'bi-bell', 'color' => '#06b6d4', 'title' => 'Notifications', 'desc' => 'Email, SMS and WhatsApp templates', 'route' => 'settings.notifications'],
            ['icon' => 'bi-people', 'color' => '#64748b', 'title' => 'Staff Users', 'desc' => 'Manage team members and roles', 'route' => 'settings.users'],
            ['icon' => 'bi-images', 'color' => '#0ea5e9', 'title' => 'Property Photos', 'desc' => 'Gallery and cover image', 'route' => 'settings.images'],
            ['icon' => 'bi-credit-card-2-front', 'color' => '#C4622D', 'title' => 'Subscription', 'desc' => 'Plan, billing and feature access', 'route' => 'settings.subscription'],
        ];
    @endphp

    @foreach($sections as $section)
        <div class="col-sm-6 col-xl-4">
            <a href="{{ tenant_route($section['route']) }}"
               style="text-decoration:none;">
                <div class="card h-100"
                     style="transition:box-shadow .15s,transform .15s;"
                     onmouseover="this.style.boxShadow='0 4px 20px rgba(0,0,0,.08)';this.style.transform='translateY(-2px)'"
                     onmouseout="this.style.boxShadow='none';this.style.transform='none'">
                    <div class="card-body"
                         style="display:flex;align-items:center;gap:14px;padding:18px;">
                        <div style="width:44px;height:44px;border-radius:10px;
                                    background:{{ $section['color'] }}18;
                                    display:flex;align-items:center;
                                    justify-content:center;flex-shrink:0;">
                            <i class="bi {{ $section['icon'] }}"
                               style="font-size:1.1rem;color:{{ $section['color'] }};"></i>
                        </div>
                        <div>
                            <div class="fw-semibold" style="font-size:.88rem;">
                                {{ $section['title'] }}
                            </div>
                            <div style="font-size:.73rem;color:var(--muted);margin-top:2px;">
                                {{ $section['desc'] }}
                            </div>
                        </div>
                        <i class="bi bi-chevron-right ms-auto"
                           style="color:var(--border);font-size:.8rem;"></i>
                    </div>
                </div>
            </a>
        </div>
    @endforeach

</div>

@endsection