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

  <!-- Invisible span to definte wich ul and a in the navbar are actived -->
  <span id="nav_actived" style="display: none">cds,charge/add</span>

  <form id="charge_form" class="pdc-form" action="{{ url_for('main.charge_add') }}" method="post">

    <div class="form-group">

      <label for="agent_id">Nom de l'agent</label>
      <select id="agent_id" name="agent_id" class="form-control">
        <option selected>---</option>
        {% for a in agents %}
          <option value="{{ a.id }}">{{ a.namefull }}</option>
        {% endfor %}

      </select>

    </div>

    <div class="form-group">

      <label for="project_id">Choisir projet</label>
      <select id="project_id" name="project_id" class="form-control">
        <option selected>---</option>
        {% for p in projects %}
          <option value="{{ p.id }}">{{ p.name }}</option>
        {% endfor %}
      </select>

    </div>

    <div class="form-group">

      <label for="service_id">Choisir le service</label>
      <select id="service_id" name="service_id" class="form-control">
        <option selected>---</option>
        {% for s in services %}
          <option value="{{ s.id }}">{{ s.name }}</option>
        {% endfor %}
      </select>

    </div>

    <div class="form-group">

      <label for="period_id">Choisir la période</label>
      <select id="period_id" name="period_id" class="form-control">
        <option selected>---</option>
        {% for p in periods %}
          <option value="{{ p.id }}">{{ p.name }}</option>
        {% endfor %}
      </select>

    </div>

    <div class="form-group">

      <label for="capacity_id">Choisir la fonction</label>
      <select id="capacity_id" name="capacity_id" class="form-control">
        <option selected>---</option>
        {% for c in capacities %}
          <option value="{{ c.id }}">{{ c.name }}</option>
        {% endfor %}
      </select>

    </div>

    <div class="form-group">

      <label for="charge_rate">Charge (%)</label>
      <input class="form-control col-2" id="charge_rate" name="charge_rate" type="text" placeholder="Ex: 55">

    </div>

    <input class="btn btn-dark" type="submit" value="Valider">
  </form>

{% endblock %}