{{> header }}

<h1>Employees bulk import</h1>

<div class="row">
  <div class="col-md-6 lead">Quick employees import</div>
  <div class="col-md-6">
    <a class="btn btn-default pull-right" href="/users/add/" id="add_new_department">Add single employee <i class="fa fa-chevron-right"></i></a>
  </div>

</div>

{{> show_flash_messages }}

<div class="row">
  <div class="col-md-6">
    <ol class="breadcrumb">
      <li><a href="/users/">All Employees</a></li>
      <li class="active">Import employees in a bulk</li>
    </ol>
  </div>
</div>

<div class="row main-row_header">
  <p class="col-md-12">Do it in three simple steps</p>
</div>

<div class="row">
  <div class="col-md-9 col-md-offset-1">

    <form class="form-horizontal" method="POST" action="/users/import-sample/" id="users_import_sample_form">
      <p class="text-bigger">
        <strong>1.</strong> Download example of <strong>.CSV</strong> file based on employees currently available:
        <button
          type  = "submit"
          id    = "users_import_sample_btn"
          class = "btn btn-success"
          data-content   = "The sample file contains information about employees who are already in the system. Extend the file to have records about new employees and upload it using the form on left hand side."
          data-placement = "top"
          data-toggle    = "popover"
          data-trigger   = "focus hover"
        ><i class="fa fa-download"></i> Download <strong>.CSV</strong> sample file</button>
      </p>
    </form>

    <p class="text-bigger">
      <strong>2.</strong> Amend <strong>.CSV</strong> file to contain new employees details.
    </p>

    <p class="text-bigger">
      <strong>3.</strong> Upload <strong>.CSV</strong> file:

      <form action="/users/import/" method="post" role="form" enctype="multipart/form-data" class="panel-body">
        <div class="form-group">
          <input id="users_input_inp" type="file" name="users_import">
        </div>
        <div class="form-group">
            <button class="btn btn-success single-click" id="submit_users_btn" type="submit"><i class="fa fa-upload"></i> Import employees</button>
        </div>
      </form>
    </p>
  </div>
</div>

<div class="row">&nbsp;</div>

{{> footer }}