@extends('layouts.app', ['activePage' => 'donacion', 'title' => 'TV Retro Palmares | donacion'])

@section('content')
    <div class="text-center">
        <button onclick="history.back()" class="btn btn-warning btn-wd">{{ __('Volver') }}</button>
    </div>
    <div class="container">
        <h1>Apoya nuestro proyecto</h1>

        <!-- Botón de donación de PayPal -->
        <form action="https://www.paypal.com/donate" method="post" target="_top">
            <input type="hidden" name="hosted_button_id" value="TU_ID_DE_BOTON_PAYPAL">
            <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button">
        </form>

        <!-- Método de donación al estilo de "taza de café" -->
        <h2>Compra un café para Carlos</h2>
        <form action="{{ route('procesar_donacion') }}" method="post">
            @csrf
            <label for="cantidad">Selecciona la cantidad de cafés:</label>
            <select name="cantidad" id="cantidad">
                <option value="1">1 café ($4)</option>
                <option value="2">2 cafés ($8)</option>
                <option value="3">3 cafés ($12)</option>
            </select>
            <input type="hidden" name="moneda" value="USD">
            <input type="hidden" name="cuenta_bac" value="TU_NUMERO_DE_CUENTA_BAC">
            <button type="submit">Donar</button>
        </form>
    </div>
    <div class="footer text-center">
        <button onclick="history.back()" class="btn btn-warning btn-wd">{{ __('Volver') }}</button>
    </div>
@endsection