{% extends ('base.html.twig') %}

{% block title %} {% trans %}COSAP - Description CRM{% endtrans %} {% endblock %}

{% block body %}

{{ parent() }}

    <section class="row">
        {% if action == "add" or action == "edit" %}
            <div class="col-12 col-md-12 col-lg-12" id="block_action">
                {{ include('ParametrageCRM/DescriptionCRM/action.html.twig') }}
            </div><!-- end add or modif description -->
        {% endif %}
        <div class="col-12 col-md-12 col-lg-12">
            {{ include('ParametrageCRM/DescriptionCRM/infos.html.twig') }}
        </div><!-- end show description -->
    </section>


    <!--  start modal suppression description -->
    <div id="modal_delete_description" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="false"
        data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="myModalLabel" style="color:#4b50fc">{% trans %}Suppression enregistrement{% endtrans %}</h5>
                    <a class="btn btn-danger btn-sm" data-dismiss="modal" aria-hidden="true" title="{% trans %}Fermer{% endtrans %}"><i class="fa fa-close text-white"></i></a>
                </div>
                <div class="modal-body">
                    <p style="color:black;">{% trans %}Voulez vous vraiment supprimer cette description ?{% endtrans %}</p>
                </div>
                <form method="post" novalidate>
                    <div class="modal-footer" style="display:flex !important;justify-content:space-between;">
                        <a class="btn btn-danger waves-effect pull-left btn-sm" data-dismiss="modal" style="color:white;padding:7px;"><i class="ft-x-square"></i> {% trans %}Annuler{% endtrans %}</a>
                        <a class="btn btn-success waves-effect btn-sm" data-token-delete="{{ csrf_token('delete-item') }}" style="color:white;padding:7px;" id="confirmer_delete"><i class="ft-check-square"></i> {% trans %}Confirmer{% endtrans %}</a>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <!--  end modal suppression description -->

{% endblock %}


{% block javascripts %}
    {{ parent() }}

    <script type="text/javascript">

        $(document).ready(function() {

            $('#summernote').summernote({
                fontSizes: ['12', '13', '14', '15', '16', '18'],
                lang: 'fa-IR',
                toolbar: [
                    ['style', ['bold', 'italic', 'underline', 'clear']],
                    ['font', ['Amethysta','Poppins','Poppins-Bold','Poppins-Black','Poppins-Extrabold','Poppins-Extralight','Poppins-Light','Poppins-Medium','Poppins-Semibold','Poppins-Thin']],
                    ['fontsize', ['fontsize']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['height', ['height']]
                ],
                    height: 150
            });

        });

        $("#reset_description").click(function(){
            $(".description_value").summernote("reset");
        });

        {% for flash_message in app.session.flashBag.get('success') %}

            toastr.success('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('delete') %}

            toastr.success('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

    </script>

    {% include('ParametrageCRM/DescriptionCRM/ajax/delete.html.twig') %}

{% endblock %}