{% extends "view/layout.html.twig" %}
{% block title %} Type action | CRM BIVTeam {% endblock %}
{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('pickr/pickr.min.css') }}"/>
{% endblock %}
{% block body %}
    <div class="container-fluid mt-2">
        {% set titleHelp = "help.title"|trans %}
        {% include 'view/header/_help.html.twig' %}
        <!-- box -->
        <div class="row">
            <div class="col-sm-4 col-md-4">
                <div class="content-box content-lighten" data-step="1" data-intro="{{ "help.actionType.actionsTypes.step1"|trans }}">
                    <h2 class="mb-3">{{ "actionType.list.title"|trans }}</h2>
                    {% include 'view/actionType/_formActionType.html.Twig' %}
                </div>
            </div>
            <div class="col-sm-8 col-md-8">
                <div class="content-box content-lighten" data-step="2" data-intro="{{ "help.actionType.actionsTypes.step2"|trans }}">
                    <div class="row">
                        <div class="col-md-6">
                            <h3> {{ "actionType.list.title"|trans }} </h3>
                        </div>
                        <div class="col-md-6">
                            <div class="text-right">
                                <button title="Exporter en csv" id="exportCsvActionType" type="button" class="btn btn-outline-success m-1">
                                    <i class="fa fa-file-csv"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="h-600">
                        <div id="actionTypeLoader" class="table-loader"><div class="spinner-border"></div></div>
                        <div id="actionTypeTable" class="ag-theme-quartz h-600"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('pickr/pickr.min.js') }}"></script>

    <script>
        let translations = {
            orderNumber: "{{ 'actionType.formActionType.orderNumber'|trans }}",
            name: "{{ 'actionType.list.table.name'|trans }}",
            color: "{{ 'actionType.list.table.color'|trans }}",
            description: "{{ 'actionType.list.table.description'|trans }}",
            active: "{{ 'actionType.list.table.active'|trans }}"
        };
    </script>

    <script type="text/javascript" charset="utf8" src="{{ asset('js/signaletique/actionType/actionsTypes.js') }}"></script>
{% endblock %}