{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('assets/js/plugins/datatables/dataTables.bootstrap4.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('salsa/SalsaCalendar.min.css') }}" media="all" />
    <style>
        #main-block {
            font-size: 18px;
            font-weight: 600;
        }
        .date-group {
            display: flex;
        }
        .date-group .label {
            margin-right: 16px;
            min-width: 280px;
        }
        .ecart-group {
            color: #3FB2EF;
            display: flex;
            padding: 8px 0px;
        }
        .ecart-group .icon{
            font-size: 24px;
            margin-right: 16px;
        }
        .ecart-group .wrapper{
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .ecart-group .value-container{
            display: flex;
            flex-direction: row;
        }
        .ecart-group .value-container .label{
            margin-right: 16px;
        }

    </style>
{% endblock %}

{% block body %}

    <input type="hidden" id="reploc-list-url" value="{{ path('reploc_list') }}?search={{ search }}&filterStatus={{ filterStatus }}&filterDatePrev={{ filterDatePrev }}">

    {% if status == 'ok' %}

    <div id="main-block" style="padding-top: 55px;">

    {% if reploc.dateFin != null %}
        {% set difference = date(reploc.dateEnr).diff(date(reploc.dateFin)).days %}
        <p title="De enregistrement à fin" style="margin: 0 0 16px 0; font-size: 18px;">Temps de traitement : <span style="margin-left: 8px;font-weight: 700;">{{ difference }} jour{% if difference > 1 %}s{% endif %}</span></p>
    {% endif %}
    {% if reploc.dateEnvoiFour != null and reploc.dateRetourFour != null %}
        {% set difference = date(reploc.dateEnvoiFour).diff(date(reploc.dateRetourFour)).days %}
        <p style="margin: 0 0 50px 0; font-size: 18px;">Temps chez le fournisseur : <span style="margin-left: 8px;font-weight: 700;">{{ difference }} jour{% if difference > 1 %}s{% endif %}</span></p>
    {% else %}
        <br>
    {% endif %}

    <div class="date-group">
        <div class="label">Date d'enregistrement :</div>
        <div class="date">{{ reploc.dateEnr|date("d/m/Y") }}</div>
    </div>

    {% if reploc.dateDiagnostic != null %}

        <div class="ecart-group">
            <div class="icon"><i class="fa fa-arrows-v"></i></div>
            <div class="wrapper">
                <div class="value-container">
                    <div class="label">Ecart : </div>
                    <div class="value">
                        {% set difference = date(reploc.dateEnr).diff(date(reploc.dateDiagnostic)).days %}
                        {{ difference }} jour{% if difference > 1 %}s{% endif %}
                    </div>

                </div>
            </div>
        </div>

        <div class="date-group">
            <div class="label">Date diagnostic :</div>
            <div class="date">{{ reploc.dateDiagnostic|date("d/m/Y") }}</div>
        </div>
    {% endif %}

    {% if reploc.dateEnvoiFour != null %}
        {% if reploc.dateEnvoiFour != null %}

            <div class="ecart-group">
                <div class="icon"><i class="fa fa-arrows-v"></i></div>
                <div class="wrapper">
                    <div class="value-container">
                        <div class="label">Ecart : </div>
                        <div class="value">
                            {% if reploc.dateDiagnostic %}
                                {% set difference = date(reploc.dateDiagnostic).diff(date(reploc.dateEnvoiFour)).days %}
                                {{ difference }} jour{% if difference > 1 %}s{% endif %}
                            {% else %}
                                {% set difference = date(reploc.dateEnr).diff(date(reploc.dateEnvoiFour)).days %}
                                {{ difference }} jour{% if difference > 1 %}s{% endif %}
                            {% endif %}
                        </div>

                    </div>
                </div>
            </div>

            <div class="date-group">
                <div class="label">Date envoi fournisseur :</div>
                <div class="date">{{ reploc.dateEnvoiFour|date("d/m/Y") }}</div>
            </div>
        {% endif %}
        {% if reploc.dateRetourFour != null %}

            <div class="ecart-group">
                <div class="icon"><i class="fa fa-arrows-v"></i></div>
                <div class="wrapper">
                    <div class="value-container">
                        <div class="label">Ecart : </div>
                        <div class="value">
                            {% set difference = date(reploc.dateEnvoiFour).diff(date(reploc.dateRetourFour)).days %}
                            {{ difference }} jour{% if difference > 1 %}s{% endif %}
                        </div>

                    </div>
                </div>
            </div>

            <div class="date-group">
                <div class="label">Date retour fournisseur :</div>
                <div class="date">{{ reploc.dateRetourFour|date("d/m/Y") }}</div>
            </div>
        {% endif %}
        {% if reploc.dateRemiseLoc != null %}

            <div class="ecart-group">
                <div class="icon"><i class="fa fa-arrows-v"></i></div>
                <div class="wrapper">
                    <div class="value-container">
                        <div class="label">Ecart : </div>
                        <div class="value">
                            {% set difference = date(reploc.dateRetourFour).diff(date(reploc.dateRemiseLoc)).days %}
                            {{ difference }} jour{% if difference > 1 %}s{% endif %}
                        </div>

                    </div>
                </div>
            </div>

            <div class="date-group">
                <div class="label">Date remise en location :</div>
                <div class="date">{{ reploc.dateRemiseLoc|date("d/m/Y") }}</div>
            </div>
        {% elseif reploc.dateFin != null %}
            <div class="ecart-group">
                <div class="icon"><i class="fa fa-arrows-v"></i></div>
                <div class="wrapper">
                    <div class="value-container">
                        <div class="label">Ecart : </div>
                        <div class="value">
                            {% set difference = date(reploc.dateRetourFour).diff(date(reploc.dateFin)).days %}
                            {{ difference }} jour{% if difference > 1 %}s{% endif %}
                        </div>
                    </div>
                </div>
            </div>
            <div class="date-group">
                <div class="label">Date de fin :</div>
                <div class="date">{{ reploc.dateFin|date("d/m/Y") }}</div>
            </div>
        {% endif %}
    {% elseif reploc.dateRemiseLoc != null or reploc.dateFin != null %}

        {% if reploc.dateRemiseLoc != null %}
            <div class="ecart-group">
                <div class="icon"><i class="fa fa-arrows-v"></i></div>
                <div class="wrapper">
                    <div class="value-container">
                        <div class="label">Ecart : </div>
                        <div class="value">
                            {% if reploc.dateDiagnostic %}
                                {% set difference = date(reploc.dateDiagnostic).diff(date(reploc.dateRemiseLoc)).days %}
                                {{ difference }} jour{% if difference > 1 %}s{% endif %}
                            {% else %}
                                {% set difference = date(reploc.dateEnr).diff(date(reploc.dateRemiseLoc)).days %}
                                {{ difference }} jour{% if difference > 1 %}s{% endif %}
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
            <div class="date-group">
                <div class="label">Date remise en location :</div>
                <div class="date">{{ reploc.dateRemiseLoc|date("d/m/Y") }}</div>
            </div>
        {% elseif reploc.dateFin != null %}
            <div class="ecart-group">
                <div class="icon"><i class="fa fa-arrows-v"></i></div>
                <div class="wrapper">
                    <div class="value-container">
                        <div class="label">Ecart : </div>
                        <div class="value">
                            {% if reploc.dateDiagnostic %}
                                {% set difference = date(reploc.dateDiagnostic).diff(date(reploc.dateFin)).days %}
                                {{ difference }} jour{% if difference > 1 %}s{% endif %}
                            {% else %}
                                {% set difference = date(reploc.dateEnr).diff(date(reploc.dateFin)).days %}
                                {{ difference }} jour{% if difference > 1 %}s{% endif %}
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
            <div class="date-group">
                <div class="label">Date de fin :</div>
                <div class="date">{{ reploc.dateFin|date("d/m/Y") }}</div>
            </div>
        {% endif %}
    {% endif %}
    </div>

    {% else %}

        <h5>Aucune Rep Loc trouvée</h5>

    {% endif %}
{% endblock %}

{% block modal %}
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('assets/js/plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/js/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
    <script type="text/javascript">

        $(document).ready(function() {

            // detect enter keypress
            $('#rma-contact-form input').keypress(function(e) {
                var keycode = (e.keyCode ? e.keyCode : e.which);
                if (keycode == '13') {
                    return false
                }
            });
        });

        function closePage() {
            window.location.replace($('#reploc-list-url').val());
        }

    </script>
{% endblock %}