<?php include "../../root.class.php";
$html = new html();
$html->add_styles_page();

// HTML FORM ELEMENTS
$name = new input();
$name->class("inputs");
$name->type("text");
$name->placeholder("name");
$name->name("name");
$name->required();
$name->id("name");

$public_holiday = new select();
$public_holiday->name("public_holiday");
$public_holiday->class("inputs");
$public_holiday->id("public_holiday");
$public_holiday->required();
$public_holiday->add_option("", "INCLUDE PUBLIC HOLIDAYS");
$public_holiday->add_option("0", "No");
$public_holiday->add_option("1", "Yes");

$date_time = new input();
$date_time->class("inputs");
$date_time->type("datetime-local");
$date_time->placeholder("");
$date_time->name("date_time");
$date_time->required();
$date_time->id("date_time");

$user_ids = new input();
$user_ids->class("inputs");
$user_ids->type("text");
$user_ids->placeholder("USERS");
$user_ids->name("user_ids");
$user_ids->id("user_ids");

$client_visit = new input();
$client_visit->class("inputs");
$client_visit->type("text");
$client_visit->placeholder("CLIENT NAME");
$client_visit->name("client_visit");
$client_visit->id("client_visit");

$location = new input();
$location->class("inputs");
$location->type("text");
$location->placeholder("MEETING LOCATION");
$location->name("location");
$location->required();
$location->id("location");

$duration = new select();
$duration->class("inputs");
$duration->name("duration");
$duration->id("duration");
$duration->required();
$duration->add_option("5min", "5min");
$duration->add_option("10min", "10min");
$duration->add_option("15min", "15min");
$duration->add_option("20min", "20min");
$duration->add_option("25min", "25min");
$duration->add_option("30min", "30min");
$duration->add_option("35min", "35min");
$duration->add_option("40min", "40min");
$duration->add_option("45min", "45min");
$duration->add_option("50min", "50min");
$duration->add_option("55min", "55min");
$duration->add_option("1hr", "1hr");
$duration->add_option("1hr 5min", "1hr 5min");
$duration->add_option("1hr 10min", "1hr 10min");
$duration->add_option("1hr 15min", "1hr 15min");
$duration->add_option("1hr 20min", "1hr 20min");
$duration->add_option("1hr 25min", "1hr 25min");
$duration->add_option("1hr 30min", "1hr 30min");
$duration->add_option("1hr 35min", "1hr 35min");
$duration->add_option("1hr 40min", "1hr 40min");
$duration->add_option("1hr 45min", "1hr 45min");
$duration->add_option("1hr 50min", "1hr 50min");
$duration->add_option("1hr 55min", "1hr 55min");
$duration->add_option("2hr", "2hr");

$user_id = new input();
$user_id->class("inputs");
$user_id->type("hidden");
$user_id->placeholder("USER ID");
$user_id->name("user_id");
$user_id->required();
$user_id->readonly();
$user_id->id("user_id");
$user_id->value($_SESSION['user_id']);

$submit_btn = new button();
$submit_btn->value("ADD");
$submit_btn->onclick("add_meeting()");

$users_buttons = [];
$db = new db_safeguard();
$users_res = $db->query("users", "SELECT * FROM users WHERE 1 AND record_id != {$_SESSION['user_id']}");
while ($users = $users_res->fetch_assoc()) {
    $users_buttons[$users['record_id']] = new button();
    $users_buttons[$users['record_id']]->value($users['username']);
    $users_buttons[$users['record_id']]->onclick("add_user({$users['record_id']})");
    $users_buttons[$users['record_id']]->class();
    $users_buttons[$users['record_id']]->id("user_{$users['record_id']}");
    $users_buttons[$users['record_id']]->name("users_{$users['record_id']}");
}

// ajax
?>

<div class="form_down">
    <h1>ADD MEETING</h1>
    <?php
    echo "<div class='row'>";
    echo "<label class='labels'>MEETING NAME</label>";
    $name->add();
    echo "</div>";

    echo "<div class='row'>";
    echo "<label class='labels'>MEETING DATE TIME</label>";
    $date_time->add();
    echo "</div>";

    echo "<div class='row'>";
    echo "<label class='labels'>CLINET/PERSON VISITING</label>";
    $client_visit->add();

    echo "</div>";

    echo "<div class='row'>";
    echo "<label class='labels'>MEETING LOCATION</label>";
    $location->add();
    echo "</div>";
    echo "<div class='row'>";
    echo "<label class='labels'>EXPECTED DURATION</label>";
    $duration->add();
    echo "</div>";

    echo "<div class='row'>";
    echo "<label class='labels'>PUBLIC HOLIDAY</label>";
    $public_holiday->add();
    echo "</div>";

    echo "<div class='row'>
    <div>";
    echo "<label class='labels'>PEOPLE IN MEETING</label>";
    ?>
    <div class="header">
        <?php
        foreach ($users_buttons as $btn) {
            $btn->add();
        }
        ?>
        <script>
            function add_user(user_id) {
                user_ids = document.getElementById(`user_ids`).value;
                if (document.getElementById("user_" + user_id).style.backgroundColor == "green") {
                    document.getElementById("user_" + user_id).style.backgroundColor = "grey";
                    document.getElementById(`user_ids`).value = document.getElementById(`user_ids`).value.replace("," + user_id + ",", "");

                } else {
                    document.getElementById("user_" + user_id).style.backgroundColor = "green";
                    document.getElementById(`user_ids`).value = document.getElementById(`user_ids`).value + "," + user_id + `,`;
                }
            }
        </script>
    </div>
    <?php
    $user_ids->add();
    echo "</div><div>";

    echo "<label class='labels'>TO DISCUSS</label>";
    $html->text_formator("to_discuss");
    echo "</div></div>";
    $user_id->add();
    $submit_btn->add();
    ?>

</div>

<?php
// $html->html_form_ajax("add_user", "INSERT", "users", '', false);
$ajax = new js_ajax();
$ajax->function_name("add_meeting");
$ajax->submit_btn_id("submit");
$ajax->text_formaters(['to_discuss']);
$ajax->insert("meetings");
$ajax->on_success("SUCCESSFULLY ADDED THE MEETING");

?>