{% extends 'extends/layout.html' %}
{% load static %}
{% block content %}
    <div class="row">
        <!-- Start col -->
        <div class="col-lg-12">
            <div class="card m-b-30">
                <div class="card-body">
                    <form method="post" enctype="multipart/form-data">
                        {% csrf_token %}
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label for="udate">date</label>
                                <input type="date" class="form-control" id="udate" name="udate"
                                       placeholder="Enter loan type name" required>
                                <span id="duplicate"></span>
                            </div>
                            <div class="form-group col-md-6">
                                <label for="credited">Debit account</label>
                                <select class="form-control" id="credited" name="debited"
                                        required>
                                    <option value="" selected disabled>Select Acct</option>
                                    {% for acct in bankaccounts %}
                                        <option value="{{ acct.id }}"> {{ acct.name }} </option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="text-dark" for="logo">Excel File (CSV)</label>
                                <div class="custom-file">
                                    <input class="custom-file-input" required onchange="uploadname(this.value)"
                                           accept="text/csv" name="proof" id="proof" type="file">
                                    <label aria-describedby="proof" id="uploaded"
                                           class="custom-file-label border border-secondary"
                                           for="proof">Upload Excel</label>
                                </div>
                                <span id="filename"></span>
                            </div>
                            <script>
                                function uploadname(val) {
                                    var lastPart = val.split("\\").pop();
                                    //alert(lastPart)
                                    document.getElementById('uploaded').innerHTML = lastPart
                                }
                            </script>
                            <div class="form-group col-md-6">
                                <label for="narration">Narration</label>

                                <textarea class="form-control" id="narration" name="narration"
                                          placeholder="Narration"></textarea>
                            </div>
                        </div>
                        <input type="hidden" name="form_type" value="upload" required>
                        <div class="modal-footer">
                            <button type="reset" class="btn btn-warning">Clear</button>
                            <button type="submit" id="savebtn" class="btn btn-primary">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- End col -->

        <!-- End col -->
    </div>
{% endblock %}