<!DOCTYPE >
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap" rel="stylesheet">

    <style>
        body { background-color: #f8f9fa; font-family: 'Cairo', sans-serif; }
        header { background-color: #0d6efd; color: white; }
        header nav a { color: white; margin: 0 10px; text-decoration: none; }
        footer { background-color: #212529; color: white; padding: 20px; }
        footer a { color: white; margin: 0 10px; }
    </style>
</head>

 <style>
 @font-face {
    font-family: 'MyFont';
    src: url('font/fonts/DroidKufi.ttf') format('truetype');
}


  body {
    background: linear-gradient(to right, #f8f9fa, #e9ecef);
    font-family: 'Cairo', sans-serif;
}

.form-container {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 30px;
    margin-top: 40px;
    transition: transform 0.2s ease-in-out;
}

.form-container:hover {
    transform: scale(1.01);
}

.form-label {
    font-weight: bold;
    color: #495057;
}

.form-control {
    border-radius: 8px;
    border: 1px solid #ced4da;
    transition: all 0.3s ease;
}

.form-control:focus {
    border-color: #28a745;
    box-shadow: 0 0 8px rgba(40,167,69,0.3);
}

.btn-success {
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: bold;
    background: linear-gradient(to right, #28a745, #218838);
    border: none;
    transition: background 0.3s ease;
}

.btn-success:hover {
    background: linear-gradient(to right, #218838, #1e7e34);
}

    </style>
<body>
        <div class="min-h-screen bg-gray-100">
            
            <!-- Page Heading -->
            <?php if(isset($header)): ?>
                <header class="bg-white shadow">
                    <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
                        <?php echo e($header); ?>

                    </div>
                </header>
            <?php endif; ?>

            <!-- Page Content -->
             <!-- الهيدر -->
    <header class="p-3 d-flex justify-content-between align-items-center">
        <div class="d-flex align-items-center">
            <img src="build/assets/logo-fmoh2.png" alt="شعار الوزارة" style="height:50px;border-radius: 8px;" class="me-2">
            <h3 class="mb-0" style="margin-right: 10px;" > Federal Ministry of Health </h3>
        </div>
        <nav>
            <a href="<?php echo e(route('login')); ?>"> Log in to your account </a>
          
        </nav>
    </header>

            <main style="margin-top: 25px;">
                 <?php echo $__env->yieldContent('content'); ?>
            </main>
        </div>
    </body>
</html>
<?php /**PATH /var/www/html/moh-portal/resources/views/layouts/appuser.blade.php ENDPATH**/ ?>