{% extends 'base.html.twig' %}

{% block title %} {% trans %}COSAP - Congés{% endtrans %} {% endblock %}


{% block body %}

    {% if action == "edit_normal" or action == "edit_circonstance" or action == "add_normal" or action == "add_circonstance" %}
		<section class="row">
			<div class="col-12">
				<div class="card">
					<div class="card-header">
						<h6 style="font-weight:500;">{% if action == "add_normal" %}
                                {% trans %}Nouvel Congé Normal{% endtrans %}
                            {% elseif action == "add_circonstance" %}
                                {% trans %}Nouvel Congé de circonstance{% endtrans %}
                            {% elseif action == "edit_normal" %} 
                                {% trans %}Modifier Congé Normal{% endtrans %}  
                            {% elseif action == "edit_circonstance" %}     
                                {% trans %}Modifier Congé de circonstance{% endtrans %}
                            {% endif %}
                        </h6>
					</div>
					<div class="card-body">
                        {% if action == "add_normal" or action == "edit_normal" %}
						    {{ include('ParametrageConge/categoryConge/congeNormal/action.html.twig') }}
                        {% else %}
                            {{ include('ParametrageConge/categoryConge/congeCirconstance/action.html.twig') }}
                        {% endif %}
					</div>
				</div>
			</div>
		</section>
	{% endif %}

    <section class="row all-contacts">
        <div class="col-12">
            <div class="card">

                <div class="card-header">
                    <h6 style="font-weight: 500;">{% trans %}Catégorie de congés{% endtrans %}</h6>
                    <div class="heading-elements mt-0">
                        <a class="btn btn-warning btn-sm" href="{{ path('category_conge_page',{'type': type}) }}" title="{% trans %}Actualiser{% endtrans %}">
                            <i class="fa fa-refresh text-white"></i>
                        </a>
                    </div>
                </div>  <!-- end card-header -->

                <div class="card-content">
                    <div class="card-body">

                        <!-- debut tabs -->
                        <ul class="nav nav-tabs nav-top-border no-hover-bg nav-justified" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link {% if type == "normal" %} active {% endif %}" href="{{ path('category_conge_page',{'type':"normal"}) }}" >
                                    {% trans %}Congés normaux{% endtrans %}
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link {% if type == "circonstance" %} active {% endif %}" href="{{ path('category_conge_page',{'type':"circonstance"}) }}">
                                    {% trans %}Congés de circonstance{% endtrans %}
                                </a>
                            </li>
                        </ul>
                        <div class="tab-content px-1 pt-1">
                            {% if type == "normal" %} 
                                <div class="tab-pane active">
                                    {{ include('ParametrageConge/categoryConge/congeNormal/show_tab.html.twig') }}
                                </div>
                            {% endif %}
                            {% if type == "circonstance" %} 
                                <div class="tab-pane active">
                                    {{ include('ParametrageConge/categoryConge/congeCirconstance/show_tab.html.twig') }}
                                </div>
                            {% endif %}
                        </div>
                        <!--end tabs -->
                    </div> <!-- end card-body -->
                </div>  <!-- end card-content -->
            </div> <!-- end card -->
        </div> <!-- end col-12 -->
    </div> <!-- end row all-contacts -->


	<!--  start modal suppression data -->
	<div id="modal_delete_data" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="myModalLabel" style="color:#4b50fc">{% trans %}Suppression enregistrement{% endtrans %}</h5>
					<a class="btn btn-danger btn-sm" data-dismiss="modal" aria-hidden="true" title="{% trans %}Fermer{% endtrans %}">
						<i class="fa fa-close text-white"></i>
					</a>
				</div>
				<div class="modal-body">
					<p style="color:black;">{% trans %}Voulez vous vraiment supprimer cet enregistrement{% endtrans %} ?</p>
				</div>
                <form method="post" novalidate>
                    <div class="modal-footer" style="display:flex !important; justify-content:space-between">
                        <a class="btn btn-danger waves-effect btn-sm" data-dismiss="modal" style="color:white; padding:7px;"><i class="ft-x-square"></i> {% trans %}Annuler{% endtrans %}</a>
                        <a class="btn btn-success waves-effect btn-sm" data-token-delete="{{ csrf_token('delete-item') }}" style="color:white; padding:7px" id="confirmer_delete"><i class="ft-check-square"></i> {% trans %}Confirmer{% endtrans %}</a>
                    </div>
                </form>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!--  end  modal suppression data -->

{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <script type="text/javascript">

        {% for flash_message in app.session.flashBag.get('success') %}

            toastr.success('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('info') %}

            toastr.info('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}


        {% for flash_message in app.session.flashBag.get('warning') %}

            toastr.warning('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('error') %}

            toastr.error('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

    </script>

	{% include('ParametrageConge/categoryConge/ajax/delete.html.twig') %}

{% endblock %}