@extends('vendor.installer.layouts.master')

@section('template_title')
    {{ trans('installer_messages.final.templateTitle') }}
@endsection

@section('title')
    <i class="fa fa-check-circle fa-fw" aria-hidden="true"></i>
    {{ trans('installer_messages.final.title') }}
@endsection

@section('container')
    <div class="text-center mb-4">
        <i class="fas fa-check-circle fa-4x text-success mb-3"></i>
        <h2 class="text-success font-weight-bold">Installation Completed Successfully!</h2>
        <p class="text-muted">Your AssetMaster system is now ready to use.</p>
    </div>

    @if(session('message')['dbOutputLog'])
        <div class="card mb-4 shadow-sm border-0 rounded-lg">
            <div class="card-header bg-white border-bottom-0 pt-4 pb-2">
                <h5 class="mb-0">
                    <i class="fas fa-database mr-2"></i>
                    Database Migration Output
                </h5>
            </div>
            <div class="card-body">
                <pre><code>{{ session('message')['dbOutputLog'] }}</code></pre>
            </div>
        </div>
    @endif

    <div class="card mb-4 shadow-sm">
        <div class="card-header bg-light">
            <h5 class="mb-0">
                <i class="fas fa-terminal mr-2"></i>
                Installation Commands Output
            </h5>
        </div>
        <div class="card-body">
            <pre><code>{{ $finalMessages }}</code></pre>
        </div>
    </div>

    <div class="card mb-4 shadow-sm">
        <div class="card-header bg-light">
            <h5 class="mb-0">
                <i class="fas fa-file-alt mr-2"></i>
                Installation Log
            </h5>
        </div>
        <div class="card-body">
            <pre><code>{{ $finalStatusMessage }}</code></pre>
        </div>
    </div>

    <div class="card mb-4 shadow-sm">
        <div class="card-header bg-light">
            <h5 class="mb-0">
                <i class="fas fa-cog mr-2"></i>
                Environment Configuration
            </h5>
        </div>
        <div class="card-body">
            <pre><code>{{ $finalEnvFile }}</code></pre>
        </div>
    </div>

    <div class="text-center mt-5 mb-4">
        <a href="{{ url('/') }}" class="btn btn-success btn-lg px-5 shadow-sm rounded-pill font-weight-bold d-inline-flex align-items-center">
            Go to Dashboard
            <i class="fas fa-arrow-right ml-2 ms-2"></i>
        </a>
    </div>
@endsection