{% extends 'admin.html.twig' %}

{% block title %}Détails | {{ parent() }}{% endblock %}

{% block body %}
    <header class="page-header">
        <h2>{{ app_name }}</h2>
        <div class="right-wrapper text-end">
            <ol class="breadcrumbs">
                <li>
                    <a href="{{ path('app_main') }}">
                        <i class="bx bx-home-alt"></i>
                    </a>
                </li>
                <li><span>Paiement</span></li>
                <li><span>Modifier</span></li>
            </ol>
            <a class="sidebar-right-toggle"><i class="fas fa-list"></i></a>
        </div>
    </header>
    <a href="{{ path('app_asso_member_subcription_payment_index') }}" class="mb-4 mt-1 me-1 btn btn-info"><i class="fas fa-chevron-left"></i> Retour</a>
    
    <div class="row">
        <div class="col">
            <section class="card">
                <header class="card-header">
                    <div class="card-actions">
                        <a href="#" class="card-action card-action-toggle" data-card-toggle></a>
                        <a href="#" class="card-action card-action-dismiss" data-card-dismiss></a>
                    </div>
                    <h2 class="card-title">Détails</h2>
                </header>
                <div class="card-body">
                    <form class="order-details action-buttons-fixed" method="post">
                        <div class="row">
                            <div class="col-xl-4 mb-4 mb-xl-0">

                                <div class="card card-modern">
                                    <div class="card-header">
                                        <h2 class="card-title">General</h2>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-row">
                                            <div class="form-group col mb-3">
                                                <div class="col-xl-auto me-xl-5 pe-xl-5 mb-4 mb-xl-0">
                                                    <strong class="d-block text-color-dark">Montant</strong>
                                                    <a href="#" class="text-success">{{ asso_member_subcription_payment.amount|number_format(0, ',', ' ') }}</a>
                                                    
                                                    <strong class="d-block text-color-dark mt-3">Date</strong>
                                                    <a href="#" class="text-success">{{ asso_member_subcription_payment.createdAt ? asso_member_subcription_payment.createdAt|date('d/m/Y') }}</a>

                                                    <strong class="d-block text-color-dark mt-3">Utilisateur</strong>
                                                    <a href="#" class="text-success">{{ asso_member_subcription_payment.createdBy.email }}</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-8">
                                <div class="card card-modern">
                                    <div class="card-header">
                                        <h2 class="card-title">Souscription</h2>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-xl-auto me-xl-5 pe-xl-5 mb-4 mb-xl-0">
                                                <h3 class="text-color-dark font-weight-bold text-4 line-height-1 mt-0 mb-3">Membre</h3>
                                                <ul class="list list-unstyled list-item-bottom-space-0">
                                                    <li><strong>Code:</strong> {{ asso_member_subcription_payment.assoMemberSubcription ? asso_member_subcription_payment.assoMemberSubcription.assoMember.code : '' }}</li>
                                                    <li><strong>Nom & prénoms:</strong> {{ asso_member_subcription_payment.assoMemberSubcription ? asso_member_subcription_payment.assoMemberSubcription.assoMember.fullName : '' }}</li>
                                                </ul>
                                                <strong class="d-block text-color-dark">Email:</strong>
                                                <a href="#" class="text-danger">{{ asso_member_subcription_payment.assoMemberSubcription ? asso_member_subcription_payment.assoMemberSubcription.assoMember.email : '' }}</a>
                                                <strong class="d-block text-color-dark mt-3">N° Téléphone</strong>
                                                <a href="tel:{{ asso_member_subcription_payment.assoMemberSubcription ? asso_member_subcription_payment.assoMemberSubcription.assoMember.phone : '' }}" class="text-danger">{{ asso_member_subcription_payment.assoMemberSubcription ? asso_member_subcription_payment.assoMemberSubcription.assoMember.phone : '' }}</a>
                                            </div>
                                            <div class="col-xl-auto ps-xl-5">
                                                <h3 class="font-weight-bold text-color-dark text-4 line-height-1 mt-0 mb-3">Service</h3>
                                                <ul class="list list-unstyled list-item-bottom-space-0">
                                                    <li><strong>Code:</strong> {{ asso_member_subcription_payment.assoMemberSubcription ? asso_member_subcription_payment.assoMemberSubcription.assoProduct.code : '' }}</li>
                                                    <li><strong>Nom:</strong> {{ asso_member_subcription_payment.assoMemberSubcription ? asso_member_subcription_payment.assoMemberSubcription.assoProduct.name : '' }}</li>
                                                </ul>
                                                <strong class="d-block text-color-dark mt-3">Montant:</strong>
                                                <a href="#" class="text-primary">{{ asso_member_subcription_payment.assoMemberSubcription ? asso_member_subcription_payment.assoMemberSubcription.assoProduct.price|number_format(0, ',', ' ') : '' }}</a>
                                                <strong class="d-block text-color-dark mt-3">Payé:</strong>
                                                <a href="#" class="text-primary">{{ asso_member_subcription_payment.assoMemberSubcription ? asso_member_subcription_payment.assoMemberSubcription.amountPaid|number_format(0, ',', ' ') : '' }}</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row action-buttons">
                            <div class="col-12 col-md-auto">
                                <a href="#" class="submit-button btn btn-primary btn-px-4 py-3 d-flex align-items-center font-weight-semibold line-height-1" data-loading-text="Loading...">
                                    <i class="fas fa-print text-4 me-2"></i> imprimer
                                </a>
                            </div>
                            <div class="col-12 col-md-auto px-md-0 mt-3 mt-md-0">
                                <a href="{{ path('app_asso_member_subcription_payment_index') }}" class="cancel-button btn btn-light btn-px-4 py-3 border font-weight-semibold text-color-dark text-3">
                                    <i class="fas fa-chevron-left text-4 me-2"></i> Retour
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </section>
        </div>
    </div>
{% endblock %}