<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="PayWay">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
    </script>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Purchase E-ticket</title>

    <style>
        /* Make the background image cover the entire body */
        body {
            /* background: url('https://images.squarespace-cdn.com/content/v1/63bfcb2067c38c44a68befa5/71a61f31-3b7d-4ad9-966f-b680fa3fc733/434394151_396494869869106_8602569797481770883_n.jpg?format=1500w') no-repeat center center fixed; */
            background-image: url('<?php echo e(asset('assets/image/football.png')); ?>');
            background-size: cover;
            background-position: center;
        }

        .navbar {
            border-radius: 0 0 15px 15px;
            padding: 1rem;
            background-color: #ffffff;
        }

        .navbar-inner {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .navbar-nav {
            display: flex;
            gap: 1rem;
        }

        .navbar-brand {
            margin-left: 20px;
        }

        .nav-link {
            padding: 0.5rem 1rem;
        }

        .navbar-toggler {
            border: none;
        }
    </style>
</head>

<!-- 1) Use Bootstrap flexbox classes on body -->

<body class="d-flex flex-column min-vh-100">

    <nav class="navbar navbar-expand-lg">
        <div class="container-fluid navbar-inner">
            <a class="navbar-brand" href="/">
                <img src="<?php echo e(url('assets/image/SHV.png')); ?>" alt="Life Football Club Logo" width="50" height="50"
                    class="me-2">
                <img src="https://pkrsvayriengfc.com/wp-content/uploads/2022/03/CPL-Logo-1.png"
                    alt="Life Football Club Logo" width="70" height="50" class="me-2">
                <img src="https://upload.wikimedia.org/wikipedia/en/8/85/Hun_Sen_Cup.png" alt="Ticket Image"
                    style="width: 50px; height: 50px;">
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link active" aria-current="page" href="/"><i class="bi bi-house"></i>
                            Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/ticket"><i class="bi bi-ticket-perforated"></i>
                            Ticket</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://www.lifefootballclub.com/"><i class="bi bi-plus-circle"></i>
                            About us</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://www.lifefootballclub.com/first-team">
                            <i class="bi bi-person"></i> Our Team
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- 2) Wrap your main content in a .flex-fill container -->
    <div class="flex-fill">
        <?php echo e($slot); ?>

    </div>

    <!-- 3) The footer remains at the bottom -->
    <footer class="text-center text-lg-start bg-body-tertiary text-muted">
        <!-- Section: Social media -->
        <section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom">
            <div class="me-5 d-none d-lg-block">
                <span>Get connected with us on social networks:</span>
            </div>
            <div>
                <a href="https://www.facebook.com/lifefootballclub" class="me-4 text-reset text-decoration-none">
                    <i class="bi bi-facebook">Facebook</i>
                </a>
                <a href="https://youtube.com/@LIFEFC_SHV" class="me-4 text-reset text-decoration-none">
                    <i class="bi bi-youtube">Youtube</i>
                </a>
                <a href="https://www.instagram.com/lifefc_shv" class="me-4 text-reset text-decoration-none">
                    <i class="bi bi-instagram">Instagram</i>
                </a>
            </div>
        </section>

        <section class="">
            <div class="container text-center text-md-start mt-5">
                <div class="row mt-3">
                    <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
                        <h6 class="text-uppercase fw-bold mb-4">
                            <i class="fas fa-gem me-3"></i>Life football club
                        </h6>
                        <p>
                            Mondul 3, Sankat 2, Phreah Sihanouk, Sihanoukville, Kingdom of Cambodia
                        </p>
                    </div>
                    <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
                        <h6 class="text-uppercase fw-bold mb-4">Contact</h6>
                        <p><i class="fas fa-home me-3"></i>Cambodia, Sihanoukville (city)</p>
                        <p>
                            <i class="fas fa-envelope me-3"></i>
                            admin@fc.lifeun.edu.kh
                        </p>
                    </div>
                    <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
                        <strong>We accept:
                            <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTBaIWOm2-KzxfeitOZ1LyeNMpyUoprho2Fwg&s"
                                alt="logo" style="height: 20px;">
                        </strong>
                    </div>
                </div>
            </div>
        </section>

        <div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
            © <?php echo e(date('Y')); ?> Copyright:
            <a class="text-reset fw-bold text-reset text-decoration-none"
                href="https://www.lifefootballclub.com/">lifefootballclub</a>
        </div>
    </footer>
</body>

</html>
<?php /**PATH C:\xampp\htdocs\fcticket_project\resources\views/components/navbar.blade.php ENDPATH**/ ?>