{% extends 'base_backend.html.twig' %}
{% block nombreMessage %}{{ nbrMsg }}{% endblock %}
{% block body %}
    <!--  <div class="row">
       <div class="col-lg-3">
           <div class="ibox ">
               <div class="ibox-content mailbox-content">
                   <div class="file-manager">
                       <a class="btn btn-block btn-primary compose-mail" href="mail_compose.html">Nouvelle Offre d'emploi</a>
                       <div class="space-25"></div>
                       <h5>Offres</h5>
                       <ul class="folder-list m-b-md" style="padding: 0">

                           <li>
                               <a href="mailbox.html">
                                   <button class="btn btn-danger btn-sm" data-toggle="tooltip" data-placement="top" title="Move to trash"><i class="fa fa-trash-o"></i> </button>

                                   <i class="fa fa-file-text-o"></i> offres1 <span class="label label-warning float-right">2</span></a></li>

                       </ul>
                       <h5>Categories</h5>
                       <ul class="category-list" style="padding: 0">
                           <li><a href="#"> <i class="fa fa-circle text-navy"></i> Candidature libre (spontané) </a></li>
                           <li><a href="#"> <i class="fa fa-circle text-danger"></i> Stage</a></li>

                       </ul>

                       <div class="clearfix"></div>
                   </div>
               </div>
           </div>
       </div>
       <div class="col-lg-9 animated fadeInRight">

           <div class="mail-box">

               <table class="table table-hover table-mail">
                   <tbody>
                   <tr class="unread">

                       <td class="mail-ontact"><a href="mail_detail.html">Anna Smith</a></td>
                       <td class="mail-subject"><a href="mail_detail.html">Lorem ipsum dolor noretek imit set.</a></td>

                       <td class="text-right mail-date">6.10 AM</td>
                       <td class="check-mail">
                           <button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Move to trash"><i class="fa fa-trash-o"></i> </button>

                       </td>
                   </tr>


                   </tbody>
               </table>


           </div>
       </div>
       </div>-->
    <div class="tabs-container">
    <ul class="nav nav-tabs">
        <li><a class="nav-link active" data-toggle="tab" href="#tab-3"> <i class="fa fa-laptopbtn btn-primary btn-sm " data-toggle="modal" data-target="#myModal" >Ajouter</i>Offres d'emploi <span class="label label-warning float-right">{{ nbrt1 }}</span></a></li>
        <li><a class="nav-link" data-toggle="tab" href="#tab-4"><i class="fa fa-desktop"></i>Candidature spontanée <span class="label label-warning float-right">{{ nbrt2 }}</span></a></li>
        <li><a class="nav-link" data-toggle="tab" href="#tab-5"><i class="fa fa-database"></i>Demande de stage <span class="label label-warning float-right">{{ nbrt3 }}</span></a></li>
    </ul>
    <div class="tab-content">
    <div id="tab-3" class="tab-pane active">
    <div class="panel-body">
    {% for o in off %}
        {% set i=0 %}{% set j = 0 %}
        {% for t in t1 %}
            {% if t.autre==o.id %}
                {% set i=i+1 %}
                {% if t.vu=='1' %}
                {% else %}
                    {% set j=j+1 %}
                {% endif %}{% endif %}
        {% endfor %}
        <div class="col-lg-12">
            {% if o.autre=='1' %}
            <div class="panel panel-primary">
                <div class="panel-heading">
                    Offre activé
                </div>
                {% else %}
                <div class="panel panel-warning">
                    <div class="panel-heading">
                        Offre désactivé
                    </div>
                    {% endif %}
                    <div class="panel-body">
                        <div class="wrapper wrapper-content animated fadeInRight">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="ibox ">
                                        <div class="ibox-title">
                                            <h5>{{ o.titre }}|{{ o.num }} <span class="label label-info float-right">{{ j }}/{{ i }}</h5>
                                            <div class="ibox-tools">
                                                <a class="collapse-link">
                                                    <i class="fa fa-chevron-up"></i>
                                                </a>
                                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                                    <i class="fa fa-wrench"></i>
                                                </a>
                                                <ul class="dropdown-menu dropdown-user" x-placement="bottom-start" style="position: absolute; top: 17px; left: 26px; will-change: top, left;">
                                                    <li><a href="{{ path('offredelete',{'id':o.id})  }}" class="dropdown-item">Supprimer</a>
                                                    </li>
                                                    <li><a href="{{ path('OffreAffiche',{'id':o.id}) }}" class="dropdown-item"> {% if o.autre=='1' %}Désactiver{% else %}Activer{% endif %}</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="ibox-content" style="display: none">
                                            <div class="table-responsive">
                                                <table class="table table-striped table-bordered table-hover dataTables-example" >
                                                    <thead>
                                                    <tr>
                                                        <th>Nom & prénom</th>
                                                        <th>Niveau scolaire</th>
                                                        <th>Experience</th>
                                                        <th>Engine version</th>
                                                        <th>Action</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    {% for t in t1 %}
                                                    {% if t.autre==o.id %}
                                                        <tr class="gradeU">
                                                            <td><a href="{{ path('carriereDetail',{'id':t.id})  }}">{{ t.nom }} {{ t.prenom }}</a></td>
                                                            <td><a href="{{ path('carriereDetail',{'id':t.id})  }}">{{ t.niv }}</a></td>
                                                            <td>{{ t.dateposte }}</td>
                                                            <td class="center">-</td>
                                                            <td class="center">                                <a href="{{ path('carrdelete',{'id':t.id})  }}" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Move to trash"><i class="fa fa-trash-o"></i> </a>
                                                            </td>
                                                        </tr>
                                                    {% endif %}
                                                    {% endfor %}
                                                    </tbody>
                                                    <tfoot>
                                                    <tr>
                                                        <th>Nom & prénom</th>
                                                        <th>Niveau scolaire</th>
                                                        <th>Experience</th>
                                                        <th>Engine version</th>
                                                        <th>Action</th>
                                                    </tr>
                                                    </tfoot>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div></div></div></div>
                        {% endfor %}



        </div>

        </div>
        <div id="tab-4" class="tab-pane">
            <div class="panel-body">
                <div class="wrapper wrapper-content animated fadeInRight">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="ibox ">
                                <div class="ibox-title">
                                    <h5>Liste de candidature spontanée</h5>
                                    <div class="ibox-tools">
                                        <a class="collapse-link">
                                            <i class="fa fa-chevron-up"></i>
                                        </a>
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                            <i class="fa fa-wrench"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="ibox-content">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered table-hover dataTables-example" >
                                            <thead>
                                            <tr>
                                                <th>Nom & prénom</th>
                                                <th>Niveau scolaire</th>
                                                <th>Experience</th>
                                                <th>Engine version</th>
                                                <th>Action</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {% for t in t2 %}
                                                <tr class="gradeU">
                                                    <td><a href="{{ path('carriereDetail',{'id':t.id})  }}">{{ t.nom }} {{ t.prenom }}</a></td>
                                                    <td><a href="{{ path('carriereDetail',{'id':t.id})  }}">{{ t.niv }}</a></td>
                                                    <td>{{ t.dateposte }}</td>
                                                    <td class="center">-</td>
                                                    <td class="center">                                <a href="{{ path('carrdelete',{'id':t.id})  }}" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Move to trash"><i class="fa fa-trash-o"></i> </a>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                            <tfoot>
                                            <tr>
                                                <th>Nom & prénom</th>
                                                <th>Niveau scolaire</th>
                                                <th>Experience</th>
                                                <th>Engine version</th>
                                                <th>Action</th>
                                            </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="tab-5" class="tab-pane">
            <div class="panel-body">
                <div class="wrapper wrapper-content animated fadeInRight">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="ibox ">
                                <div class="ibox-title">
                                    <h5>Basic Data Tables example with responsive plugin</h5>
                                    <div class="ibox-tools">
                                        <a class="collapse-link">
                                            <i class="fa fa-chevron-up"></i>
                                        </a>
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                            <i class="fa fa-wrench"></i>
                                        </a>
                                        <ul class="dropdown-menu dropdown-user">
                                            <li><a href="#" class="dropdown-item">Config option 1</a>
                                            </li>
                                            <li><a href="#" class="dropdown-item">Config option 2</a>
                                            </li>
                                        </ul>
                                        <a class="close-link">
                                            <i class="fa fa-times"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="ibox-content">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered table-hover dataTables-example" >
                                            <thead>
                                            <tr>
                                                <th>Nom & prénom</th>
                                                <th>Niveau scolaire</th>
                                                <th>Experience</th>
                                                <th>Engine version</th>
                                                <th>Action</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {% for t in t3 %}
                                                <tr class="gradeU">
                                                    <td><a href="{{ path('carriereDetail',{'id':t.id})  }}">{{ t.nom }} {{ t.prenom }}</a></td>
                                                    <td>{{ path('carriereDetail',{'id':t.id})  }}</td>
                                                    <td>{{ t.dateposte }}</td>
                                                    <td class="center">-</td>
                                                    <td class="center">                                <a href="{{ path('carrdelete',{'id':t.id})  }}" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Move to trash"><i class="fa fa-trash-o"></i> </a>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                            <tfoot>
                                            <tr>
                                                <th>Nom & prénom</th>
                                                <th>Niveau scolaire</th>
                                                <th>Experience</th>
                                                <th>Engine version</th>
                                                <th>Action</th>
                                            </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
        </div>
        </div>
        <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content animated fadeIn">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title">Ajout d'offre</h4>
                        <small class="font-bold"></small>
                    </div>
                    {{ form_start(form) }}
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label class="control-label" for="order_id">pdf :</label>
                                    {{ form_widget(form.pdf,{ 'attr': {'class': 'form-control filebtn'} }) }}
                                    {{ form_errors(form.pdf) }}
                                    <h4 style="display: none;color: red;width: 300px;" id="error" >Veuillez télécharger une image valide !</h4>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label class="control-label" for="order_id">Num :</label>
                                    {{ form_widget(form.num,{ 'attr': {'class': 'form-control'} }) }}
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label class="control-label" for="order_id">Date début :</label>
                                    {{ form_widget(form.date,{ 'attr': {'class': 'form-control'} }) }}
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label class="control-label" for="order_id">Date fin :</label>
                                    {{ form_widget(form.date2,{ 'attr': {'class': 'form-control'} }) }}
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label class="control-label" for="order_id">titre  :</label>
                                    {{ form_widget(form.titre,{ 'attr': {'class': 'form-control'} }) }}
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label class="control-label" for="order_id">message  :</label>
                                    {{ form_widget(form.message,{ 'attr': {'class': 'form-control summernote'} }) }}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Enregistrer</button>
                    </div>
                    {{ form_rest(form) }}
                    {{ form_end(form) }}
                </div>
            </div>
        </div>
        {% endblock %}