{% 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="company_select">
                        <h4>Select Company</h4>
                        <div class="input-group">
                            <select  class="form-control" id="companySelect">
                                {% for company in companies %}
                                <option value="{{company.id}}">{{company.name}}</option>
                                {% endfor %}
                            </select>
                            <button class="btn btn-outline-primary mb-0" type="button" id="add_company" ><i class="fas fa-plus"></i></button>
                        </div>
                        <button class="btn btn-primary mt-2 mb-2" type="button" value="Select" text="Select" id="companySelect" onclick="selectCompany()">Select</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock content %}
{% block scripts %}
<script>
    function selectCompany() {
        var e = document.getElementById("companySelect");
        var value = e.value;
        window.location.href = "{% url 'manager:edit_company'%}"+"?company_id="+value
    }
</script>
{% endblock scripts%}