<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ $siteSettings['site_name'] ?? 'Touchfoundation' }} NGO</title>
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
</head>
<body>
    <!-- Top Bar -->
    <div class="top-bar">
        <div class="container">
            <div class="top-bar-left">
                <span>✉️ {{ $siteSettings['contact_email'] ?? 'info@touchfoundation.org' }}</span>
                <span>📍 {{ $siteSettings['contact_address'] ?? '123 Charity Lane, City' }}</span>
                <span>🕒 {{ $siteSettings['working_hours'] ?? 'Mon - Fri 09 - 18' }}</span>
            </div>
            <div class="top-bar-right">
                <span>🌍 Supporting Communities</span>
                @auth
                    <a href="{{ route('admin.settings') }}" style="color: #00bcd4; margin-left: 15px; text-decoration: none; font-weight: 700;">✏️ Edit Site Info</a>
                @endauth
            </div>
        </div>
    </div>

    @include('partials.header')

    @if(!Request::is('/'))
        <section class="page-banner">
            <h1>@yield('page_title', 'Touchfoundation')</h1>
        </section>
    @endif

    <main class="page-content">
        @if(!Request::is('/') && trim($__env->yieldContent('page_subtitle')))
            <div class="page-subtitle-bar" style="background: #000; padding: 40px 0; text-align: center; border-bottom: 1px solid #1a1a1a;">
                <div class="container">
                    <p style="color: rgba(255,255,255,0.8); font-size: 1.2rem; max-width: 800px; margin: 0 auto; line-height: 1.7; font-weight: 500;">@yield('page_subtitle')</p>
                </div>
            </div>
        @endif
        @yield('content')
    </main>

    @include('partials.footer')
</body>
</html>
