<?php
session_start();

if (!isset($_SESSION['loggedin'])) {
	header('Location: login.php');
	exit;
}

include "php/database.php";

$index_page = false;
$page_title = "Nuova timbratura";
$prev_page = "openStampsList()";
$today = date("Y-m-d");
$now = date("H:i");

include "public/header.php";
?>

<div class="card card-style">
    <div class="content pb-3" style="margin: 15px 15px 0px 15px;">
        <div class="d-flex no-effect collapsed" data-trigger-switch="stamp_day" data-bs-toggle="collapse" href="#collapseExample1" role="button" aria-expanded="false" aria-controls="collapseExample1">
            <div class="pt-2 mt-1">
                <h5 class="font-700 font-18">Giornata</h5>
            </div>
            <div class="ms-auto me-4 pe-2">
                <div class="custom-control ios-switch" style="margin-top: 12px !important;">
                    <input type="checkbox" class="ios-input" id="stamp_day" onchange="ChangeDay()">
                    <label class="custom-control-label" for="stamp_day"></label>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="card card-style">
    <div class="content pb-3" style="margin-bottom: 50px">
        <div style="margin-bottom: 0;" id="no_day">
            <div class="row">
                <div class="col-8">
                    <h5>Tipo</h5>
                    <div class="input-style input-style-always-active has-borders no-icon">
                        <select id="stamp_type" style="font-size: 16px !important; height:auto; color: black" onclick="closeError('priority_error')">
                            <option value="" disabled selected>Seleziona</option>
                            <option value="Entrata">Entrata</option>
                            <option value="Uscita">Uscita</option>
                        </select>
                        <span><i class="fa fa-chevron-down"></i></span>
                        <i class="fa fa-check disabled valid color-green-dark"></i>
                        <i class="fa fa-check disabled invalid color-red-dark"></i>
                        <em></em>
                    </div>
                </div>
                <div class="col-4">
                    <h5>Trasferta</h5>
                    <div class="ms-auto me-4 pe-2">
                        <div class="custom-control ios-switch" style="margin-top: 12px !important;">
                            <input type="checkbox" class="ios-input" id="in_transfer" onchange="ChangeInTransfer()">
                            <label class="custom-control-label" for="in_transfer"></label>
                        </div>
                    </div>
                </div>
                <div class="col-12" id="transfer_location_container" style="display:none">
                    <h5>Luogo</h5>
                    <div class="input-style input-style-always-active has-borders no-icon">
                        <select id="transfer_location" style="font-size: 16px !important; height:auto; color: black" onclick="closeError('priority_error')">
                            <option value="" disabled selected>Seleziona</option>
                            <option value="Italia">Italia</option>
                            <option value="Estero">Estero</option>
                        </select>
                        <span><i class="fa fa-chevron-down"></i></span>
                        <i class="fa fa-check disabled valid color-green-dark"></i>
                        <i class="fa fa-check disabled invalid color-red-dark"></i>
                        <em></em>
                    </div>
                </div>
                <div class="col-6">
                    <h5>Data</h5>
                    <div class="input-style input-style-always-active has-borders no-icon">
                        <input type="date" id="stamp_date" style="font-size: 16px !important; color: black" value="<?php echo $today; ?>">
                    </div>
                </div>
                <div class="col-6">
                    <h5>Ora</h5>
                    <div class="input-style input-style-always-active has-borders no-icon">
                        <input type="time" id="stamp_time" style="font-size: 16px !important; color: black" value="<?php echo $now; ?>">
                    </div>
                </div>
                <div class="col-12">
                    <h5>Note</h5>
                    <div class="input-style has-borders no-icon mb-4">
                        <textarea id="stamp_note" placeholder="Note" style="font-size: 16px !important;"></textarea>
                    </div>
                </div>
            </div>
        </div>


        <div id="full_day" style="display:none">
            <div class="row">
                <div class="col-8">
                    <h5>Data</h5>
                    <div class="input-style input-style-always-active has-borders no-icon">
                        <input type="date" id="stamp_date_day" style="font-size: 16px !important; color: black" value="<?php echo $today; ?>">
                    </div>
                </div>
                <div class="col-4">
                    <h5>Trasferta</h5>
                    <div class="ms-auto me-4 pe-2">
                        <div class="custom-control ios-switch" style="margin-top: 12px !important;">
                            <input type="checkbox" class="ios-input" id="in_transfer_day" onchange="ChangeInTransferDay()">
                            <label class="custom-control-label" for="in_transfer_day"></label>
                        </div>
                    </div>
                </div>
                <div class="col-12" id="transfer_location_container_day" style="display:none">
                    <h5>Luogo</h5>
                    <div class="input-style input-style-always-active has-borders no-icon">
                        <select id="transfer_location_day" style="font-size: 16px !important; height:auto; color: black" onclick="closeError('priority_error')">
                            <option value="" disabled selected>Seleziona</option>
                            <option value="Italia">Italia</option>
                            <option value="Estero">Estero</option>
                        </select>
                        <span><i class="fa fa-chevron-down"></i></span>
                        <i class="fa fa-check disabled valid color-green-dark"></i>
                        <i class="fa fa-check disabled invalid color-red-dark"></i>
                        <em></em>
                    </div>
                </div>
            </div>
            <hr>
            
            <br>
            <div class="row" style="margin-bottom: 0;">
                <div class="col align-self-center" style="text-align: center;">
                    <h3 style="text-align: center;">Entrata</h3>
                    <h5>Ora</h5>
                    <div class="input-style input-style-always-active has-borders no-icon">
                        <input type="time" id="stamp_time_day1" style="font-size: 16px !important; color: black; width: 50%">
                    </div>
                </div>
                <div class="col align-self-center" style="text-align: center;">
                    <h3 style="text-align: center;">Uscita</h3>
                    <h5>Ora</h5>
                    <div class="input-style input-style-always-active has-borders no-icon">
                        <input type="time" id="stamp_time_day2" style="font-size: 16px !important; color: black; width: 50%">
                    </div>
                </div>
            </div>
            <hr>
            <div class="row" style="margin-bottom: 0;">
                <div class="col align-self-center" style="text-align: center;">
                    <h3 style="text-align: center;">Entrata</h3>
                    <h5>Ora</h5>
                    <div class="input-style input-style-always-active has-borders no-icon">
                        <input type="time" id="stamp_time_day3" style="font-size: 16px !important; color: black; width: 50%">
                    </div>
                </div>
                <div class="col align-self-center" style="text-align: center;">
                    <h3 style="text-align: center;">Uscita</h3>
                    <h5>Ora</h5>
                    <div class="input-style input-style-always-active has-borders no-icon">
                        <input type="time" id="stamp_time_day4" style="font-size: 16px !important; color: black; width: 50%">
                    </div>
                </div>
            </div>
            <hr>
        </div>
        <a href="#" data-menu="menu-wizard-5" id="send_stamp_button" class="btn btn-full rounded-sm btn-m btn-margins bg-highlight font-700 text-uppercase" onclick="sendStamp()">Invia</a>
    </div>
</div>


<?php include "public/footer.php" ?>