{% extends 'base.html' %}
{% block midpart %}

<!-- DataTables -->
<link rel="stylesheet" href="/static/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
<!-- end of resume bank status modal -->
<!-- jQuery 3 -->
<script src="/static/bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="/static/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- DataTables -->
<script src="/static/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/static/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<!-- SlimScroll -->
<script src="/static/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="/static/bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="/static/dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="/static/dist/js/demo.js"></script>


<!-- company details -->
<div class="row">
    <div class="col-xs-12">
        <div class="box box-success">
            <div class="box-header">
                <h3 class="box-title"> <b>{{ title }}</b></h3>
                <form method="POST" action="." id="id_edit_company_details" enctype="multipart/form-data">{% csrf_token %}
                <!--<div class="divider"></div>-->
                    <div class="row">
                        <div class="col-md-6">
                          <div class="form-group custom-select">
                              <h4>Account Type</h4>
                                <select name="account_type" class="form-control">
                                        {% for acc in client_account_type %}
                                            {% if client_details.account_type == acc.0 %}
                                                <option value="{{ acc.0 }}" selected>{{ acc.1 }}</option>
                                            {% else %}
                                                 <option value="{{ acc.0}}">{{ acc.1 }}</option>
                                            {% endif %}
                                        {% endfor %}
                                </select>
                           </div>
                        </div>
                        <h4>Credit Limit</h4>
                       <div class="col-md-6">
                          <div class="form-group custom-select">
                            <input type="text" id="id_credit_limit" name="credit_limit" value="{{ client_details.credit_limit}}"/>
                          </div>
                        </div>
                    </div>
                    <div class="row">
                      <div class="col-md-6">
                        <div class="form-group custom-select">
                          <h4>Start Date</h4>
                            <input type="text" id="id_start_date" name="start_date" class="vDateField" readonly value="{{ client_details.start_date|date:"Y-m-d" }}"/>
                        </div>
                      </div>
                        <h4>End Date</h4>
                           <div class="col-md-6">
                              <div class="form-group custom-select">
                                <input type="text" id="id_end_date" name="end_date" class="vDateField" value="{{ client_details.end_date|date:"Y-m-d" }}"/>
                              </div>
                            </div>
                      </div>

                      <div class="row">
                        <div class="col-sm-6">
                            <h4>Contract Features</h4>
                          <div class="form-group custom-select">
                             <select multiple="multiple" name="contract_features" class="form-control">
                               {% for feature in contract_ftr %}
                                     {% if feature.1 in contract_feature_values %}
                                       <option value="{{ feature.1 }}" selected>
                                             {{ feature.1 }}
                                       </option>
                                     {% else %}
                                        <option value="{{ feature.1 }}">
                                             {{ feature.1 }}
                                        </option>
                                     {% endif %}
                               {% endfor %}
                            </select>
                          </div>
                        </div>

                    <h4>Max Logins</h4>

                        <div class="col-sm-6">
                          <div class="form-group custom-select">
                            <input type="text" id="id_max_logins" name="max_logins"  value="{{ client_details.max_logins }}"/>
                          </div>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-sm-3">
                          <div id="id_auto_suggest" class="form-group custom-select">
                            {% if client_details.auto_suggest == True %}
                            <p><input type="checkbox" checked name="auto_suggest"/>Auto Suggest</p>
                            {% else %}
                            <p><input type="checkbox" name="auto_suggest"/>Auto Suggest</p>
                            {% endif %}
                          </div>
                        </div>
                        <div class="col-sm-3">
                          <div id="id_upload_feedback" class="form-group custom-select">
                              {% if client_details.upload_feedback == True %}
                                <p><input type="checkbox" checked name="upload_feedback"/>Upload Feedback</p>
                              {% else %}
                                <p><input type="checkbox" name="upload_feedback"/>Upload Feedback</p>
                              {% endif %}
                          </div>
                        </div>
                        <div class="col-sm-3">
                          <div id="id_send_email_report" class="form-group custom-select">
                              {% if client_details.send_email_reports == True %}
                                <p><input type="checkbox" checked  name="send_email_report"/>Send Email Reports</p>
                              {% else %}
                                <p><input type="checkbox"  name="send_email_report"/>Send Email Reports</p>
                              {% endif %}
                          </div>
                        </div>
                      </div>

                    <div class="modal-footer">
                        <input type="submit" value="Submit">
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

{% endblock midpart %}