{% extends 'reseau/main.html' %}

{% load static %}

{% block content %}
    <!-- <h1>Toto : {{mission.candidates.all}}</h1>
    <h2>Tata : {{tata}}</h2>

    <h3>Tous les candidats de la mission {{mission.referenceNumber}}</h3>
    <h3>Référence Mission : {{mission.referenceNumber}}</h3>
    <h3>AllCandidates : {{allCandidates}}</h3>
    <h3>Toto : {{toto}}</h3>

    {% if toto %}
        <h3>OUI</h3>
    {% else %}
        <h3>NON</h3>
    {% endif %} -->

    <h4>Liste des candidats</h4>
    <hr>
    <h2>Mission : {{mission.referenceNumber}}</h2>
    <a class="btn btn-success"  href=" {% url 'show-mission' mission.id %}">Détails</a>
    <!-- <div class="d-flex justify-content-between">
    </div> -->
    <table class="table">
        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">NOM Prénom</th>
                <th scope="col">Structure</th>
                <th scope="col">Métiers</th>
                <th scope="col">Jour</th>
                <th scope="col">Nuit</th>
                <th scope="col">Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for candidate in mission.candidates.all %}
          <tr>
            <th scope="row">{{forloop.counter}}</th>
            <td>{{candidate.user.last_name|upper}} {{candidate.user.first_name}}</td>
            <td>{{candidate.structure}}</td>
            <td>{{candidate.metiers}}</td>
            <td>{{candidate.day|yesno:"Oui, Non, Peut-Être" }}</td>
            <td>{{candidate.night|yesno:"Oui, Non, Peut-Être" }}</td>
            <td>
                {% if not mission.worker %}
                    <a class="btn btn-primary" href="{% url 'give-mission' mission.id candidate.user.id %}">Recruter</a>
                {% endif %}
                {% if mission.worker.user.pk == candidate.user.pk %}
                    <a class="btn btn-danger" href="{% url 'remove-mission' mission.id candidate.user_id %}">Annuler recrutement</a>
                {% endif %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
     

{% endblock content %}