<commit_before><!DOCTYPE html>
<html lang="en">

<head>
    <!-- META SECTION -->
    <title>Manage Employees</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <!-- END META SECTION -->

    <!-- CSS INCLUDE -->
    <link rel="stylesheet" type="text/css" id="theme" href="css/theme-default.css" />
    <!-- EOF CSS INCLUDE -->
</head>

<body>
<!-- START PAGE CONTAINER -->
<div class="page-container">
    <!-- START PAGE SIDEBAR -->
    <div class="page-sidebar">
        <!-- START SIDE-NAVIGATION -->
        <ul class="x-navigation">
            <li class="xn-logo">
                <a href="home">[Company Name]</a>
                <a href="#" class="x-navigation-control"></a>
            </li>
            <li class="xn-profile">
                <a href="#" class="profile-mini">
                    <img src="assets/images/users/avatar.jpg" alt="<NAME>" />
                </a>
                <div class="profile">
                    <div class="profile-image">
                        <img src="assets/images/users/avatar.jpg" alt="<NAME>" />
                    </div>
                    <div class="profile-data">
                        <div class="profile-data-name">{{user.companyname}}</div>
                        <div class="profile-data-title">Owner</div>
                    </div>
                </div>
            </li>
            <li class="xn-title">Navigation</li>
            <li class="active">
                <a href="dashboard_admin"><span class="fa fa-dashboard"></span> <span class="xn-text">Overview</span></a>
            </li>
            <li class="active">
                <a href="patient_queue"><span class="fa fa-clock-o"></span> <span class="xn-text">Patient Queue</span></a>
            </li>
            <li class="active">
                <a href="add_employees"><span class="fa fa-users"></span> <span class="xn-text">Manage Employees</span></a>
            </li>
            <li class="active">
                <a href="form"><span class="fa fa-pencil"></span> <span class="xn-text">Edit Form</span></a>
            </li>
            <li class="active">
                <a href="viewform"><span class="fa fa-pencil"></span> <span class="xn-text">View Form</span></a>
            </li>
            <li class="active">
                <a href="#"><span class="fa fa-comments-o"></span> <span class="xn-text">[Slack]</span></a>
            </li>
            <li class="active">
                <a href="settings"><span class="fa fa-cogs"></span> <span class="xn-text">Settings</span></a>
            </li>
        </ul>
        <!-- END SIDE-NAVIGATION -->
    </div>
    <!-- END PAGE SIDEBAR -->

    <!-- PAGE CONTENT -->
    <div class="page-content">

        <!-- START X-NAVIGATION VERTICAL -->
        <ul class="x-navigation x-navigation-horizontal x-navigation-panel">
            <!-- TOGGLE NAVIGATION -->
            <li class="xn-icon-button">
                <a href="#" class="x-navigation-minimize"><span class="fa fa-dedent"></span></a>
            </li>
            <!-- END TOGGLE NAVIGATION -->
            <!-- SEARCH -->
            <li class="xn-search">
                <form role="form">
                    <input type="text" name="search" placeholder="Search..." />
                </form>
            </li>
            <!-- END SEARCH -->
            <!-- SIGN OUT -->
            <li class="xn-icon-button pull-right">
                <a href="#" class="mb-control" data-box="#mb-signout"><span class="fa fa-sign-out"></span></a>
            </li>
            <!-- END SIGN OUT -->
        </ul>
        <!-- END X-NAVIGATION VERTICAL -->

        <!-- START BREADCRUMB -->
        <ul class="breadcrumb">
            <li><a href="dashboard_admin">Overview</a></li>
            <li class="active">Manage Employees</li>
        </ul>
        <!-- END BREADCRUMB -->

        <!-- PAGE CONTENT WRAPPER -->
        <div class="page-content-wrap">
            <div class="row">
                <div class="col-md-12">
                    <!-- START MANAGE EMPLOYEES DATATABLE -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">Manage Employees</h3>
                            <ul class="panel-controls">
                                <li>
                                    <button class="btn btn-default" data-toggle="modal" data-target="#addEmployeeCSV"> Import Data</button>
                                </li>
                                <li>
                                    <button class="btn btn-default" data-toggle="modal" data-target="#addEmployee">Add Employee</button>
                                </li>
                            </ul>
                            <div class="btn-group pull-right">
                                <button class="btn btn-danger dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i> Export Data</button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'json',escape:'false'});"><img src='img/icons/json.png' width="24" /> JSON</a>
                                    </li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'json',escape:'false',ignoreColumn:'[2,3]'});"><img src='img/icons/json.png' width="24" /> JSON (ignoreColumn)</a>
                                    </li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'json',escape:'true'});"><img src='img/icons/json.png' width="24" /> JSON (with Escape)</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'xml',escape:'false'});"><img src='img/icons/xml.png' width="24" /> XML</a>
                                    </li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'sql'});"><img src='img/icons/sql.png' width="24" /> SQL</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'csv',escape:'false'});"><img src='img/icons/csv.png' width="24" /> CSV</a>
                                    </li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'txt',escape:'false'});"><img src='img/icons/txt.png' width="24" /> TXT</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'png',escape:'false'});"><img src='img/icons/png.png' width="24" /> PNG</a>
                                    </li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'pdf',escape:'false'});"><img src='img/icons/pdf.png' width="24" /> PDF</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="panel-body">
                            <table id="employeesList" class="table datatable">
                                <thead>
                                <tr>
                                    <th id="nameHead">Name</th>
                                    <th id="numberHead">Number</th>
                                    <th id="emailHead">Email</th>
                                </tr>
                                </thead>
                                {{#employees}}
                                    <tr>
                                        <td>{{name}}</td>
                                        <td>{{phone_number}}</td>
                                        <td>{{email}}</td>
                                    </tr>
                                {{/employees}}
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- END MANAGE EMPLOYEES DATATABLE -->
                </div>
            </div>
        </div>
        <!-- END CONTENT WRAPPER -->
    </div>
    <!-- END PAGE CONTENT -->
</div>
<!-- END PAGE CONTAINER -->

<!-- START ADD MODAL-->
<div class="modal fade" id="addEmployee" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content"><commit_msg>Added delete button to employee page<commit_after><!DOCTYPE html>
<html lang="en">

<head>
    <!-- META SECTION -->
    <title>Manage Employees</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <!-- END META SECTION -->

    <!-- CSS INCLUDE -->
    <link rel="stylesheet" type="text/css" id="theme" href="css/theme-default.css" />
    <!-- EOF CSS INCLUDE -->
</head>

<body>
<!-- START PAGE CONTAINER -->
<div class="page-container">
    <!-- START PAGE SIDEBAR -->
    <div class="page-sidebar">
        <!-- START SIDE-NAVIGATION -->
        <ul class="x-navigation">
            <li class="xn-logo">
                <a href="home">[Company Name]</a>
                <a href="#" class="x-navigation-control"></a>
            </li>
            <li class="xn-profile">
                <a href="#" class="profile-mini">
                    <img src="assets/images/users/avatar.jpg" alt="<NAME>" />
                </a>
                <div class="profile">
                    <div class="profile-image">
                        <img src="assets/images/users/avatar.jpg" alt="<NAME>" />
                    </div>
                    <div class="profile-data">
                        <div class="profile-data-name">{{user.companyname}}</div>
                        <div class="profile-data-title">Owner</div>
                    </div>
                </div>
            </li>
            <li class="xn-title">Navigation</li>
            <li class="active">
                <a href="dashboard_admin"><span class="fa fa-dashboard"></span> <span class="xn-text">Overview</span></a>
            </li>
            <li class="active">
                <a href="patient_queue"><span class="fa fa-clock-o"></span> <span class="xn-text">Patient Queue</span></a>
            </li>
            <li class="active">
                <a href="add_employees"><span class="fa fa-users"></span> <span class="xn-text">Manage Employees</span></a>
            </li>
            <li class="active">
                <a href="form"><span class="fa fa-pencil"></span> <span class="xn-text">Edit Form</span></a>
            </li>
            <li class="active">
                <a href="viewform"><span class="fa fa-pencil"></span> <span class="xn-text">View Form</span></a>
            </li>
            <li class="active">
                <a href="#"><span class="fa fa-comments-o"></span> <span class="xn-text">[Slack]</span></a>
            </li>
            <li class="active">
                <a href="settings"><span class="fa fa-cogs"></span> <span class="xn-text">Settings</span></a>
            </li>
        </ul>
        <!-- END SIDE-NAVIGATION -->
    </div>
    <!-- END PAGE SIDEBAR -->

    <!-- PAGE CONTENT -->
    <div class="page-content">

        <!-- START X-NAVIGATION VERTICAL -->
        <ul class="x-navigation x-navigation-horizontal x-navigation-panel">
            <!-- TOGGLE NAVIGATION -->
            <li class="xn-icon-button">
                <a href="#" class="x-navigation-minimize"><span class="fa fa-dedent"></span></a>
            </li>
            <!-- END TOGGLE NAVIGATION -->
            <!-- SEARCH -->
            <li class="xn-search">
                <form role="form">
                    <input type="text" name="search" placeholder="Search..." />
                </form>
            </li>
            <!-- END SEARCH -->
            <!-- SIGN OUT -->
            <li class="xn-icon-button pull-right">
                <a href="#" class="mb-control" data-box="#mb-signout"><span class="fa fa-sign-out"></span></a>
            </li>
            <!-- END SIGN OUT -->
        </ul>
        <!-- END X-NAVIGATION VERTICAL -->

        <!-- START BREADCRUMB -->
        <ul class="breadcrumb">
            <li><a href="dashboard_admin">Overview</a></li>
            <li class="active">Manage Employees</li>
        </ul>
        <!-- END BREADCRUMB -->

        <!-- PAGE CONTENT WRAPPER -->
        <div class="page-content-wrap">
            <div class="row">
                <div class="col-md-12">
                    <!-- START MANAGE EMPLOYEES DATATABLE -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">Manage Employees</h3>
                            <ul class="panel-controls">
                                <li>
                                    <button class="btn btn-default" data-toggle="modal" data-target="#addEmployeeCSV"> Import Data</button>
                                </li>
                                <li>
                                    <button class="btn btn-default" data-toggle="modal" data-target="#addEmployee">Add Employee</button>
                                </li>
                            </ul>
                            <div class="btn-group pull-right">
                                <button class="btn btn-danger dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i> Export Data</button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'json',escape:'false'});"><img src='img/icons/json.png' width="24" /> JSON</a>
                                    </li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'json',escape:'false',ignoreColumn:'[2,3]'});"><img src='img/icons/json.png' width="24" /> JSON (ignoreColumn)</a>
                                    </li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'json',escape:'true'});"><img src='img/icons/json.png' width="24" /> JSON (with Escape)</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'xml',escape:'false'});"><img src='img/icons/xml.png' width="24" /> XML</a>
                                    </li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'sql'});"><img src='img/icons/sql.png' width="24" /> SQL</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'csv',escape:'false'});"><img src='img/icons/csv.png' width="24" /> CSV</a>
                                    </li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'txt',escape:'false'});"><img src='img/icons/txt.png' width="24" /> TXT</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'png',escape:'false'});"><img src='img/icons/png.png' width="24" /> PNG</a>
                                    </li>
                                    <li>
                                        <a href="#" onClick="$('#employeesList').tableExport({type:'pdf',escape:'false'});"><img src='img/icons/pdf.png' width="24" /> PDF</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="panel-body">
                            <table id="employeesList" class="table datatable">
                                <thead>
                                <tr>
                                    <th id="nameHead">Name</th>
                                    <th id="numberHead">Number</th>
                                    <th id="emailHead">Email</th>
                                    <th></th>
                                </tr>
                                </thead>
                                {{#employees}}
                                    <tr>
                                        <td>{{name}}</td>
                                        <td>{{phone_number}}</td>
                                        <td>{{email}}</td>
                                        <td>
                                            <form method="POST" action="/delete/{{_id}}?_method=DELETE">
                                                <button type="submit">Delete</button>
                                            </form>
                                        </td>
                                    </tr>
                                {{/employees}}
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- END MANAGE EMPLOYEES DATATABLE -->
                </div>
            </div>
        </div>
        <!-- END CONTENT WRAPPER -->
    </div>
    <!-- END PAGE CONTENT -->
</div>
<!-- END PAGE CONTAINER -->

<!-- START ADD MODAL-->
<div class="modal fade" id="addEmployee" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
{'fraction_non_alphanumeric': 0.1701517442769985, 'fraction_numerical': 0.002815873181415237, 'mean_word_length': 1.1344462993878686, 'pattern_counts': {'":': 0, '<': 539, '<?xml version=': 0, '>': 539, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 4}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 109, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3079115', 'n_tokens_mistral': 5091, 'n_tokens_neox': 4753, 'n_words': 877}