@extends('web.layouts.auth')

@section('title', config('app.name'))

@section('content')
<div class="container">
    <div class="row">
        <div class="col-sm">
            <div class="d-flex justify-content-center p-5">
                <div class="card text-white {{ $data['is_transfer_active'] ? 'border-success' : 'border-danger' }} mb-3 ">
                    <div class="card-body text-center ">
                        <!-- Begin form integration -->
                        @csrf <!-- CSRF token for Laravel -->
                        <img src="{{ asset('default/logo.png') }}" class="card-img-top mb-3" style="width: 100px; margin: 0 auto;"> <!-- Centered Image -->
                        @if($data['is_transfer_active'])
                        <h5 class="card-title text-success">Stripe Connect information has been successfully completed.</h5>
                        <p class="card-text"></p>
                        @else
                        <h5 class="card-title text-danger">Oops! Something went wrong while processing your Stripe Connect information. Please try again later.</h5>
                        @endif

                        <!-- If you have a submit button or further form fields, they should go here -->
                        <!-- End form integration -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    @stop

    @section('custom-js')
    <script>
    </script>
    @stop