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

        <!-- box -->
        <div class="row">
            <div class="col-sm-12 col-md-12" data-step="1" data-intro="{{ "help.company.update.step1"|trans }}">
                <div class="content-box content-lighten">
                    <div class="row">
                        <div class="col-12 text-center">
                            {% if company.reference %}
                                <input id="companyReference" type="hidden" value="{{ company.reference }}"/>
                            {% endif %}
                            <a type="button" href="{{ path('createTunnelMovement', { "company": company.id}) }}"
                               class="btn btn-warning">{{ "company.formCompany.createTunnelMovement"|trans }}</a>
                            <a type="button" href="{{ path('addContact', { "company": company.id}) }}"
                               class="btn btn-info">{{ "company.formCompany.addContact"|trans }}</a>
                            <button type="button" class="btn btn-danger" data-toggle="modal"
                                    data-target="#actionsModal">{{ "company.formCompany.actionButton"|trans }}</button>
                            <button type="button" class="btn btn-success" data-toggle="modal" id="contactButton"
                                    data-target="#contactsModal">{{ "company.formCompany.contactButton"|trans }}</button>
                            <button type="button" class="btn btn-danger" data-toggle="modal"
                                    data-target="#fileModal" data-placement="right"
                                    data-tooltip="tooltipFileTitle"
                                    title="{{ "file.title"|trans }}">
                                <i class="fas fa-file-alt"></i>
                            </button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-8">
                            <h2 class="mb-3">{{ "company.update.title"| trans }} - {{ company.name }}</h2>
                        </div>
                    </div>
                    {% include 'view/company/_formCompany.html.twig' %}
                </div>
            </div>
        </div>

        <!-- Modal -->
        <div class="modal fade" id="originModal" tabindex="-1" role="dialog">
            <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>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="companyModal" tabindex="-1" role="dialog">
        <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>

    <!-- Modal -->
    <div class="modal fade" id="societyTypeModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ 'societyType.formSocietyType.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(formSocietyType) }}
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="contactModal" 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">{{ 'contact.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/contact/_formContactModal.twig' %}
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="subcategoryModal" 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">{{ 'subcategory.formSubcategoryType.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(formSubcategory) }}
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="actionsModal" tabindex="-1" role="dialog"
         aria-hidden="true">
        <div class="modal-dialog hugeHugeModal" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ "company.formCompany.titleModal"|trans }} {{ company.name }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="h-600">
                        <div id="tunnelMovementLoader" class="table-loader">
                            <div class="spinner-border"></div>
                        </div>
                        <div id="tunnelMovementTable" class="ag-theme-quartz h-600"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="contactsModal" tabindex="-1" role="dialog" aria-labelledby="contactModalCenterTitle"
         aria-hidden="true">
        <div class="modal-dialog hugeHugeModal">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="contactModalCenterTitle">Contacts</h5>
                </div>
                <div class="modal-body">
                    {% if 'ROLE_CLIENT_ADMIN' in app.user.roles %}
                        <div class="text-right mb-2">
                            <form id="deleteContactsForm" action="{{ path('deleteContact') }}">
                                <input type="hidden" name="_method" value="DELETE"/>
                                <input type="hidden" name="contacts[]" value="">
                                <button type="submit" id='deleteContact' class="btn btn-danger"
                                        data-toggle="tooltipDelete"
                                        data-placement="left" title="{{ "header.delete"| trans }}"
                                        disabled>
                                    <i class="fas fa-trash-alt"></i>
                                </button>
                            </form>
                        </div>
                    {% endif %}
                    <div class="h-600">
                        <div id="contactLoader" class="table-loader">
                            <div class="spinner-border"></div>
                        </div>
                        <div id="contactTable" class="ag-theme-quartz h-600"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% include 'view/file/_modalFile.html.twig' with {add: 0, entity: company} %}
    {% include 'view/address/_addressModal.html.twig' %}

    {% if company.accountingBalance %}
        {% include 'view/company/_financial.html.twig' %}
    {% endif %}

{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script>
        let translations = {
            actionType: "{{ 'tunnelMovement.list.table.actionType'|trans }}",
            manager: "{{ 'tunnelMovement.list.table.manager'|trans }}",
            company: "{{ 'tunnelMovement.list.table.company'|trans }}",
            contact: "{{ 'tunnelMovement.list.table.contact'|trans }}",
            comment: "{{ 'tunnelMovement.list.table.comment'|trans }}",
            closingComment: "{{ 'tunnelMovement.formTunnelMovement.closingComment.title'|trans }}",
            trackingNumber: "{{ 'tunnelMovement.formTunnelMovement.trackingNumber'|trans }}",
            civility: "{{ 'contact.list.table.civility'|trans }}",
            lastname: "{{ 'contact.list.table.lastname'|trans }}",
            firstname: "{{ 'contact.list.table.firstname'|trans }}",
            phone: "{{ 'contact.list.table.phone'|trans }}",
            mail: "{{ 'contact.list.table.mail'|trans }}",
            actionDate: "{{ 'tunnelMovement.list.table.actionDate'|trans }}",
            name: "{{ 'file.name'|trans }}",
            fileDate: "{{ 'file.date'|trans }}",
            hour: "{{ 'file.hour'|trans }}",
            type: "{{ 'file.type'|trans }}",
            actions: "{{ 'file.actions'|trans }}",
            journal: "{{ 'company.formCompany.movement.journal'|trans }}",
            document: "{{ 'company.formCompany.movement.document'|trans }}",
            period: "{{ 'company.formCompany.movement.period'|trans }}",
            date: "{{ 'company.formCompany.movement.date'|trans }}",
            deadline: "{{ 'company.formCompany.movement.deadline'|trans }}",
            amount: "{{ 'company.formCompany.movement.amount'|trans }}",
            addressName: "{{ 'formAddresses.name'|trans }}",
            addressStreet: "{{ 'formAddresses.street'|trans }}",
            addressPostalCode: "{{ 'formAddresses.postalCode'|trans }}",
            addressCountry: "{{ 'formAddresses.country'|trans }}",
            addressInternalManager: "{{ 'formAddresses.internalManager'|trans }}",
            addressNum: "{{ 'formAddresses.num'|trans }}",
            addressContact: "{{ 'formAddresses.contactText'|trans }}",
            addressRegion: "{{ 'formAddresses.region'|trans }}",
            addressRateCode: "{{ 'formAddresses.rateCode'|trans }}",
            addressDeliveryDays: "{{ 'formAddresses.deliveryDays'|trans }}",
            addressCallDays: "{{ 'formAddresses.callDays'|trans }}",
        };
    </script>
    <script src="{{ asset('bootstrap-4.4.1/js/select2.min.js') }}"></script>
    <script type="text/javascript" charset="utf8" src="{{ asset('js/signaletique/company/formCompany.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/signaletique/company/tableCompany.js') }}"></script>
    <script type="text/javascript" charset="utf8" src="{{ asset('js/signaletique/address/address.js') }}"></script>
    <script type="text/javascript" charset="utf8" src="{{ asset('js/signaletique/file/file.js') }}"></script>
{% endblock %}