@extends(Theme::wrapper())

@section('title')
    {!! __('client.payment_successfully') !!}
@endsection

@section('container')
    <section class="bg-white dark:bg-gray-900">
        <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
            <div class="mx-auto max-w-screen-sm text-center">
                <div class="flex items-center justify-center mb-4">
                    <img src="https://cdn.discordapp.com/attachments/1043756934920155137/1213134400494239784/Design_sem_nome_7.png?ex=65f45e74&is=65e1e974&hm=631ae1ec97d82d273d5b88fa88e099704c5858fc3fd177c3b870bf95bcfac3d8&" style="width: 275px">
                </div>
                <p class="mb-4 text-3xl tracking-tight font-bold text-gray-900 md:text-4xl dark:text-white">{!! __('client.payment_successfully') !!}</p>
                <p class="mb-4 text-lg font-light text-gray-500 dark:text-gray-400">{!! __('client.payment_successfully_desc') !!}</p>
                <a href="{{route('dashboard')}}"
                   class="inline-flex text-white bg-primary-600 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-primary-900 my-4">{!! __('client.back_dashboard') !!}</a>
                @if($payment->status == 'paid')
                    <a href="{{ route('invoice', $payment->id) }}"
                       class="inline-flex text-white bg-primary-600 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-primary-900 my-4">{!! __('client.view_invoice') !!}</a>
                @endif
            </div>
        </div>
    </section>
@endsection
