{% extends 'base.html.twig' %}
{% block title %}Paiement - Fiche{% endblock %}
{% block breadcrumb %}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item" aria-current="page">
            <a href="{{ path('payment_index') }}">Paiements</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">{{ payment.name }} - {{ payment.datePayment ? payment.datePayment|date('d/m/Y') : '' }}</li>
    </ol>
</nav>
{% endblock %}
{% block body %}
<h1>Paiement</h1>
<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Informations</h5>
                <table class="table">
                    <tbody>
                        <tr>
                            <th>Nom</th>
                            <td>{{ payment.name }}</td>
                        </tr>
                        <tr>
                            <th>Référence</th>
                            <td>{{ payment.reference }}</td>
                        </tr>
                        <tr>
                            <th>Type</th>
                            <td>{{ payment.type ? 'Débit' : 'Crédit' }}</td>
                        </tr>
                        <tr>
                            <th>Montant</th>
                            <td>{{ payment.amount|format_currency('EUR') }}</td>
                        </tr>
                        <tr>
                            <th>Moyen de paiement</th>
                            <td>{{ payment.getMeanOfPaymentLabel() }}</td>
                        </tr>
                        <tr>
                            <th>Date de paiement</th>
                            <td>{{ payment.datePayment ? payment.datePayment|date('d/m/Y') : '' }}</td>
                        </tr>
                        <tr>
                            <th>Date d'ajout</th>
                            <td>{{ payment.dateAdded ? payment.dateAdded|date('d/m/Y H:i:s') : '' }}</td>
                        </tr>
                    </tbody>
                </table>
                <div class="d-flex flex-row-reverse bd-highlight">
                    <a class="btn btn-success" href="{{ path('payment_edit', {'id': payment.id}) }}"><i class="bi-pencil"></i>&nbsp;Modifier</a>
                    <a class="btn btn-danger link-confirm" href="#" data-href="{{ path('payment_delete', {'id': payment.id}) }}" data-confirm="Voulez-vous vraiment supprimer ce paiement ?" data-token="{{ csrf_token('delete' ~ payment.id) }}"><i class="bi-x"></i>&nbsp;Supprimer</a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Description</h5>
                {{ payment.description ? payment.description : '/' }}
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Détails</h5>
                {{ include('payment_line/_payment_lines_table.html.twig',{'paymentLines':payment.paymentLines,'show_description':true}) }}
                {# <table class="table">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Nom</th>
                            <th>Catégorie</th>
                            <th>Montant</th>
                            <th>Description</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for paymentLine in payment.paymentLines %}
                        <tr>
                            <td>{{ paymentLine.id }}</td>
                            <td>{{ paymentLine.getPaymentCategory().name }}</td>
                            <td>{{ paymentLine.name }}</td>
                            <td>{{ paymentLine.amount|format_currency('EUR') }}</td>
                            <td>{{ paymentLine.description }}</td>
                        </tr>
                        {% else %}
                        <tr>
                            <td colspan="3">Aucune ligne à afficher</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table> #}
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <h2 class="mt-3">Documents</h2>
        <div class="card">
            <div class="card-body">
                {# <h5 class="card-title">Documents</h5> #}
                <p class="card-text">
                    {{ include('document/_show_list.html.twig',{'documents':payment.documents}) }}
                </p>
                {{ include('document/_upload.html.twig',{'entity_type':'payment','entity_id':payment.id}) }}
            </div>
        </div>
    </div>
</div>
<a href="{{ path('payment_index') }}" class="mt-2 btn btn-primary"><i class="bi bi-chevron-left"></i>&nbsp;Retour à la liste</a>
{% endblock %}