<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ $title ?? 'M Ghaffar Graphics' }}</title>
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
</head>
<body>
    <header class="topbar public-header slim-header">
        <a class="brand header-brand" href="{{ route('home') }}">
            <span class="brand-mark">MGG</span>
            <span><strong>M Ghaffar Graphics</strong></span>
        </a>
        <nav class="nav public-nav">
            <a href="{{ route('home') }}">Home</a>
            <a href="{{ route('about') }}">About</a>
            <a href="{{ route('services') }}">Services</a>
            <a href="{{ route('portfolio') }}">Portfolio</a>
            <a href="{{ route('pricing') }}">Pricing</a>
            <a href="{{ route('contact') }}">Contact</a>
            @auth
                <a class="btn small" href="{{ route(auth()->user()->portalRole().'.dashboard') }}">Dashboard</a>
            @else
                <a class="btn small" href="{{ route('login') }}">Login</a>
            @endauth
        </nav>
    </header>

    @if (session('status'))
        <div class="flash">{{ session('status') }}</div>
    @endif

    @if ($errors->any())
        <div class="flash error">{{ $errors->first() }}</div>
    @endif

    {{ $slot ?? '' }}
</body>
</html>
