@extends('layouts.marketing')

@section('content')
    <div class="container" style="padding-top: 24px;">
        <div style="display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:16px;">
            <div>
                <h1 style="font-size:34px; margin:0;">Apply for {{ $collateralAsset->symbol }} Collateral Loan</h1>
                <p class="muted" style="margin-top:8px; line-height:1.7; font-size:14px; max-width: 760px;">
                    Upload your ID + selfie, then pay collateral to the provided wallet address and upload proof of payment.
                </p>
            </div>
            <span class="pill">KYC required</span>
        </div>

        <div class="card">
            <livewire:loan-application-form :collateralSymbol="$collateralAsset->symbol" />
        </div>
    </div>
@endsection