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

{% load static %}

{% block content %}
     <!-- <h3>Page Home</h3> -->
     

     <!-- Hero section -->
     <div class="row mb-5">
        <div class="col-lg-4 p-3"> 
            <!--  -->
            <!-- images -->
            <img class="thumbnail m-auto d-block" style="height: 200px;" src="{% static 'images/doctor_1.png' %}">
            <!-- class="mx-auto d-block" -->
        </div>

        <div class="col-lg-8 p-3 mx-auto my-auto">
            <!-- Title -->
            <h1 class="text-center">Bienvenue dans ParBa <i class="bi bi-person-plus-fill"></i> la plateforme RH de gestion des remplaçants dans la santé</h1>
        </div>
    </div>

        <div class="d-flex justify-content-between">
            {% if request.user.is_manager %}
            <div class="ms-2">
                <a class="btn btn-success ms-4" href="{% url 'create-mission' %}">Créer une mission</a>
                <a class="btn btn-success ms-1" href="{% url 'declare-mission' %}">Déclarer une mission</a>
            </div>
            {% endif %}
            <form class="d-flex" action="" method="post">
                {% csrf_token %}
                <input class="form-control me-2 d-flex" type="search" placeholder="Rechercher une mission par son identifiant" aria-label="Search" name="missionRefSearched">
                <button class="btn btn-outline-success" type="submit">Rechercher</button>
            </form>
        </div>


    

    <div class="row mx-3">

        {% for mission in missions %}
        <div class="col-lg-6 p-3">
            <div class="box-element remplacant_card">
                {% if mission.worker == None %}
                    <span class="badge bg-danger p-2">Non pourvue</span> 
                {% else %} 
                    <span class="badge bg-success p-2">Pourvue</span> 
                {% endif %}
                
                <div >referenceNumber : {{mission.referenceNumber}}</div>
                <div >Disponible : {{mission.available}}</div>
                <div >type : {{mission.type}}</div>
                <div >structure : {{mission.structure}}</div>
                <div >service : {{mission.service}}</div>
                <div >start : {{mission.start}}</div>
                <div >finish : {{mission.finish}}</div>
                <div >profile : {{mission.profil}}</div>
                <div >motif : {{mission.motif}}</div>
                <div >worker : {{mission.worker}}</div>
                <hr>

                <div class="d-flex justify-content-between">
                    <div>
                        <a class="btn btn-outline-success"  href=" {% url 'show-mission' mission.id %}">Détails</a>
                        <a class="btn btn-outline-info" href=" {% url 'update-mission' mission.id %}">Modifier</a>
                        <a class="btn btn-outline-danger" href=" {% url 'delete-mission' mission.id %}">Supprimer</a>
                        <a class="btn btn-info" href=" {% url 'appliers-mission' mission.id %}">Candidats</a>
                    </div>

                    {% if request.user.worker and mission.worker == None %}
                        {% if request.user.worker in mission.candidates.all %}
                            <a class="btn btn-danger" href=" {% url 'unapply-mission' mission.id %}">Annuler ma candidature</a>
                        {% else %}   
                            <a class="btn btn-primary" href=" {% url 'apply-mission' mission.id %}">Postuler</a>    
                        {% endif %}
                    {% endif %}
                    <!-- {%if request.user.is_authenticated %}
                    <a class="btn btn-danger my-2 my-sm-0" href="{% url 'logout' %}">Se déconnecter</a>
                    <span class="text-light">Bienvenue {{request.user.username|title}}, </span>
                    {% else %}
                    <a class="btn btn-success my-2 my-sm-0" href="{% url 'loginadmin' %}">Connexion Admin</a>
                    <a class="btn btn-success my-2 my-sm-0" href="{% url 'loginremplacant' %}">Connexion Remplaçant</a>
                    <a class="btn btn-warning my-2 my-sm-0" href="{% url 'registerworker' %}">Inscription Remplaçant</a>
                    {% endif %} -->
                </div>                
                <!-- <h6 style="display: inline-block; float: right"><strong>Dakar</strong></h6> -->
            </div>
        </div>
        {% endfor %}

        
    </div>
</div>

{% endblock content %}