{# templates/entreprise/_payment_methods.html.twig #}

{# Option Mobile Money #}
<div class="form-check payment-option mb-3 ps-0">
    <input class="form-check-input d-none" type="radio" name="mode_paiement" id="momo" value="Mobile Money" checked>
    <label class="form-check-label d-flex align-items-center p-3 rounded-4 w-100" for="momo" style="cursor: pointer;">
        <div class="icon-shape bg-warning-soft me-3">
            <i class="fas fa-mobile-alt"></i>
        </div>
        <div class="flex-grow-1">
            <span class="d-block fw-bold h6 mb-1">Mobile Money</span>
            <small class="text-muted">Orange, MTN, Wave, Moov, Free, T-Money</small>
        </div>
        <i class="fas fa-check-circle text-primary fs-4"></i>
    </label>
</div>

{# Option Carte Bancaire #}
<div class="form-check payment-option mb-3 ps-0">
    <input class="form-check-input d-none" type="radio" name="mode_paiement" id="card" value="Carte Bancaire">
    <label class="form-check-label d-flex align-items-center p-3 rounded-4 w-100" for="card" style="cursor: pointer;">
        <div class="icon-shape bg-success-soft me-3">
            <i class="fas fa-credit-card"></i>
        </div>
        <div class="flex-grow-1">
            <span class="d-block fw-bold h6 mb-1">Carte Bancaire</span>
            <small class="text-muted">Visa, Mastercard & GIM</small>
        </div>
    </label>
</div>

{# Option Virement #}
<div class="form-check payment-option mb-4 ps-0">
    <input class="form-check-input d-none" type="radio" name="mode_paiement" id="bank" value="Virement">
    <label class="form-check-label d-flex align-items-center p-3 rounded-4 w-100" for="bank" style="cursor: pointer;">
        <div class="icon-shape bg-primary-soft me-3">
            <i class="fas fa-university"></i>
        </div>
        <div class="flex-grow-1">
            <span class="d-block fw-bold h6 mb-1">Virement ou Versement</span>
            <small class="text-muted">Écobank, BOA, NSIA, etc.</small>
        </div>
    </label>
</div>