<?php if (!defined('ABSPATH')) { exit; } ?>

<div class="card border-secondary mb-4">
    <div class="card-header text-center bg-light">
        <img src="<?php echo esc_url( plugins_url('assets/images/logo_pf.jpg', dirname(__FILE__)) ); ?>" alt="Logo Pagos Fiable" class="img-fluid" style="max-height: 80px;">
    </div>

    <div class="card-body">

    <div class="card" style="width: 100%;">
  <div class="card-header">
    <p class="h2">Instrucciones para completar tu pago</p>
  </div>
  <ul class="list-group list-group-flush">
  <li class="list-group-item">Se genera un voucher con las instrucciones de pago.</li>
            <li class="list-group-item">Una vez realizado tu pago, se notificará automáticamente en tu pedido.</li>
  </ul>
</div>

<div class="border-t border-gray-200 bg-gray-50 p-6 text-center">
    <div class="card text-bg-primary mb-3">
    <p class="mb-1 font-semibold">Recordatorio Importante</p>
    <p class="text-sm">Una vez realizada la transferencia, esta se reflejara automaticamente en tu compra y asi se validara tu pago.</p>
    </div>
</div>



<!-- 
        <?php if (!empty($this->images_dir)) : ?>
            <div class="text-center mt-3">
                <img src="<?php echo esc_url($this->images_dir . 'logo_pf.jpg'); ?>" alt="Método de pago" class="img-fluid" style="max-height: 100px;">
            </div>
        <?php endif; ?> -->
    </div>
</div>
