@component('templates.modal-custom', ['modalId' => 'modal-payment', 'title' => 'Gestión de pago', 'classDiv' => 'modal-dialog-centered modal-lg', 'styleDiv' => 'z-index: 99999999999; overflow-x: hidden',
                                      'classHeader' => 'bg-danger text-white', 'classTitle' => 'font-weight-600 h5 text-white', 'tabIndex' => '-2'])
    @slot('body')
        <div id="afrus-container-form"
             data-amount="{{ $amountPasarela ?? '' . '00' }}"
             data-order="{{ $order ?? '' }}"
             data-form="Zm9ybS05MDEtb3JnYW5pemF0aW9uLTE4">
        </div>
      {{-- <form method="post" action="https://merchant.paymentsway.co/cartaspago/redirect">
           <input name="merchant_id" type="hidden" value="65">
           <input name="form_id" type="hidden" value="90">
           <input name="terminal_id" type="hidden" value="76">
           <input name="order_number" type="hidden" value="1254">
           <input name="amount" type="hidden" value="0" >
           <input name="currency" type="hidden" value="cop">
           <input name="order_description" type="hidden" value="Test de compra">
           <input name="Submit" type="submit" value="Enviar" >
       </form>--}}
    @endslot

    @slot('footer')
        <button type="button" id="cancel-payment" class="btn btn-danger">Cancelar</button>
    @endslot
@push('js')
    <script src="https://console.paymentsconsole.co/template/index.js"></script>
@endpush
@endcomponent