{% extends parent_template %}

{% block title %}{{ parent() }} - {% block insidetitle %}Dashboard{% endblock %}{% endblock %}

{% block head %}
    {{ parent() }}
{% endblock %}

{% block dashbody %}
    <div class="main" id="main-app-content">
        <!-- START CONTENT -->
        <section id="content" class="content" style="border: #0c437d">
            <div id="ticket-item-content">
                {% include'TicketSupportBundle:TicketMessage:data.field.table.html.twig' %}
                {% include'TicketSupportBundle:TicketMessage:ticketMessages.html.twig' %}
            </div>

        </section>
    </div>

    <!-- Modal Structure -->
    <div id="modal-closure-ticket-item" class="modal">
        <div class="row close-message">
            <div class="input-field col s12">
                <textarea id="closure-message" class="materialize-textarea"></textarea>
                <label for="closing-message">Message de clôture</label>
            </div>
            <div id="send-closure-button" class="col s12">
                <a href="javascript:closeTicket();"><div class="waves-effect waves-light btn-large">Send</div></a>
                <a href="#!" class="modal-action modal-close"><div class="waves-effect waves-light btn-large">Close</div></a>
            </div>
        </div>
    </div>

{% endblock %}
{% block scripts %}
    {{ parent() }}
    <script>
        scrollLastChild();

        // Scroll vers le dernier message
        function scrollLastChild(){
            var element = document.getElementById("message_block").lastElementChild;
            element.scrollIntoView({behavior: "instant", block: "end", inline: "nearest"});

        }

        // Envoie de message
        function sendMessage() {
            if ( $('#ticket_message').val() !== ""){
                $.ajax({
                    url : '{{ path('panel_support_ticket_message_add',{'publicKey': ticketItem.publicKey}) }}',
                    type: 'POST',
                    data:  {
                        message: $('#ticket_message').val()
                    },
                    success: function (data) {
                        $('#message_block').html(data);
                        $('#ticket_message').val('');
                        scrollLastChild();

                    }
                });
            }
        }
    
    </script>
    <script>
        function closeTicket() {
            $.ajax({
                url : '{{ path('panel_support_ticket_item_close',{'publicKey': ticketItem.publicKey}) }}',
                type: 'POST',
                data:  {
                    comment: $('#closure-message').val()
                },
                success: function (data) {
                    window.location.href = data;

                }
            });
        }

        function deleteMessage($message_publicKey) {

            $.ajax({
                url : '{{ path('panel_support_ticket_item_delete_message') }}',
                type: 'POST',
                data:  {
                    ticket_publicKey: '{{ ticketItem.publicKey }}',
                    message_publicKey: $message_publicKey
                },

                success: function (data) {
                    $('#message_block').html(data);
                }
            });
        }
    </script>
{% endblock %}