@extends('install.layout')

@section('content')
<div class="success-hero">
    <div class="success-circle">
        <svg width="36" height="36" fill="none" viewBox="0 0 24 24" stroke="white" stroke-width="2.5">
            <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/>
        </svg>
    </div>
    <h2 style="font-size:1.5rem">MedAid Installed!</h2>
    <p class="subtitle" style="margin-top:8px">Your Medical Aid Management System is ready to use.</p>
</div>

<div class="info-box" style="text-align:center">
    <strong>Installation complete.</strong> You can now log in with the administrator account you created.
</div>

<div class="cred-box">
    <div style="font-size:.72rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px">Your Login Details</div>
    <div class="cred-row">
        <span class="cred-key">Login URL</span>
        <span class="cred-val"><a href="{{ route('login') }}" style="color:#059669">{{ route('login') }}</a></span>
    </div>
    <div class="cred-row">
        <span class="cred-key">Email</span>
        <span class="cred-val">{{ session('install.admin.email', 'Your admin email') }}</span>
    </div>
    <div class="cred-row">
        <span class="cred-key">Password</span>
        <span class="cred-val">The password you set during installation</span>
    </div>
</div>

<div style="background:#fef3c7;border:1.5px solid #fcd34d;border-radius:8px;padding:14px 16px;font-size:.85rem;color:#92400e;margin-top:4px">
    <strong>Security reminder:</strong> For best security, delete the <code>/install</code> route access by creating a <code>storage/installed</code> file (this was done automatically). Consider setting up HTTPS/SSL for your domain via cPanel.
</div>

<div class="actions" style="justify-content:center;margin-top:28px">
    <a href="{{ route('login') }}" class="btn btn-primary btn-lg">
        <svg width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M11 16l-4-4m0 0l4-4m-4 4h14"/></svg>
        Go to Login
    </a>
</div>
@endsection