<?php
require 'overtime_request_script.php';
?>

<!DOCTYPE html>
<html>
<head>

<title>Overtime Request</title>

<script src="https://cdn.tailwindcss.com"></script>

</head>

<body class="flex h-screen bg-gray-100">

<?php include '../sidebar.php'; ?>

<div class="flex-1 p-8" id="main-content">

<h1 class="text-3xl font-bold mb-6">

Overtime Request

</h1>

<?php if(isset($_GET['saved'])): ?>

<div class="bg-green-100 p-4 rounded-lg mb-4">

Request submitted successfully.

</div>

<?php endif; ?>

<div class="bg-white p-6 rounded-xl shadow">

<form method="POST">

<div class="grid md:grid-cols-2 gap-5">

<div>

<label class="block mb-2">

Date

</label>

<input
type="date"
name="overtime_date"
required
class="w-full border p-3 rounded-lg">

</div>

<div>

<label class="block mb-2">

Hours

</label>

<input
type="number"
step="0.25"
name="overtime_hours"
required
class="w-full border p-3 rounded-lg">

</div>

</div>

<div class="mt-5">

<label class="block mb-2">

Reason

</label>

<textarea
name="reason"
rows="4"
required
class="w-full border p-3 rounded-lg"></textarea>

</div>

<button
class="mt-5 bg-blue-600 text-white px-8 py-3 rounded-lg">

Submit Request

</button>

</form>

</div>

</div>

</body>
</html>