{% extends "DAIManagementApp/base.html" %}
{% block content %}
                <!--app-content open-->
				<div class="app-content">
					<div class="side-app">

						<!-- PAGE-HEADER -->

						<div class="page-header">
							<div>
								<h1 class="page-title">SFR Analytics Reports Upload </h1>
								<ol class="breadcrumb">
									<li class="breadcrumb-item"><a href="#">SFR analytics </a></li>
									<li class="breadcrumb-item active" aria-current="page">Report</li>
								</ol>
							</div>


						</div>
                        <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">File Upload</h3>
                        </div>
                        <div class=" card-body">
                            <form method="post"  action="{% url 'upload_sfr_report'%}" enctype="multipart/form-data">
                                {% csrf_token %}
                            <div class="input-group mb-5 file-browser">
                                <input type="text" class="form-control browse-file" placeholder="Choose" readonly>
                                <label class="input-group-text btn btn-primary">
                                    Browse <input type="file" class="file-browserinput" name="sfr_file" style="display: none;" accept=".xlsx" required>
                                </label>
                            </div>

                            <br>

                            <button type="submit" style="width:100px; text-align:center;" class="btn btn-primary" name="button">Submit</button>
                        </form>

                        </div>
                        </div>

                        </div>
</div></div>

{% endblock content %}