@extends('web.panel.layout')
@section('titulo', config('app.name') . ' - Lista de Modelos')

@section('ruta-panel')
    <li class="breadcrumb-item"><a href="">Modelos</a></li>
    <li class="breadcrumb-item active"><a href="#">Lista de Modelos</a></li>
@endsection

@section('head')
    <style type="text/css">
        .paypal {
            width: 250px;
            background-color: #FFC439;
            border-radius: 4px;
            display: inline-block;
            cursor: pointer;
            padding: 12px;
            text-align: center;
            text-decoration: none;
            margin-bottom: 5px;
        }

        .paypal:hover {
            background-color: #fcba1f;
        }

        .paypal:active {
            position: relative;
            top: 1px;
        }

    </style>
@endsection


@section('contenido-panel')
    <div class="col-md-8 col-lg-10 blog-sec">
        <div class="row blog-list">

            @if (session()->has('success'))
                <div class="col-md-12 alert alert-success">
                    {{ session()->get('success') }}
                </div>
            @endif

            @if ($errors->any())
                <div class="col-md-12 alert alert-danger">
                    <ul class="p-2 m-0 text-center">
                        @foreach ($errors->all() as $error)
                            <li class="text-center">{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif


            <div class="col-md-12">
                <h3 class="blog-head text-uppercase mt-0">Pagar Suscripcion {{ $factura->detalle['suscripcion'] }}</h3>
                <div class="blog-divider"></div>
                <div class="blog-text text-center">
                    @switch($factura->forma_pago->slug)
                        @case('paypal')
                        <div class="mb-4">
                            En unos segundos seras redirigido a PayPal para procesar la compra.<br>
                            Si no te redirige automaticamente, haz clic en el boton.
                        </div>

                            <a href="{{route('pago-paypal',["id"=>$factura->id])}}" class="paypal text-center" id="paypal">
                                <img src="{{asset('web/images/metodos-pago/paypal.png')}}" alt="PayPal">
                            </a>
                            <script type="text/javascript">

                            setTimeout(function(){
                                
                                document.querySelector('#paypal').click();
                                console.log( "listo!" );
                            }, 8000);
                                
                                
                            </script>
                        @break

                        @case('coinbase')

                            <div>
                                <a class="buy-with-crypto"
                                href="https://commerce.coinbase.com/checkout/9f141af4-ce9a-44d9-b084-91b0ee17cdfd">
                                Buy con criptomoneda
                                </a>
                                <script src="https://commerce.coinbase.com/v1/checkout.js?version=201807">
                                </script>
                            </div>
                      
                        @break

                        @default
                        {{--SI NO ES NINGUN METODO DE PAGO ANTERIOR--}}
                        <form method="post">
                        @csrf
                        <input class="form-control" type="text" name="recibo" placeholder="Ingresa el numero de comprobante o recibo de pago.">
                        </form>
                    @endswitch
                </div>
            </div>
        </div>
    </div>

@endsection