{% extends '_include/base.html.twig' %}

{% block title %}PayTerm Details{% endblock %}

{% block content %}
    <div class="forms">
        <h2 class="title1">PayTerm Details</h2>
        <div class="card">
            <div class="card__header">
                <div class="section-header">
                    <ul class="breadcrumb__list">
                        <li class="breadcrumb__item"><a href="{{ path('dashboard') }}">Home</a></li>
                        <li class="breadcrumb__item" aria-current="page">PayTerm Details</li>
                    </ul>
                    <a href="{{ path('app_pay_term_index') }}" class="btn btn--primary">
                        <i class="fa fa-reply" aria-hidden="true"></i> Back to list
                    </a>
                </div>
            </div>
            <div class="card__body">
                <div class="action-inline align-right space-bottom-3">
                    <form method="post" action="{{ path('app_pay_term_delete', {'id': pay_term.id}) }}" id="delete-form-{{ pay_term.id }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ pay_term.id) }}">
                        <button type="button" class="btn btn--danger btn--delete" data-id="{{ pay_term.id }}">
                            <i class="fa fa-trash" aria-hidden="true"></i> Delete
                        </button>
                    </form>
                </div>
                <div class="table-responsive">
                    <table class="data-table">
                        <tbody>
                        <tr>
                            <th width="30%">ID</th>
                            <td>{{ pay_term.id }}</td>
                        </tr>
                        <tr>
                            <th>Reference</th>
                            <td>{{ pay_term.ref }}</td>
                        </tr>
                        <tr>
                            <th>Description</th>
                            <td>{{ pay_term.description }}</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="action-inline space-top-3">
                    <a href="{{ path('app_pay_term_edit', {'id': pay_term.id}) }}" class="btn btn--primary">
                        <i class="fa fa-edit" aria-hidden="true"></i> Edit
                    </a>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ parent() }}
    <script>
        $(document).ready(function() {
            // Gestion des boutons de suppression
            $('.btn--delete').on('click', function(e) {
                e.preventDefault();
                var btn = $(this);
                var id = btn.data('id');

                if (confirm('Are you sure you want to delete this item?')) {
                    // Soumission du formulaire correspondant
                    $('#delete-form-' + id).submit();
                }
            });
        });
    </script>
{% endblock %}