<?php
ob_start();
require("includes/check_auth_user.php");
require("includes/dbconnect.php");
include('includes/function.php');

$formname = "ALERTS";
$file = "dashboardsk.php";
$admin = $_SESSION["admin_" . $dbname];
$zdb = $_SESSION["zdbyear_" . $dbname];
$myyear = $_SESSION[$myyear];
$zroot = $_SESSION["zdbroot"];
$zyear = right($zdb, 4);
$mfrdate = getzdates($zyear, 'S');
// $mtodate = getzdates($zyear, 'E');
$mtodate = date('Y-m-d');

mysqli_select_db($conn, $zdb);

$bseries = $_SESSION["user_series"];

include("includes/linkshead.php");
?>

<style>
    * {
        /* margin: 2px;
        padding: 0; */
        box-sizing: border-box;
    }

    body {
        font-family: Arial, sans-serif;
        background-color: #f4f4f9;
        color: #333;
    }

    p {
        color: goldenrod;
    }

    /* Main content area */
    .content {
        flex: 1;
        padding: 20px;
    }

    /* Header */
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .header h1 {
        font-size: 1.5em;
    }

    .user-info {
        display: flex;
        gap: 20px;
    }

    /* Widgets */
    .widgets {
        display: flex;
        gap: 20px;
        margin-bottom: 20px;
    }

    .widget {
        flex: 1;
        background-color: #fff;
        border-radius: 8px;
        padding: 20px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .widget h3 {
        margin-bottom: 10px;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
        .dashboard {
            flex-direction: column;
        }

        .sidebar {
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 10px;
        }

        .content {
            padding: 10px;
        }

        .widgets {
            flex-direction: column;
        }
    }
</style>
<style>
    .card-title {
        background-color: #0b4c78;
        color: #ffffff;
        text-align: left;
        height: 32px;
        line-height: 1.5;
        width: 328px;
        border-radius: 5px 2px 2px 5px;
        font-size: 22px;
        font-family: "Blue Sans", BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;

    }

    .card-title::after {
        border-right: 23px solid #0b4c78;
        border-bottom: 23px solid transparent;
        position: absolute;
        content: '';
        right: 11px;
        top: 15px;
        transform: rotate(46deg);
        /* display: block; */
    }

    .card-title2 {
        background-color: #0b4c78;
        color: #ffffff;
        text-align: left;
        height: 32px;
        line-height: 1.5;
        width: 150px;
        font-size: 20px;
        border-radius: 5px 2px 2px 5px;
        font-family: "Blue Sans", BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    }

    .card-title2::after {
        border-right: 23px solid #0b4c78;
        border-bottom: 23px solid transparent;
        position: absolute;
        content: '';
        right: 11px;
        top: 15px;
        transform: rotate(46deg);
        /* display: block; */
    }

    .stretch-card>.card {
        width: 100%;
        min-width: 100%
    }

    body {
        background-color: #ffffff;
        margin: 0;
        padding: 0;
        position: relative;
        min-height: 100vh;
    }

    .flex {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    @media (max-width:991.98px) {
        .padding {
            padding: 1.5rem
        }
    }

    @media (max-width:767.98px) {
        .padding {
            padding: 1rem
        }
    }

    .padding {
        padding: 3rem
    }

    .modal-body img {
        width: 100%;
        height: auto;
    }

    .modal-header {
        position: relative;
    }

    .btn-close {
        position: absolute;
        /* Absolute positioning to ensure it's aligned correctly */
        top: 10px;
        /* Adjust this based on your design */
        right: 10px;
        /* Adjust this based on your design */
    }

    /* HOTEL STATUS CSS */
    .button-29 {
        align-items: center;
        appearance: none;
        background: transparent;
        border: 2px solid #0b4c78;
        border-radius: 6px;
        box-sizing: border-box;
        color: #0b4c78;
        cursor: pointer;
        display: inline-flex;
        font-family: "JetBrains Mono", monospace;
        height: 38px;
        width: 88px;
        justify-content: center;
        line-height: 1;
        list-style: none;
        overflow: hidden;
        padding-left: 16px;
        padding-right: 16px;
        position: relative;
        text-align: left;
        text-decoration: none;
        transition: box-shadow .15s, transform .15s;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        white-space: nowrap;
        will-change: box-shadow, transform;
        font-size: 18px;
    }


    .button-29:hover {
        box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #0b4c78 0 -3px 0 inset;
        transform: translateY(-2px);
    }

    .button-29:active {
        box-shadow: #0b4c78 0 3px 7px inset;
        transform: translateY(2px);
    }


    .sksahil2 {
        border-radius: 10px;
        background-color: #fff;
        margin-top: 5px;
        margin-bottom: 5px;
    }


    .skk {
        border-bottom: 1px solid grey !important;
        color: white;
    }

    .slk {
        background: black !important;
    }

    .txtt {
        color: whitesmoke;
        text-transform: uppercase;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
    }

    .txttnew {
        color: #0b4c78;
        text-transform: uppercase;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        margin-bottom: -20px;
        background-color: #ffffff;
        overflow: overlay;
        padding: 5px;
        font-size: 16px;
    }

    .Amtlbl {
        background: linear-gradient(90deg, #0d4c79, #42a5f5);
        /* Gradient from dark blue to light blue */
        -webkit-background-clip: text;
        /* Clip the background to the text */
        -webkit-text-fill-color: transparent;
        /* Make the text itself transparent */
        font-size: 35px;
        /* Adjust the size as needed */
        font-weight: bold;
        /* Make the text bold */
    }

    .BackDiv {
        border-radius: 10px;
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(0, 119, 182, 1) 0%, rgba(0, 180, 216, 1) 100%);
        margin-left: 1%;
    }

    .bordertxt {
        border: 1px solid black;
    }

    #borderimg {
        border: 2px solid #0b4c78;
        padding: 4px;
        border-radius: 7px;
    }

    @media (max-width: 768px) {

        .visadiv,
        .durdiv,
        .chkindiv,
        .chkoutdiv {
            width: 100% !important;
        }
    }

    .pattern-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 30px;
        /* Height of the bar */
        overflow: hidden;
        /* Hide extra content if necessary */
        background-color: white;
        /* Optional: Background color behind the image */
    }

    .pattern-bar img {
        width: 100%;
        /* Make the image span the full width of the bar */
        /*height: 100%;*/
        /* Ensure it fits the height */
        object-fit: cover;
        /* Scale the image to cover the bar */
    }
</style>


<script type="text/javascript">
    $(document).ready(function () {
        $("body").on("click", ".proc", getData);
        getData();
        function getData() {
            var currdt = $(".currdt").val();
            if (currdt) {
                $(".dashboard").html("");

                $.post("getDashboardData.php", {currdt: currdt}, function (data) {
                    $(".dashboard").html(data);
                });
            }
        }
    })
</script>

</head>

<body>

    <div class="row table-responsive " align="center">
        <div class="col-md-4"></div>
        <div class="col-md-2 chkindiv">
            <label class="txttnew"><b>DATE</b></label>
            <p id="borderimg">
                <input type="date" name="currdt" class="currdt" id="currdt" style="color:black;border-bottom:none;border:none" value="<?= date('Y-m-d'); ?>">
            </p>
        </div>
        <div class="col-md-1" style="margin-top:18px">
            <button class="button-29 sksearch proc" type="button">Proceed</button>
        </div>
    </div>


    <div class="dashboard">
        
    </div>

    <!-- ////// VISA SLAB END/////////////// -->

    <?php include("includes/linksfoot.php"); ?>
</body>

</html>