{% extends 'extends/layout.html' %}
{% load static %}
{% load humanize %}
{% load countries %}
{% block styles %}
    <link href="{% static 'sacco/assets/css/bootstrap-fileupload.min.css' %}" rel="stylesheet"/>
    <style>
        @media (min-width: 900px) {
            .modal-xlg {
                width: 850px !important;
            }
        }
    </style>
{% endblock %}
{% block scripts %}
{% endblock %}
{% block content %}
    <div class="btn btn-primary float-end">Back to Group</div>
    <div class="card">
        <div class="card-body">
            <form method="post" enctype="multipart/form-data">
                {% csrf_token %}
                <div class="modal-body">
                    <div class="mb-2 col-md-12">
                        <label class="form-label" for="upload">Upload a File</label>
                        <input type="file" class="form-control" id="upload" name="member_depos"
                               placeholder="Upload Files" accept=".xlsx, .xls" required/>
                    </div>
{#                    <div class="mb-2 col-md-12">#}
{#                        <label class="form-label" for="depo_date">Depositing date</label>#}
{#                        <input type="date" class="form-control" id="depo_date" name="depo_date"#}
{#                               placeholder="Opening balance"/>#}
{#                    </div>#}

                    <div class="mb-2 col-md-12">
                        <label class="form-label" for="account_type">Payment Mode</label>
                        <select class="form-control" name="account"
                                id="account_type" required>
                            <option value="" selected disabled>Select Account</option>
                            {% for item in accounts %}
                                <option value="{{ item.id }}">{{ item.name }}</option>
                            {% endfor %}

                        </select>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="submit" name="new_member" class="btn btn-primary">Submit</button>
                </div>
            </form>
        </div>
    </div>
{% endblock %}