<?php
error_reporting(E_ALL);
ini_set('display_errors',1);

$base = "/SEAT";
?>
<!DOCTYPE html>
<html>
<head>

<title>Register</title>

<link rel="stylesheet" href="<?= $base ?>/assets/css/auth/registertype.css">

<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

</head>
<body>


<div class="container">


<!-- WRAP CARD -->

<div class="wrap-card">


<h2>Create Your Account</h2>
<p>Select your account type to get started</p>



<div class="card-row">


<!-- STUDENT -->

<div class="card">

<div class="icon-circle">
<i class="fa-solid fa-user-graduate"></i>
</div>

<h3>Student</h3>

<p class="desc">
Students can browse and join events.
</p>

<a href="register.php?role=student">
<button>Register as Student</button>
</a>

</div>



<!-- STAFF -->

<div class="card">

<div class="icon-circle">
<i class="fa-solid fa-user-tie"></i>
</div>

<h3>Staff</h3>

<p class="desc">
Staff can join the events with us.
</p>

<a href="register.php?role=staff">
<button>Register as Staff</button>
</a>

</div>



<!-- ORGANIZER -->

<div class="card">

<div class="icon-circle">
<i class="fa-solid fa-building"></i>
</div>

<h3>Organizer</h3>

<p class="desc">
Organizer account needs admin approval
</p>

<a href="register.php?role=organizer">
<button>Register as Organizer</button>
</a>

</div>


</div>



<!-- bottom text -->

<div class="bottom-text">

Already have an account?
<a href="<?= $base ?>/login.php">Sign in</a>

</div>


</div>
<!-- END WRAP CARD -->


</div>


</body>
</html>