{% extends "baseregistration.html" %}
{% block content %}

<section class="content">
    <div class="container-fluid">
  <div class="row">
  <div class="card card-primary cus-card">
    <div class="card-header">
      <h3 class="card-title">Register Company</h3>
    </div>
  <!-- /.card-header -->
  <!-- form start -->
  <form method="post" enctype="multipart/form-data" class="cus-form">
    {% csrf_token %}
    {{form.errors}}
    <div style="display:none">
      <input type="hidden" name="csrfmiddlewaretoken" class="getcsrf" value="{{ csrf_token }}">
  </div>
    <div class="form-group row class=col-sm-4" >
      <label class="col-sm-2 col-form-label" for="first_name">First Name: </label>
      <input class="form-control col-sm-10" id="first_name"  type="text" name="first_name">
    </div>

    <div class="form-group row class=col-sm-4">
      <label class="col-sm-2 col-form-label" for="last_name">Last Name: </label>
      <input class="form-control col-sm-10" id="last_name" type="text" name="last_name">
    </div>

    <div class="form-group row">
      <label class="col-sm-2 col-form-label" for="companyname">Company Name: </label>
      <input class="form-control col-sm-10" id="companyname" type="text" name="company_name">
    </div>

    <div class="form-group row">
        <label class="col-sm-2 col-form-label" for="country">Country Name: </label>
        <select class="form-control col-sm-10" id="country" name='country'>
            <option>Select Country</option>
              {% for country in countries %}
                  <option value='{{country.id}}'>{{ country.name }}</option>
              {% endfor %}
          </select> 
    </div>
    
    <div class="form-group row">
        <label class="col-sm-2 col-form-label" for="mailid">Mail Id: </label>
        <input class="form-control col-sm-10" id="mailid" type="text" name="email">
    </div>

<div class="form-group row">
      <label class="col-sm-2 col-form-label" for="contact_no">Contact No: </label>
      <input class="form-control col-sm-10" id="contact_no" type="text" name="contact_no">
</div>

<div class="form-group row license">
        <label class="col-sm-2 col-form-label" for="type">License Package: </label>
        <select class="form-control col-sm-10" id="package" name='package'>
          <option>Select License</option>
          {% for package in packages %}
          <option value='{{package.id}}'>{{ package.name }}</option>
      {% endfor %}
        </select> 
</div>
<div class="form-group row concurrentuserdiv" style="display: none;">
    <label class="col-sm-2 col-form-label" for="type">License Concurrent Users: </label>
    <select class="form-control col-sm-10" id="concurrentuserselect" name='concurrentuserselect'>
      <option>Select Concurrent Users</option>
    </select> 
</div>
<input class="form-control col-sm-10 usersinput" id="admins" type="text" name="admins" style="display: none;">
<table class="table userslist" style="display: none;">
    <thead>
      <tr>
        <th scope="col">Concurrent Users</th>
        <th scope="col"> Well Manager</th>
        <th scope="col">Well Engineer</th>
        <th scope="col">Viewers</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th><input class="form-control col-sm-10 usersinput" id="concurrent_users" type="text" name="concurrent_users" readonly>
        </th>
        
        <td><input class="form-control col-sm-10 usersinput" id="well_managers" type="text" name="well_managers" readonly>
        </td>
        <td><input class="form-control col-sm-10 usersinput" id="well_engineers" type="text" name="well_engineers" readonly>
        </td>
        <td><input class="form-control col-sm-10 usersinput" id="other_users" type="text" name="other_users" readonly>
        </td>
      </tr>
    </tbody>
  </table>
  
<input type="submit" value="Register" class="btn btn-primary">
</form>
</div>
</div>
</div>
</section>
{% endblock %}