@extends('layouts.staff')

@section('title', 'About Lopac › Lopac Staff Client')

@section('breadcrumb-trail')
    <span class="sep">›</span>
    <span>About Lopac</span>
@endsection

@section('content')
<div style="width: 100%; background: #fff; border: 1px solid #d0d0d0; border-radius: 3px; padding: 20px;">
    <div style="display: flex; align-items: center; gap: 15px; border-bottom: 2px solid #1b4880; padding-bottom: 12px; margin-bottom: 20px;">
        <span style="font-size: 40px;">🐦</span>
        <div>
            <h2 style="margin: 0; font-size: 22px; color: #1b4880;">Lopac Library Software</h2>
            <span style="font-size: 12px; color: #666;">Version 1.0.0 — Prototype edition (lite opac)</span>
        </div>
    </div>

    <div style="font-size: 13px; line-height: 1.6; color: #333;">
        <p>
            Lopac (Lite OPAC) is a lightweight, responsive open-source library automation package and Integrated Library System (ILS) designed for speedy catalog and staff desk workflows.
        </p>

        <h3 style="color: #1b4880; font-size: 15px; margin: 20px 0 10px 0; border-bottom: 1px solid #ddd; padding-bottom: 4px;">System Information</h3>
        <table class="items-table" style="max-width: 600px;">
            <tr>
                <td style="font-weight: bold; width: 180px;">Lopac Version</td>
                <td>1.0.0 (Retro Theme Prototype)</td>
            </td>
            <tr>
                <td style="font-weight: bold;">OS / Server Environment</td>
                <td>{{ PHP_OS }} / PHP {{ phpversion() }}</td>
            </tr>
            <tr>
                <td style="font-weight: bold;">Database Engine</td>
                <td>MySQL (PDO) via Laravel Eloquent</td>
            </tr>
            <tr>
                <td style="font-weight: bold;">Application Path</td>
                <td><code>{{ base_path() }}</code></td>
            </tr>
            <tr>
                <td style="font-weight: bold;">Currency System</td>
                <td>Nigerian Naira (₦)</td>
            </tr>
        </table>

        <h3 style="color: #1b4880; font-size: 15px; margin: 25px 0 10px 0; border-bottom: 1px solid #ddd; padding-bottom: 4px;">Lopac Development & Credits</h3>
        <p>
            This prototype is configured specifically for the **MTU Library Services** cataloging and circulation network, utilizing a modernized Laravel backend coupled with a faithful recreation of classic retro templates.
        </p>
    </div>
</div>
@endsection