@extends('layouts.portal.app')

@section('title', "Checkout InsightsReady")

@push('styles')
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
          rel="stylesheet">
    <link rel="stylesheet" href="{{ asset("portal-assets/portal.css") }}"/>
@endpush

@section('content')

    <main class="container page">

        <section class="hbar"><h1>Add app to workspace</h1></section>
        <section class="grid-2">
            <div class="panel">
                <strong>PriceWise AI</strong>
                <p class="app-sub">Pro plan • $199/mo • Free trial available</p>
                <p style="margin-top:12px"><em>Billing summary</em></p>
            </div>
            <div class="panel">
                <strong>Choose a plan</strong>
                <ul style="color:var(--ink-700)">
                    <li>Starter — $0</li>
                    <li>Pro — $199/mo</li>
                    <li>Enterprise — Custom</li>
                </ul>
            </div>
            <div class="panel">
                <strong>Payment method</strong>
                <p class="app-sub">Visa •••• 4242 • exp 12/27</p>
            </div>
            <div class="panel">
                <strong>Terms</strong>
                <p class="app-sub">By clicking 'Confirm & Install' you agree to the app’s terms and the marketplace
                    policies.</p>
            </div>
        </section>
        <div class="panel" style="margin-top:10px">
            <button class="btn btn--brand" style="width:100%">Confirm & Install</button>
        </div>

    </main>

@endsection

@push('scripts')

@endpush