@extends('install.layout')

@section('content')
<div class="card text-center">
    <div class="card-body py-5">

        <i class="bi bi-check-circle-fill text-success" style="font-size:4rem"></i>

        <h2 class="mt-3 fw-bold">Installation Complete!</h2>
        <p class="text-muted">Your ERP system has been installed successfully.</p>

        <div class="table-responsive mt-4 mb-4">
            <table class="table table-borderless mx-auto" style="max-width:400px">
                <tbody>
                    <tr>
                        <td class="text-end text-muted fw-semibold pe-3">Application</td>
                        <td class="text-start fw-medium">{{ $appName }}</td>
                    </tr>
                    <tr>
                        <td class="text-end text-muted fw-semibold pe-3">URL</td>
                        <td class="text-start">
                            <a href="{{ $appUrl }}" target="_blank" rel="noopener">{{ $appUrl }}</a>
                        </td>
                    </tr>
                    @if ($adminEmail)
                    <tr>
                        <td class="text-end text-muted fw-semibold pe-3">Admin Email</td>
                        <td class="text-start">{{ $adminEmail }}</td>
                    </tr>
                    @endif
                </tbody>
            </table>
        </div>

        <a href="{{ route('admin.login') }}" class="btn btn-primary btn-lg px-5">
            <i class="bi bi-box-arrow-in-right me-2"></i>Go to Admin Login
        </a>

        <hr class="my-4">

        <div class="text-start bg-light rounded p-4">
            <h6 class="fw-bold mb-3"><i class="bi bi-list-check me-2 text-primary"></i>Post-Installation Checklist</h6>
            <ul class="list-unstyled small mb-0" style="line-height:2">
                <li>
                    <i class="bi bi-circle text-muted me-2"></i>
                    Compile frontend assets:
                    <code>npm install &amp;&amp; npm run build</code>
                </li>
                <li>
                    <i class="bi bi-circle text-muted me-2"></i>
                    Start the queue worker:
                    <code>php artisan queue:work</code>
                </li>
                <li>
                    <i class="bi bi-circle text-muted me-2"></i>
                    Configure mail settings in <code>.env</code>
                    (MAIL_HOST, MAIL_USERNAME, etc.)
                </li>
                <li>
                    <i class="bi bi-circle text-muted me-2"></i>
                    Set up a fiscal year in
                    <strong>Finance → Setup → Fiscal Years</strong>
                    before posting transactions.
                </li>
                <li>
                    <i class="bi bi-circle text-muted me-2"></i>
                    Review branches in
                    <strong>Core → Branches</strong>
                    and configure your company details.
                </li>
            </ul>
        </div>

        <div class="alert alert-warning mt-4 text-start small">
            <i class="bi bi-shield-lock me-2"></i>
            <strong>Security note:</strong>
            The installation is locked via <code>storage/.installed</code>.
            Revisiting <code>/install</code> will redirect to the admin login.
            Ensure your server does not expose the <code>storage/</code> directory.
        </div>

    </div>
</div>
@endsection