From 361f1f26417c85c5c2ff5329a749030d38f4721b Mon Sep 17 00:00:00 2001
From: "Stephen Izekor (izekors)" <izekors@coventry.ac.uk>
Date: Mon, 3 Jan 2022 11:59:47 +0100
Subject: [PATCH] Add files via upload

---
 views/aircraft.php        | 363 ++++++++++++++++++++++++++++++++++++++
 views/engineers.php       | 310 ++++++++++++++++++++++++++++++++
 views/logout.php          |   4 +
 views/my-schedules.php    |  63 +++++++
 views/partials/footer.php |   8 +
 views/partials/header.php |  55 ++++++
 views/schedules.php       | 187 ++++++++++++++++++++
 7 files changed, 990 insertions(+)
 create mode 100644 views/aircraft.php
 create mode 100644 views/engineers.php
 create mode 100644 views/logout.php
 create mode 100644 views/my-schedules.php
 create mode 100644 views/partials/footer.php
 create mode 100644 views/partials/header.php
 create mode 100644 views/schedules.php

diff --git a/views/aircraft.php b/views/aircraft.php
new file mode 100644
index 0000000..a07d32b
--- /dev/null
+++ b/views/aircraft.php
@@ -0,0 +1,363 @@
+<div class="row mt-4">
+    <div class="col-md-8 mx-auto">
+        <h3 class="float-start">Aircraft</h3>
+        <button type="button" class="btn btn-primary float-end mb-2" data-bs-toggle="modal" data-bs-target="#addModal">
+            New aircraft
+        </button>
+        <div style="clear: both"></div>
+        <?php
+
+        if (isset($_POST['addAircraft'])) {
+            aircraft::add($_POST['company'], $_POST['number'], $_POST['type'], $_POST['age'], $_POST['year'], $_POST['running_hours']);
+        }
+
+        if (isset($_POST['editAircraft'])) {
+            aircraft::edit($_POST['id'], $_POST['company'], $_POST['number'], $_POST['type'], $_POST['age'], $_POST['year'], $_POST['running_hours']);
+        }
+
+        if (isset($_POST['removeAircraft'])) {
+            aircraft::remove($_POST['id']);
+        }
+
+        if (isset($_POST['addSchedule'])) {
+            if (isset($_POST['aircraft_id']) && isset($_POST['engineer_id'])) {
+                schedule::add($_POST['aircraft_id'], $_POST['engineer_id'], $_POST['task']);
+            }else {
+                respond::alert('warning', '', 'All fields are required');
+            }
+        }
+
+        if (isset($_POST['removeSchedule'])) {
+            aircraft::removeSchedule($_POST['id']);
+        }
+
+        $aircrafts = aircraft::all();
+
+        ?>
+        <div class="card">
+            <?php
+
+            if ($aircrafts) {
+                ?>
+                <table class="table table-hover table-striped card-body mb-0">
+                    <thead>
+                    <tr>
+                        <th>Company</th>
+                        <th>Number</th>
+                        <th>Age</th>
+                        <th>Type</th>
+                        <th>Running hours</th>
+                        <th>Status</th>
+                        <th>Date added</th>
+                        <th></th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <?php
+                    foreach ($aircrafts as $aircraft) {
+
+                        $id = $aircraft['id'];
+                        $company = $aircraft['company'];
+                        $age = $aircraft['age'];
+                        $number = $aircraft['number'];
+                        $year = $aircraft['year'];
+                        $aircraft_type = $aircraft['aircraft_type'];
+                        $hours = $aircraft['running_hours'];
+                        $date = new DateTime($aircraft['createdAt']);
+                        $status = aircraft::checkSchedule($id);
+
+                        ?>
+                    <tr>
+                        <td><?= $company ?></td>
+                        <td><?= $number; ?></td>
+                        <td><?= $age ?></td>
+                        <td><?= $aircraft_type ?></td>
+                        <td><?= $hours ?></td>
+                        <td>
+                            <?php
+                            if ($status) {
+                                echo '<span class="text-success">Scheduled</span>';
+                            }else {
+                                echo '<span class="text-danger">Unscheduled</span>';
+                            }
+                            ?>
+                        </td>
+                        <td><?= $date->format("F d, Y"); ?></td>
+                        <td>
+                            <div class="dropdown">
+                                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
+                                    Options
+                                </button>
+                                <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
+                                    <li><a class="dropdown-item" onclick="
+                                                $('.id').val('<?= $id ?>');
+                                                $('.company').val('<?= $company ?>');
+                                                $('.number').val('<?= $number ?>');
+                                                $('.age').val('<?= $age ?>');
+                                                $('.year').val('<?= $year ?>');
+                                                $('.running_hours').val('<?= $hours ?>');
+                                                " href="javascript:;" data-bs-toggle="modal" data-bs-target="#editModal">Edit</a></li>
+                                    <li>
+                                        <?php
+                                        if ($status) {
+                                            ?>
+                                            <a class="dropdown-item" href="javascript:;" onclick="$('.id').val('<?= $id ?>')" data-bs-toggle="modal" data-bs-target="#removeScheduleModal">Remove schedule</a>
+                                            <?php
+                                        }else {
+                                            ?>
+                                            <a class="dropdown-item" onclick="$('.id').val('<?= $id ?>')" href="javascript:;" data-bs-toggle="modal" data-bs-target="#scheduleModal">Schedule maintenance</a>
+                                            <?php
+                                        }
+                                        ?>
+                                    </li>
+                                    <li><a href="javascript:;" onclick="$('.id').val('<?= $id ?>')" class="dropdown-item text-danger" data-bs-toggle="modal" data-bs-target="#removeModal">Remove aircraft</a></li>
+                                </ul>
+                            </div>
+                        </td>
+                    </tr>
+                    <?php
+                    }
+                    ?>
+                    </tbody>
+                </table>
+            <?php
+            }else {
+                ?>
+            <div class="alert alert-info alert-custom alert-dismissible" style="text-align: center; margin-bottom: 0; width: 100%;">
+
+                <p style="margin-bottom: 0px;">No aircraft has been added</p>
+            </div>
+            <?php
+            }
+
+            ?>
+
+        </div>
+    </div>
+</div>
+
+<!-- Add Modal -->
+<div class="modal fade" id="addModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">New aircraft</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="" method="post">
+                <div class="modal-body">
+                    <div class="mb-3">
+                        <label for="company" class="form-label">Aircraft company</label>
+                        <input type="text" required class="form-control" id="company" name="company" placeholder="Aircraft company">
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="mb-3">
+                                <label for="number" class="form-label">Number</label>
+                                <input type="text" required placeholder="Aircraft number" class="form-control" id="number" name="number">
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-3">
+                                <label for="type" class="form-label">Aircraft type</label>
+                                <select name="type" required id="type" class="form-control">
+                                    <option value="">Select aircraft type</option>
+                                    <option value="Helicopter">Helicopter</option>
+                                    <option value="Turbine">Turbine</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-4">
+                            <div class="mb-3">
+                                <label for="year" class="form-label">Aircraft year</label>
+                                <input type="number" required placeholder="Year of manufacturing" class="form-control" id="year" name="year">
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="mb-3">
+                                <label for="age" class="form-label">Aircraft age</label>
+                                <input type="number" required placeholder="Age of aircraft" class="form-control" id="age" name="age">
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="mb-3">
+                                <label for="running_hours" class="form-label">Running hours</label>
+                                <input type="number" required placeholder="Age of aircraft" class="form-control" id="running_hours" name="running_hours">
+                            </div>
+                        </div>
+                    </div>
+                    
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-primary" name="addAircraft">Add aircraft</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- Edit Modal -->
+<div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Update aircraft</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="" method="post">
+                <input type="hidden" name="id" class="id">
+                <div class="modal-body">
+                    <div class="mb-3">
+                        <label for="company" class="form-label">Aircraft company</label>
+                        <input type="text" required class="form-control company" id="company" name="company" placeholder="Aircraft company">
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="mb-3">
+                                <label for="number" class="form-label">Number</label>
+                                <input type="text" required placeholder="Aircraft number" class="form-control number" id="number" name="number">
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-3">
+                                <label for="type" class="form-label">Aircraft type</label>
+                                <select name="type" required id="type" class="form-control">
+                                    <option value="">Select aircraft type</option>
+                                    <option value="Helicopter">Helicopter</option>
+                                    <option value="Turbine">Turbine</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-4">
+                            <div class="mb-3">
+                                <label for="year" class="form-label">Aircraft year</label>
+                                <input type="number" required placeholder="Year of manufacturing" class="form-control year" id="year" name="year">
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="mb-3">
+                                <label for="age" class="form-label">Aircraft age</label>
+                                <input type="number" required placeholder="Age of aircraft" class="form-control age" id="age" name="age">
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="mb-3">
+                                <label for="running_hours" class="form-label">Running hours</label>
+                                <input type="number" required placeholder="Age of aircraft" class="form-control running_hours" id="running_hours" name="running_hours">
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-primary" name="editAircraft">Save changes</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- remove Modal -->
+<div class="modal fade" id="removeModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-sm">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Remove aircraft</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="" method="post">
+                <div class="modal-body">
+                    <div class="mb-3">
+                        <input type="hidden" name="id" class="id">
+                        <p align="center">Are you sure you want to remove this aircraft?</p>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-danger" name="removeAircraft">Yes, remove</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- Assign Task Modal -->
+<div class="modal fade" id="scheduleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Schedule maintenance</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="" method="post">
+                <input type="hidden" name="aircraft_id" class="id">
+                <div class="modal-body">
+                    <?php
+
+                    $engineers = engineer::unscheduledEngineers();
+
+                    if (!$engineers) {
+                        respond::alert('info', '', 'All engineers has been scheduled for maintenance');
+                    }else {
+                        ?>
+                        <div class="mb-3">
+                            <label for="engineers" class="form-label">Engineer</label>
+                            <select name="engineer_id" required class="form-control" id="engineers">
+                                <option value="">Select engineer</option>
+                                <?php
+                                foreach ($engineers as $engineer) {
+                                    ?>
+                                    <option value="<?= $engineer['id'] ?>"><?= $engineer['name'].' - '.$engineer['category'] ?></option>
+                                    <?php
+                                }
+                                ?>
+                            </select>
+                        </div>
+                        <?php
+                    }
+
+                    ?>
+                    <div class="mb-3">
+                        <label for="task" class="form-label">Task</label>
+                        <textarea name="task" required class="form-control" id="task" rows="3"></textarea>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-primary" name="addSchedule">Assign</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- Remove Task Modal -->
+<div class="modal fade" id="removeScheduleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-sm">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Remove schedule</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="" method="post">
+                <div class="modal-body">
+                    <div class="mb-3">
+                        <input type="hidden" name="id" class="id">
+                        <p align="center">Are you sure you want to remove schedule from this aircraft?</p>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-danger" name="removeSchedule">Yes, remove</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
diff --git a/views/engineers.php b/views/engineers.php
new file mode 100644
index 0000000..827c722
--- /dev/null
+++ b/views/engineers.php
@@ -0,0 +1,310 @@
+<div class="row mt-4">
+    <div class="col-md-8 mx-auto">
+        <h3 class="float-start">Engineers</h3>
+        <button type="button" class="btn btn-primary float-end mb-2" data-bs-toggle="modal" data-bs-target="#addModal">
+            New engineer
+        </button>
+        <div style="clear: both"></div>
+        <?php
+
+
+        if (isset($_POST['addEngineer'])) {
+            engineer::add($_POST['name'], $_POST['category'], $_POST['email'], $_POST['password']);
+        }
+
+        if (isset($_POST['editEngineer'])) {
+            engineer::edit($_POST['id'], $_POST['name'], $_POST['category'], $_POST['email']);
+        }
+
+        if (isset($_POST['removeEngineer'])) {
+            engineer::remove($_POST['id']);
+        }
+
+        if (isset($_POST['addSchedule'])) {
+            if (isset($_POST['aircraft_id']) && isset($_POST['engineer_id'])) {
+                schedule::add($_POST['aircraft_id'], $_POST['engineer_id'], $_POST['task'], true);
+            }else {
+                respond::alert('warning', '', 'All fields are required');
+            }
+        }
+
+        if (isset($_POST['removeSchedule'])) {
+            engineer::removeSchedule($_POST['id']);
+        }
+
+        $engineers = engineer::all();
+
+        ?>
+        <div class="card">
+            <?php
+
+            if ($engineers) {
+                ?>
+                <table class="table table-hover table-striped card-body mb-0">
+                    <thead>
+                    <tr>
+                        <th>Name</th>
+                        <th>Email address</th>
+                        <th>Category</th>
+                        <th>Maintenance</th>
+                        <th>Date added</th>
+                        <th></th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <?php
+                    foreach ($engineers as $engineer) {
+                        $date = new DateTime($engineer['createdAt']);
+                        $engineer_id = $engineer['id'];
+                        $name = $engineer['name'];
+                        $email = $engineer['email'];
+//                        h:i A
+                        ?>
+                    <tr>
+                        <td><?= $name; ?></td>
+                        <td><?= $email; ?></td>
+                        <td><?= $engineer['category']; ?></td>
+                        <td>
+                            <?php
+                            $status = engineer::checkSchedule($engineer_id);
+                            if ($status) {
+                                echo '<span class="text-success">Assigned</span>';
+                            }else {
+                                echo '<span class="text-danger">Unassigned</span>';
+                            }
+                            ?>
+                        </td>
+                        <td><?= $date->format("F d, Y"); ?></td>
+                        <td>
+                            <div class="dropdown">
+                                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
+                                    Options
+                                </button>
+                                <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
+                                    <li>
+                                        <a class="dropdown-item" onclick="
+                                                $('.engineer_id').val('<?= $engineer_id ?>');
+                                                $('.name').val('<?= $name ?>');
+                                                $('.email').val('<?= $email ?>');
+                                                " href="javascript:;" data-bs-toggle="modal" data-bs-target="#updateModal">Edit</a>
+                                    </li>
+                                    <li>
+                                        <?php
+                                        if ($status) {
+                                            ?>
+                                        <a class="dropdown-item" onclick="$('.engineer_id').val('<?= $engineer_id ?>')" href="javascript:;" data-bs-toggle="modal" data-bs-target="#removeTaskModal">Remove task</a>
+                                        <?php
+                                        }else {
+                                            ?>
+                                            <a class="dropdown-item" onclick="$('.engineer_id').val('<?= $engineer_id ?>')" href="javascript:;" data-bs-toggle="modal" data-bs-target="#assignTaskModal">Assign task</a>
+                                            <?php
+                                        }
+                                        ?>
+                                    </li>
+                                    <li><a href="javascript:;" onclick="$('.engineer_id').val('<?= $engineer_id ?>')" class="dropdown-item text-danger" data-bs-toggle="modal" data-bs-target="#removeModal">Remove engineer</a></li>
+                                </ul>
+                            </div>
+                        </td>
+                    </tr>
+                    <?php
+                    }
+                    ?>
+                    </tbody>
+                </table>
+                <?php
+            }else {
+                ?>
+                <div class="alert alert-info alert-custom alert-dismissible" style="text-align: center; margin-bottom: 0; width: 100%;">
+
+                    <p style="margin-bottom: 0;">No engineer has been added</p>
+                </div>
+                <?php
+            }
+
+            ?>
+
+        </div>
+    </div>
+</div>
+
+<!-- Add Modal -->
+<div class="modal fade" id="addModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">New engineer</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="" method="post">
+                <div class="modal-body">
+                    <div class="mb-3">
+                        <label for="exampleFormControlInput1" class="form-label">Name</label>
+                        <input type="text" required name="name" class="form-control" id="exampleFormControlInput1" placeholder="Engineer name">
+                    </div>
+                    <div class="mb-3">
+                        <label for="category" class="form-label">Category</label>
+                        <select name="category" id="category" class="form-control">
+                            <option value="Category B1 Mechanic">Category B1 Mechanic</option>
+                        </select>
+                    </div>
+                    <hr>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="mb-3">
+                                <label for="email" class="form-label">Email address</label>
+                                <input type="email" name="email" class="email form-control" id="editEmail" placeholder="Engineer email address">
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-3">
+                                <label for="password" class="form-label">Password</label>
+                                <input type="password" name="password" class="email form-control" id="password" placeholder="Account password">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-primary" name="addEngineer">Add engineer</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- edit Modal -->
+<div class="modal fade" id="updateModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Update engineer</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="" method="post">
+                <div class="modal-body">
+                    <input type="hidden" name="id" class="engineer_id">
+                    <div class="mb-3">
+                        <label for="exampleFormControlInput1" class="form-label">Name</label>
+                        <input type="text" name="name" required class="name form-control" id="exampleFormControlInput1" placeholder="Engineer name">
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="mb-3">
+                                <label for="editEmail" class="form-label">Email address</label>
+                                <input type="email" required name="email" class="email form-control" id="editEmail" placeholder="Engineer email address">
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-3">
+                                <label for="category" class="form-label">Category</label>
+                                <select name="category" id="category" class="form-control">
+                                    <option value="Category B1 Mechanic">Category B1 Mechanic</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-primary" name="editEngineer">Save changes</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- remove Modal -->
+<div class="modal fade" id="removeModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-sm">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Remove engineer</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="" method="post">
+                <div class="modal-body">
+                    <div class="mb-3">
+                        <input type="hidden" name="id" class="engineer_id">
+                        <p align="center">Are you sure you want to remove this engineer?</p>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-danger" name="removeEngineer">Yes, remove</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- Assign Task Modal -->
+<div class="modal fade" id="assignTaskModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Assign task</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="" method="post">
+                <input type="hidden" name="engineer_id" class="engineer_id">
+                <div class="modal-body">
+                    <?php
+                    $aircraft = aircraft::unscheduledAircraft();
+                    if (!$aircraft) {
+                        respond::alert('info', '', 'All aircraft has been scheduled for maintenance');
+                    }else {
+                        ?>
+                        <div class="mb-3">
+                            <label for="aircraft" class="form-label">Aircraft</label>
+                            <select name="aircraft_id" required class="form-control" id="aircraft">
+                                <option value="">Select aircraft</option>
+                                <?php
+                                foreach ($aircraft as $aircraft_) {
+                                    ?>
+                                    <option value="<?= $aircraft_['id'] ?>"><?= $aircraft_['company'].' - '.$aircraft_['number'] ?></option>
+                                    <?php
+                                }
+                                ?>
+                            </select>
+                        </div>
+                        <?php
+                    }
+                    ?>
+                    <div class="mb-3">
+                        <label for="task" class="form-label">Task</label>
+                        <textarea name="task" required class="form-control" id="task" rows="3"></textarea>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-primary" name="addSchedule">Assign</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- Remove Task Modal -->
+<div class="modal fade" id="removeTaskModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-sm">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Remove task</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="" method="post">
+                <div class="modal-body">
+                    <div class="mb-3">
+                        <input type="hidden" name="id" class="engineer_id">
+                        <p align="center">Are you sure you want to remove task from this engineer?</p>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-danger" name="removeSchedule">Yes, remove</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
diff --git a/views/logout.php b/views/logout.php
new file mode 100644
index 0000000..3d9aa8c
--- /dev/null
+++ b/views/logout.php
@@ -0,0 +1,4 @@
+<?php
+
+unset($_SESSION['user']);
+header("location: /login");
\ No newline at end of file
diff --git a/views/my-schedules.php b/views/my-schedules.php
new file mode 100644
index 0000000..2ef90b2
--- /dev/null
+++ b/views/my-schedules.php
@@ -0,0 +1,63 @@
+<div class="row mt-4">
+    <div class="col-md-8 mx-auto">
+        <h3 class="float-start">My schedules</h3>
+        <div style="clear: both"></div>
+        <?php
+
+        $schedules = engineer::schedules($account['id']);
+
+        ?>
+        <div class="card">
+            <?php
+
+            if ($schedules) {
+                ?>
+                <table class="table table-hover table-striped card-body mb-0">
+                    <thead>
+                    <tr>
+                        <th>Aircraft</th>
+                        <th>Task</th>
+                        <th>Date added</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <?php
+                    foreach ($schedules as $schedule) {
+                        $date = new DateTime($schedule['createdAt']);
+                        $id = $schedule['id'];
+                        $engineer_id = $schedule['engineer_id'];
+                        $aircraft_id = $schedule['aircraft_id'];
+                        $engineer = $schedule['name'];
+                        $aircraft = $schedule['company'];
+                        $task = $schedule['task'];
+                        ?>
+                        <tr>
+                            <td>
+                                <strong><?= $aircraft; ?></strong>
+                                <br>
+                                <small><?= $schedule['aircraft_type'].' - '. $schedule['number'] ?></small>
+                            </td>
+                            <td><?= $task ?></td>
+                            <td><?= $date->format("F d, Y"); ?></td>
+                        </tr>
+                        <?php
+                    }
+                    ?>
+                    </tbody>
+                </table>
+                <?php
+            }else {
+                ?>
+                <div class="alert alert-info alert-custom alert-dismissible" style="text-align: center; margin-bottom: 0; width: 100%;">
+
+                    <p style="margin-bottom: 0;">No schedule has been added</p>
+                </div>
+                <?php
+            }
+
+            ?>
+
+        </div>
+    </div>
+</div>
+
diff --git a/views/partials/footer.php b/views/partials/footer.php
new file mode 100644
index 0000000..945dac6
--- /dev/null
+++ b/views/partials/footer.php
@@ -0,0 +1,8 @@
+
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<!-- Option 1: Bootstrap Bundle with Popper -->
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/views/partials/header.php b/views/partials/header.php
new file mode 100644
index 0000000..dcafe69
--- /dev/null
+++ b/views/partials/header.php
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+
+    <title>ABC Aircraft</title>
+</head>
+<body>
+
+<header class="p-3 bg-dark text-white">
+    <div class="container">
+        <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
+            <a href="/aircraft" class="d-flex align-items-center mb-2 mb-lg-0 text-white text-decoration-none me-4">
+                <span class="fs-4">ABC</span>
+            </a>
+
+            <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
+            <?php
+            if ($page !== 'login') {
+                if ($admin) {
+                    ?>
+                    <li><a href="/aircraft" class="nav-link px-2 text-<?= $page === 'aircraft' ? 'white' : 'secondary' ?>">Aircraft</a></li>
+                    <li><a href="/schedules" class="nav-link px-2 text-<?= $page === 'schedules' ? 'white' : 'secondary' ?>">Schedules</a></li>
+                    <li><a href="/engineers" class="nav-link px-2 text-<?= $page === 'engineers' ? 'white' : 'secondary' ?>">Engineers</a></li>
+                    <?php
+                }else {
+                    ?>
+                    <li><a href="/my-schedules" class="nav-link px-2 text-<?= $page === 'my-schedules' ? 'white' : 'secondary' ?>">My schedules</a></li>
+                    <?php
+                }
+
+            }
+            ?>
+            </ul>
+
+            <div class="text-end">
+                <?php
+                if (isset($_SESSION['user'])) {
+                    echo '<a href="/logout" class="btn btn-danger">Logout</a>';
+                } else {
+                    echo '<a href="/login" class="btn btn-light">Login</a>';
+                }
+                ?>
+
+            </div>
+        </div>
+    </div>
+</header>
+
+<!-- Optional JavaScript; choose one of the two! -->
diff --git a/views/schedules.php b/views/schedules.php
new file mode 100644
index 0000000..9a628ff
--- /dev/null
+++ b/views/schedules.php
@@ -0,0 +1,187 @@
+<div class="row mt-4">
+    <div class="col-md-8 mx-auto">
+        <h3 class="float-start">Schedules</h3>
+        <button type="button" class="btn btn-primary float-end mb-2" data-bs-toggle="modal" data-bs-target="#addModal">
+            New schedule
+        </button>
+        <div style="clear: both"></div>
+        <?php
+
+        if (isset($_POST['addSchedule'])) {
+            if (isset($_POST['aircraft_id']) && isset($_POST['engineer_id'])) {
+                schedule::add($_POST['aircraft_id'], $_POST['engineer_id'], $_POST['task']);
+            }else {
+                respond::alert('warning', '', 'All fields are required');
+            }
+        }
+
+        if (isset($_POST['removeSchedule'])) {
+            schedule::remove($_POST['id']);
+        }
+
+        $schedules = schedule::all();
+
+        ?>
+        <div class="card">
+            <?php
+
+            if ($schedules) {
+                ?>
+                <table class="table table-hover table-striped card-body mb-0">
+                    <thead>
+                    <tr>
+                        <th>Aircraft</th>
+                        <th>Engineer</th>
+                        <th>Task</th>
+                        <th>Date added</th>
+                        <th></th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <?php
+                    foreach ($schedules as $schedule) {
+                        $date = new DateTime($schedule['createdAt']);
+                        $id = $schedule['id'];
+                        $engineer_id = $schedule['engineer_id'];
+                        $aircraft_id = $schedule['aircraft_id'];
+                        $engineer = $schedule['name'];
+                        $aircraft = $schedule['company'];
+                        $task = $schedule['task'];
+                        ?>
+                        <tr>
+                            <td>
+                                <strong><?= $aircraft; ?></strong>
+                                <br>
+                            <small><?= $schedule['aircraft_type'].' - '. $schedule['number'] ?></small>
+                            </td>
+                            <td>
+                                <strong><?= $engineer; ?></strong>
+                                <br>
+                                <small><?= $schedule['category'] ?></small>
+                            </td>
+                            <td><?= $task ?></td>
+                            <td><?= $date->format("F d, Y"); ?></td>
+                            <td>
+                                <div class="dropdown">
+                                    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
+                                        Options
+                                    </button>
+                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
+                                        <li><a href="javascript:;" onclick="$('.schedule_id').val('<?= $id ?>')" class="dropdown-item text-danger" data-bs-toggle="modal" data-bs-target="#removeModal">Remove schedule</a></li>
+                                    </ul>
+                                </div>
+                            </td>
+                        </tr>
+                        <?php
+                    }
+                    ?>
+                    </tbody>
+                </table>
+                <?php
+            }else {
+                ?>
+                <div class="alert alert-info alert-custom alert-dismissible" style="text-align: center; margin-bottom: 0; width: 100%;">
+
+                    <p style="margin-bottom: 0;">No schedule has been added</p>
+                </div>
+                <?php
+            }
+
+            ?>
+
+        </div>
+    </div>
+</div>
+
+<!-- Add Modal -->
+<div class="modal fade" id="addModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">New schedule</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="" method="post">
+                <div class="modal-body">
+                    <?php
+                    $aircraft = aircraft::unscheduledAircraft();
+                    if (!$aircraft) {
+                        respond::alert('info', '', 'All aircraft has been scheduled for maintenance');
+                    }else {
+                        ?>
+                    <div class="mb-3">
+                        <label for="aircraft" class="form-label">Aircraft</label>
+                        <select name="aircraft_id" required class="form-control" id="aircraft">
+                            <option value="">Select aircraft</option>
+                            <?php
+                            foreach ($aircraft as $aircraft_) {
+                                ?>
+                                <option value="<?= $aircraft_['id'] ?>"><?= $aircraft_['company'].' - '.$aircraft_['number'] ?></option>
+                                <?php
+                            }
+                            ?>
+                        </select>
+                    </div>
+                    <?php
+                    }
+
+                    $engineers = engineer::unscheduledEngineers();
+
+                    if (!$engineers) {
+                        respond::alert('info', '', 'All engineers has been scheduled for maintenance');
+                    }else {
+                        ?>
+                        <div class="mb-3">
+                            <label for="engineers" class="form-label">Engineer</label>
+                            <select name="engineer_id" required class="form-control" id="engineers">
+                                <option value="">Select engineer</option>
+                                <?php
+                                foreach ($engineers as $engineer) {
+                                    ?>
+                                    <option value="<?= $engineer['id'] ?>"><?= $engineer['name'].' - '.$engineer['category'] ?></option>
+                                    <?php
+                                }
+                                ?>
+                            </select>
+                        </div>
+                        <?php
+                    }
+                    ?>
+                    <div class="mb-3">
+                        <label for="task" class="form-label">Task</label>
+                        <textarea name="task" required class="form-control" id="task" rows="3"></textarea>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-primary" name="addSchedule">Add schedule</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- remove Modal -->
+<div class="modal fade" id="removeModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-sm">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Remove schedule</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form action="" method="post">
+                <div class="modal-body">
+                    <div class="mb-3">
+                        <input type="hidden" name="id" class="schedule_id">
+                        <p align="center">Are you sure you want to remove this maintenance schedule?</p>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="submit" class="btn btn-danger" name="removeSchedule">Yes, remove</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+