<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!------------ Global css  ----------->
    <link rel="stylesheet" href="<?=base_url("assets/css/global.css")?>">
    <!-- Add use css  -->
    <link rel="stylesheet" href="<?=base_url("assets/css/add-users.css")?>">
    <!----------- Font Awesome icons  ------>
    <link rel="stylesheet" href="<?=base_url("assets/css/all.min.css")?>">
    <!---------- Google Font Roboto  ---------->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Cairo' rel='stylesheet'>
    <!-- Js Countries  -->
    <title>Seat Management - Add User</title>
</head>
<body>
    <div class="landing-page">
        <!------------------------Start  sidebar ------------------->
        <?php echo $this->include('parts/side_menu.php'); ?>
        <!------------------------End sidebar ------------------->
            <div class="content">
                <!-- -----------------Logo ---------------------->
                <header>
                    <img src="<?=base_url('logo.png')?>"  style="width: 250px;" alt="">
                </header>
                <div class="title">
                    <h2>Add User</h2>
                </div>
                <div class="sign-in">
                    <div class="input-panel">
                        <div class="title-panel">
                            <h3>Add User </h3>
                        </div>
                        <div class="img-profile">
                            <img src="<?=base_url("assets/images/profile-avatar.png")?>" alt="">
                        </div>
                        <form method="post" action="<?=base_url('user/save')?>">
                            <div class="input-fields">
                                <label for="user-name">User Name</label>
                                <input type="text" required name="username">
                                <label for="password">Password</label>
                                <input type="password" required name="password">
                                <label for="confirm-password">Confirm Password</label>
                                <input type="password" required name="confirm-pass">
                                <label for="confirm-password">Role</label>
                                <select name=role>
                                    <option value=2>Agent</option>
                                    <option value=3>Checker</option>
                                    <?php if($is_superadmin): ?>
                                    <option value=1>Admin</option>
                                    <?php endif; ?>
                                </select>
                            </div>
                            <div class="submit"><input type="submit" name="submit" value="Create"></div>
                        </form>
                    </div>
                </div>
            </div>
    </div>


    <script src="<?=base_url("assets/Js/main.js")?>"></script>
</body>
</html>