{% 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">
    {% if companyEmpty %}
        {% set titleHelp = "help.contact.title"|trans %}
        {% set txtHelp = "help.contact.add"|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.add.step1"|trans }}">
                    <h2 class="mb-3">{{ "contact.add.title"|trans }}</h2>
                    {% include 'view/contact/_formContact.twig' %}
                </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>
    {% else %}
        <div class="jumbotron text-center">
            <div class="container">
                <h1 class="jumbotron-heading mt-5 mb-5">{{ 'contact.companyEmpty' | trans }}</h1>
                <hr>
                <h3 class="jumbotron-heading mt-5 mb-5">{{ 'contact.companyEmptyRedirect' | trans }}</h3>
                <a href="{{ path('addCompany') }}"><i class="fas fa-plus fa-10x"></i></a>
            </div>
        </div>
    {% endif %}
    </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 %}