{% extends 'mufukoadmin/extends/admin.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 enctype="multipart/form-data" method="post">
                    {% csrf_token %}
                    <section>
                        <div class="row">
                        <div class="form-group col-md-6">
                            <label class="text-dark" for="name">Business Name*</label>
                            <input class="form-control" id="name" name="name"
                                   placeholder="Enter Business Name"
                                   required type="text">
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-dark" for="short_name">Business Short Name*</label>
                            <input class="form-control" id="short_name"
                                   name="short_name"
                                   placeholder="Enter Business Short Name"
                                   required type="text">
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-dark" for="address">Business Physical Address*</label>
                            <input class="form-control" id="address"
                                   name="address"
                                   placeholder="Enter Business physical Address"
                                   required type="text">
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-dark" for="email">Business Email Address*</label>
                            <input class="form-control" id="email" name="email"
                                   placeholder="Enter Business Email Address"
                                   type="email" required>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-dark" for="contact">Business Contact*</label>
                            <input class="form-control" id="contact"
                                   name="contact"
                                   placeholder="Enter Business Contact"
                                   type="text" required>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-dark" for="type">Business Type*</label>
                            <select class="form-control" id="type" name="type"
                                    required>
                                <option disabled selected value="">Select Business Type</option>
                                <option value="1">Traditional SACOO</option>
                                <option value="2">Lending Company</option>
                                <option value="3">Investment Club</option>
                                <option value="4">Asset Financing</option>
                            </select>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-dark" for="launch_date">Incorporation Date*</label>
                            <input class="form-control" id="launch_date"
                                   name="launch_date"
                                   placeholder="Enter Business Incorporation Date" type="date" required>
                        </div>
                            <div class="form-group col-md-6">
                            <label class="text-dark" for="clients">Number of Clients*</label>
                            <input class="form-control" id="clients"
                                   name="clients"
                                   placeholder="Enter Number of current clients" type="number" required>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-dark" for="logo">Business Logo</label>
                            <div class="custom-file">
                                <input class="custom-file-input" name="logo" id="logo" type="file">
                                <label aria-describedby="logo" class="custom-file-label border border-secondary"
                                       for="logo">Upload Business logo</label>
                            </div>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-dark" for="certificate_no">Certificate Number</label>
                            <input class="form-control" id="certificate_no"
                                   name="certificate_no"
                                   placeholder="Enter Business Certificate Number" type="number">
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-dark" for="certificate">Upload Certificate</label>
                            <div class="custom-file">
                                <input class="custom-file-input" name="certificate" id="certificate" type="file">
                                <label aria-describedby="certificate" class="custom-file-label border border-secondary"
                                       for="certificate">Upload Business Certificate</label>
                            </div>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-dark" for="website">Business website</label>
                            <input class="form-control" id="website"
                                   name="website"
                                   placeholder="Enter Business website url" type="url">
                        </div>
                    </div>
                    </section>

                    <!-- Contact Person -->
                            <h4 class="text-primary">Contact Person</h4>
                    <section>
                        <div class="row">
                        <div class="form-group col-md-6">
                            <label class="text-primary" for="staff">Staff Name*</label>
                            <input class="form-control" id="staff"
                                   name="staff"
                                   placeholder="Enter staff full name" type="text" required>
                        </div>
                            <div class="form-group col-md-6">
                            <label class="text-primary" for="nin">Staff NIN</label>
                            <input class="form-control" id="nin"
                                   name="nin"
                                   placeholder="Enter staff national identification number" type="text">
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-primary" for="staff_email">Staff Email*</label>
                            <input class="form-control" id="staff_email"
                                   name="staff_email"
                                   placeholder="Enter staff email" type="email" required>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-primary" for="staff_phone">Staff Phone*</label>
                            <input class="form-control" id="staff_phone"
                                   name="staff_phone"
                                   placeholder="Enter staff phone" type="text" required>
                        </div>
                            <div class="form-group col-md-6">
                            <label class="text-primary" for="position">Staff Position*</label>
                            <input class="form-control" id="position"
                                   name="position"
                                   placeholder="Enter staff position or role eg Manager" type="text" required>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-primary" for="gender">Staff Gender*</label>
                            <select class="form-control" id="gender" required name="gender">
                                <option value="">--Select staff gender--</option>
                                <option value="1">Male</option>
                                <option value="2">Female</option>
                            </select>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-primary" for="staff_address">Staff Address*</label>
                            <input class="form-control" id="staff_address"
                                   name="staff_address"
                                   placeholder="Enter staff address" type="text" required>
                        </div>
                    </div>
                    </section>
                    <!-- License Details -->
                            <h4 class="text-success">Business Settings</h4>
                    <section>
                        <div class="row">
                        <div class="form-group col-md-6">
                            <label class="text-success" for="package">Subscription Package*</label>
                            <select class="form-control" required id="package" name="package">
                                {% for package in packages%}
                                <option value="{{ package.id }}">{{ package.name }} ({{ package.limit }} members)</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="text-success" for="license">License expiry date*</label>
                            <input class="form-control" id="license"
                                   name="license" type="date" required>
                        </div>
                            <div class="form-group col-md-6">
                            <label class="text-success" for="generate">Should system generate account numbers automatically?*</label>
                            <select class="form-control" required id="generate" name="generate">
                                <option value="1" selected>YES. Allow system to generate</option>
                                <option value="0">NO. Allow manual generation</option>
                            </select>
                        </div>
                            <div class="form-group col-md-6">
                            <label class="text-success" for="shareholder">Is every member a SHAREHOLDER?*</label>
                            <select class="form-control" required id="shareholder" name="shareholder">
                                <option value="1">YES. Every member a SHAREHOLDER</option>
                                <option value="0" selected>NO. Some members are ORDINARY</option>
                            </select>
                        </div>
                    </div>
                    </section>
                    <div class="modal-footer">
                        <button class="btn btn-warning" type="reset">Clear Form</button>
                        <button class="btn btn-primary" type="submit">Finish Registration</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- End col -->

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