<?php
include_once('components/connect.php');
$login_error = "";

if (!isset($_SESSION['user_id'])) {
    if ($_SERVER['REQUEST_URI'] != '/login.php') {
        header("Location: /login.php");
    }
}

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kool Kids Day Care Control Panel</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
    </style>
    <link rel="stylesheet" href="../assets/bootstrap-grid/dist/css/bootstrap-grid.min.css" />
    <link rel="stylesheet" type="text/css" href="../assets/datepicker/dist/material-datepicker.css">
    <script type="text/javascript" src="../assets/datepicker/dist/material-datepicker-with-moment-js.min.js"></script>
    <link rel="stylesheet" href="../assets/main.css">
    <script src="../assets/jquery-3.6.0.min.js"></script>
    <script src="../assets/main.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment.min.js" integrity="sha512-x/vqovXY/Q4b+rNjgiheBsA/vbWA3IVvsS8lkQSX1gQ4ggSJx38oI2vREZXpTzhAv6tNUaX81E7QBBzkpDQayA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>

<body>
    <div id="page-loader">
        <div class="loader"></div>
    </div>
    <div class="modal">
        <!-- <span class="close"><i class="bi bi-x"></i></span> -->
        <p class="message">Select a date for Email and preview</p>
        <div class="date-d">
            <input type="text" id="mail_date">
            <button class="btn preview-btn">Preview</button>
        </div>
        <p class="p-message">Invoice Preview :</p>
        <div id="preview_html"></div>
        <div class="options">
            <button class="btn btn-n">Dismiss</button>
            <button class="btn btn-send">Send</button>
        </div>
        <input type="hidden" name="child_id_modal_input" id="child_id_modal_input">
    </div>