{% extends "view/layout.html.twig" %}
{% block title %} Contact | CRM BIVTeam {% endblock %}
{% block stylesheets %}
    {{ parent() }}
    {% include 'view/library/_select2.html.twig' %}
{% endblock %}
{% block body %}
    <div class="container-fluid mt-2">
        {% set titleHelp = "help.contact.title"|trans %}
        {% include 'view/header/_help.html.twig' %}

        <!-- box -->
        <div class="row">
            <div class="col-sm-12 col-md-12">
                <div class="content-box content-lighten" data-step="1"
                     data-intro="{{ "help.contact.update.step1"|trans }}">
                    <div class="row">
                        <div class="col-6 col-6">
                            <h2 class="mb-3">{{ "contact.update.title"|trans }}
                                - {{ contact.lastname }} {{ contact.firstname }}</h2>
                        </div>
                        {% if 'ROLE_CLIENT_ADMIN' in app.user.roles %}
                            <div class="col-6 col-6 text-right">
                                <button id='deleteContact' class="btn btn-danger"
                                        data-toggle="tooltipDelete"
                                        data-placement="left" title="{{ "header.delete"| trans }}">
                                    <i class="fas fa-times"></i>
                                </button>
                            </div>
                        {% endif %}
                    </div>
                    {% include 'view/contact/_formContact.twig' %}
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="originModal" tabindex="-1" role="dialog"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ 'origin.formOriginType.title' | trans }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ form(formOrigin) }}
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="serviceModal" tabindex="-1" role="dialog"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ 'service.formServiceType.title' | trans }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ form(formService) }}
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="jobFunctionModal" tabindex="-1" role="dialog"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ 'jobFunction.formJobFunction.title' | trans }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ form(formJobFunction) }}
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="companyModal" tabindex="-1" role="dialog"
         aria-hidden="true">
        <div class="modal-dialog hugeModal" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ 'company.add.title' | trans }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ include('view/company/_formCompanyModal.html.twig') }}
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('bootstrap-4.4.1/js/select2.min.js') }}"></script>
    {% include 'view/library/_popover.html.twig' %}
    <script type="text/javascript" charset="utf8" src="{{ asset('js/signaletique/contact/formContact.js') }}"></script>
{% endblock %}