@extends('layouts.staff')

@section('title', 'MARC Frameworks › Koha Administration')

@section('breadcrumb-trail')
    <span class="sep">›</span>
    <a href="{{ route('staff.administration') }}">Administration</a>
    <span class="sep">›</span>
    <span>MARC Frameworks</span>
@endsection

@section('content')
<div style="width: 100%; display: flex; flex-direction: column;">
    <div style="background: #fff; border: 1px solid #d0d0d0; padding: 20px; border-radius: 3px;">
        <h2 style="margin: 0 0 15px 0; color: #1b4880; font-size: 16px; border-bottom: 2px solid #1b4880; padding-bottom: 8px;">
            ⚙️ MARC Bibliographic Frameworks
        </h2>

        <p style="font-size:12px; color:#666; margin-bottom:15px;">
            Configure MARC bibliographic templates (Default, Book, Serial, Map, Thesis) to define mandatory field structures.
        </p>

        <table class="items-table">
            <thead>
                <tr style="background:#e8eef5;">
                    <th style="width: 120px;">Framework Code</th>
                    <th>Description</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><code style="font-weight:bold;">DEF</code></td>
                    <td>Default Bibliographic Framework</td>
                    <td style="color:#2a7a2a; font-weight:bold;">Active</td>
                </tr>
                <tr>
                    <td><code>BKS</code></td>
                    <td>Books and Monographs Template</td>
                    <td style="color:#777;">Inactive (uses DEF fallback)</td>
                </tr>
                <tr>
                    <td><code>SER</code></td>
                    <td>Serials and Periodicals Template</td>
                    <td style="color:#777;">Inactive (uses DEF fallback)</td>
                </tr>
                <tr>
                    <td><code>THE</code></td>
                    <td>Academic Theses and Dissertations</td>
                    <td style="color:#777;">Inactive (uses DEF fallback)</td>
                </tr>
            </tbody>
        </table>

        <div style="margin-top: 20px;">
            <a href="{{ route('staff.administration') }}" class="form-btn" style="text-decoration:none;">Back to admin</a>
        </div>
    </div>
</div>
@endsection