@extends('layouts.master')
@section('title')
    @lang('translation.paystripe')
@endsection
@section('css')
    <!-- plugin css -->
    <link href="{{ URL::asset('build/libs/jsvectormap/jsvectormap.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('build/libs/swiper/swiper-bundle.min.css') }}" rel="stylesheet" />
@endsection
@section('content')
    @component('components.breadcrumb')
        @slot('li_1')
            @lang('translation.pay')
        @endslot
        @slot('title')
            Pago pendiente
        @endslot
    @endcomponent

<div class="row">
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">¡Atención!</h4>
            </div><!-- end card header -->
            <div class="card-body">
                <div class="row">
                    <div class="col-12 fs-14">
                        El pago está pendiente. Por favor, espera a que se confirme el pago. Esto puede tardar unos minutos. Si el pago no se confirma después de un tiempo razonable, por favor contacta con soporte.
                    </div>
                </div>
            </div><!-- end card body -->
            <div class="card-footer">
                <div class="row">
                    <div class="col-12 p-1 text-align-start">
                        <a href="{{ route('plans.show') }}" class="btn btn-light">
                            <i class="ri-arrow-left-s-line align-bottom me-2"></i> @lang('translation.back')
                        </a>
                    </div>
                </div>
            </div>
        </div><!-- end card -->
    </div>
</div><!-- end row -->

@endsection
@section('script')

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="{{ URL::asset('build/js/app.js') }}"></script>

@endsection