<?php
session_start();

if (!isset($_SESSION['loggedin']) || $_SESSION['loggedin'] !== true) {
    header('Location: index.php');
    exit();
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Mexicana de Aviación</title>

    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="author" content="arpan.com.mx">
    <meta name="description" content="">

    <!-- Dark mode -->
    <script src="assets/js/darkmode.js"></script>

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="assets/images/favicon/favicon-96x96.png" sizes="96x96"/>
    <link rel="icon" type="image/svg+xml" href="assets/images/favicon/favicon.svg"/>
    <link rel="shortcut icon" href="assets/images/favicon/favicon.ico"/>
    <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicon/apple-touch-icon.png"/>
    <meta name="apple-mobile-web-app-title" content="Mexicana"/>
    <link rel="manifest" href="assets/images/favicon/site.webmanifest"/>

    <!-- Google Font -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Poppins:wght@400;500;700&display=swap">

    <!-- Plugins CSS -->
    <link rel="stylesheet" type="text/css" href="assets/vendor/font-awesome/css/all.min.css">
    <link rel="stylesheet" type="text/css" href="assets/vendor/bootstrap-icons/bootstrap-icons.css">
    <link rel="stylesheet" type="text/css" href="assets/vendor/aos/aos.css">
    <link rel="stylesheet" type="text/css" href="assets/vendor/flatpickr/css/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="assets/vendor/choices/css/choices.min.css">

    <!-- Theme CSS -->
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">

</head>

<body class="dashboard">

<!-- Header START -->
<?php
include_once 'components/header.php';
?>
<!-- Header END -->

<!-- **************** MAIN CONTENT START **************** -->
<main>

    <!-- =======================
    Content START -->
    <section class="pt-3">
        <div class="container">
            <div class="row">

                <!-- Sidebar START -->
                <?php
                include_once 'components/sidebar.php';
                ?>
                <!-- Sidebar END -->

                <!-- Main content START -->
                <div class="col-lg-8 col-xl-9">

                    <!-- Offcanvas menu button -->
                    <div class="d-grid mb-0 d-lg-none w-100">
                        <button class="btn btn-primary mb-4" type="button" data-bs-toggle="offcanvas"
                                data-bs-target="#offcanvasSidebar" aria-controls="offcanvasSidebar">
                            <i class="fas fa-sliders-h"></i> Menu
                        </button>
                    </div>

                    <!-- Wishlist START -->
                    <div class="card border bg-transparent">
                        <!-- Card header -->
                        <div class="card-header bg-transparent border-bottom">
                            <h4 class="card-header-title">Destinos Guardados</h4>
                        </div>

                        <!-- Card body START -->
                        <div class="card-body vstack gap-4">
                            <!-- Select and button -->
                            <form class="d-flex justify-content-between">
                                <div class="col-6 col-xl-3">
                                    <select class="form-select form-select-sm js-choice border-0">
                                        <option value="">Ordenar por</option>
                                        <option>Buscado recientemente</option>
                                        <option>Más popular</option>
                                        <option>Mejor evaluado</option>
                                    </select>
                                </div>
                                <!-- Button -->
                                <button class="btn btn-danger-soft mb-0"><i class="fas fa-trash me-2"></i>Eliminar Todos
                                </button>
                            </form>

                            <!-- Wishlist item START -->
                            <div class="card shadow p-2">
                                <div class="row g-0">
                                    <!-- Card img -->
                                    <div class="col-md-3">
                                        <img src="assets/images/blog/tailandia.jpg" class="card-img rounded-2"
                                             alt="Card image">
                                    </div>

                                    <!-- Card body -->
                                    <div class="col-md-9">
                                        <div class="card-body py-md-2 d-flex flex-column h-100">

                                            <!-- Rating and buttons -->
                                            <div class="d-flex justify-content-between align-items-center">
                                                <ul class="list-inline small mb-0">
                                                    <li class="list-inline-item me-0"><i
                                                                class="fa-solid fa-star text-warning"></i></li>
                                                    <li class="list-inline-item me-0"><i
                                                                class="fa-solid fa-star text-warning"></i></li>
                                                    <li class="list-inline-item me-0"><i
                                                                class="fa-solid fa-star text-warning"></i></li>
                                                    <li class="list-inline-item me-0"><i
                                                                class="fa-solid fa-star text-warning"></i></li>
                                                    <li class="list-inline-item"><i
                                                                class="fa-solid fa-star-half-alt text-warning"></i></li>
                                                </ul>

                                                <ul class="list-inline mb-0">
                                                    <!-- Heart icon -->
                                                    <li class="list-inline-item">
                                                        <a href="#" class="btn btn-sm btn-round btn-danger mb-0"><i
                                                                    class="fa-solid fa-fw fa-heart"></i></a>
                                                    </li>

                                                </ul>
                                            </div>

                                            <!-- Title -->
                                            <h5 class="card-title mb-1"><a href="#!">Tailandia</a></h5>
                                            <small><i class="bi bi-geo-alt me-2"></i>Salidas desde el Aeropuerto
                                                Internacional Félipe Ángeles</small>

                                            <!-- Price and Button -->
                                            <div class="d-sm-flex justify-content-sm-between align-items-center mt-3 mt-md-auto">
                                                <!-- Button -->
                                                <div class="d-flex align-items-center">
                                                    <h5 class="fw-bold mb-0 me-1">$24,350.00</h5>
                                                    <span class="mb-0 me-2">/económico</span>
                                                </div>
                                                <!-- Price -->
                                                <div class="mt-3 mt-sm-0">
                                                    <a href="#!" class="btn btn-sm btn-dark w-100 mb-0">Ver Destino</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Wishlist item END -->

                            <!-- Wishlist item START -->
                            <div class="card shadow p-2">
                                <div class="row g-0">
                                    <!-- Card img -->
                                    <div class="col-md-3">
                                        <img src="assets/images/blog/suiza.webp" class="card-img rounded-2"
                                             alt="Card image">
                                    </div>

                                    <!-- Card body -->
                                    <div class="col-md-9">
                                        <div class="card-body d-flex flex-column h-100 py-md-2">

                                            <!-- Rating and buttons -->
                                            <div class="d-flex justify-content-between align-items-center">
                                                <ul class="list-inline small mb-0">
                                                    <li class="list-inline-item me-0"><i
                                                                class="fa-solid fa-star text-warning"></i></li>
                                                    <li class="list-inline-item me-0"><i
                                                                class="fa-solid fa-star text-warning"></i></li>
                                                    <li class="list-inline-item me-0"><i
                                                                class="fa-solid fa-star text-warning"></i></li>
                                                    <li class="list-inline-item me-0"><i
                                                                class="fa-solid fa-star text-warning"></i></li>
                                                    <li class="list-inline-item"><i
                                                                class="fa-solid fa-star-half-alt text-warning"></i></li>
                                                </ul>

                                                <ul class="list-inline mb-0">
                                                    <!-- Heart icon -->
                                                    <li class="list-inline-item">
                                                        <a href="#" class="btn btn-sm btn-round btn-danger mb-0"><i
                                                                    class="fa-solid fa-fw fa-heart"></i></a>
                                                    </li>
                                                </ul>
                                            </div>

                                            <!-- Title -->
                                            <h5 class="card-title mb-1"><a href="#!">Suiza</a></h5>
                                            <small><i class="bi bi-geo-alt me-2"></i>Salidas desde el Aeropuerto
                                                Internacional Félipe Ángeles</small>

                                            <!-- Price and Button -->
                                            <div class="d-sm-flex justify-content-sm-between align-items-center mt-3 mt-md-auto">
                                                <!-- Button -->
                                                <div class="d-flex align-items-center">
                                                    <h5 class="fw-bold mb-0 me-1">$42,120.00</h5>
                                                    <span class="mb-0 me-2">/económico</span>
                                                </div>
                                                <!-- Price -->
                                                <div class="mt-3 mt-sm-0">
                                                    <a href="#!" class="btn btn-sm btn-dark w-100 mb-0">Ver Destino</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Wishlist item END -->

                        </div>
                        <!-- Card body END -->
                    </div>
                    <!-- Wishlist END -->

                </div>
                <!-- Main content END -->
            </div>
        </div>
    </section>
    <!-- =======================
    Content END -->

</main>
<!-- **************** MAIN CONTENT END **************** -->

<!-- =======================
Footer START -->
<?php
include 'components/footer.php';
?>
<!-- =======================
Footer END -->

<!-- Back to top -->
<div class="back-top"></div>

<!-- Bootstrap JS -->
<script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

<!-- Vendors -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/flatpickr/js/flatpickr.min.js"></script>
<script src="assets/vendor/choices/js/choices.min.js"></script>

<!-- ThemeFunctions -->
<script src="assets/js/functions.js"></script>

</body>
</html>