{% extends '@Commercial/billing/layout.html.twig' %}

{% block commercial_title %}Nouveau paiement{% endblock %}
{% block billing_heading %}Nouveau paiement{% endblock %}

{% block billing_content %}
<form method="post" action="{{ action }}" class="card">
    <div class="card-body">
        <input type="hidden" name="_token" value="{{ csrf_token(csrf_id) }}">
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label" for="payment_document">Facture</label>
                <select id="payment_document" name="payment[document]" class="form-select{% if errors.document is defined %} is-invalid{% endif %}" required>
                    <option value="">Choisir</option>
                    {% for document in documents %}
                        <option value="{{ document.idtoken }}" {% if selected_document == document.idtoken %}selected{% endif %}>{{ document.number ?: document.idtoken }} - {{ document.customer ? document.customer.nom : '-' }}</option>
                    {% endfor %}
                </select>
                {% if errors.document is defined %}<div class="invalid-feedback">{{ errors.document }}</div>{% endif %}
            </div>
            <div class="col-md-3">
                <label class="form-label" for="payment_amount">Montant</label>
                <input id="payment_amount" type="number" step="0.01" min="0.01" name="payment[amount]" class="form-control{% if errors.amount is defined %} is-invalid{% endif %}" required>
                {% if errors.amount is defined %}<div class="invalid-feedback">{{ errors.amount }}</div>{% endif %}
            </div>
            <div class="col-md-3">
                <label class="form-label" for="payment_date">Date</label>
                <input id="payment_date" type="date" name="payment[payment_date]" value="{{ 'now'|date('Y-m-d') }}" class="form-control{% if errors.paymentDate is defined %} is-invalid{% endif %}" required>
                {% if errors.paymentDate is defined %}<div class="invalid-feedback">{{ errors.paymentDate }}</div>{% endif %}
            </div>
            <div class="col-md-4">
                <label class="form-label" for="payment_status">Statut</label>
                <select id="payment_status" name="payment[status]" class="form-select">
                    <option value="received">Recu</option>
                    <option value="reconciled">Rapproche</option>
                    <option value="pending">En attente</option>
                    <option value="rejected">Rejete</option>
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label" for="payment_method">Methode</label>
                <input id="payment_method" type="text" name="payment[payment_method]" class="form-control">
            </div>
            <div class="col-md-4">
                <label class="form-label" for="payment_reference">Reference</label>
                <input id="payment_reference" type="text" name="payment[reference]" class="form-control">
            </div>
            <div class="col-12">
                <label class="form-label" for="payment_notes">Notes</label>
                <textarea id="payment_notes" name="payment[notes]" rows="3" class="form-control"></textarea>
            </div>
        </div>
    </div>
    <div class="card-footer d-flex justify-content-end gap-2">
        <a href="{{ path('billing_payment_index') }}" class="btn btn-outline-secondary">Annuler</a>
        <button type="submit" class="btn btn-primary">Enregistrer</button>
    </div>
</form>
{% endblock %}