{% extends 'includes/base.html' %}
{% load static %}
{% load gravatar %}
{% block content %}
<div class="container-fluid py-4 mt-6">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <form id="employee_select">
                        <h4>Please select Employee</h4>
                        <select class="form-control" name="choices-button" id="employeeSelector" >
                            {% for employee in employees %}
                            <option value="{{employee.id}}">{{employee.employee.first_name}} {{employee.employee.last_name}}</option>
                            {% endfor %}
                        </select>
                        <button class="btn btn-primary mt-2 mb-2" type="button" value="Select" text="Select" id="employeeSelect" onclick="selectEmployee()">Select</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock content %}
{% block scripts %}
<script>
    function selectEmployee() {
        var e = document.getElementById("employeeSelector");
        var value = e.value;
        window.location.href = "{% url 'manager:edit_employee'%}"+"?employee_id="+value
    }
</script>
{% endblock scripts%}