@extends('layouts.staff')

@section('title', '🔧 Tools Module › Koha Staff')

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

@section('content')
<div style="width:100%; display:flex; flex-direction:column;">
    <div class="checkout-panel">
        <h3>🔧 Staff Utility Tools & OPAC Content Manager</h3>
        <p style="font-size:12.5px; color:#555; margin-bottom:12px;">Access batch processing tools, news publishing, and online resources management.</p>
        
        <div class="module-grid">
            <a class="module-btn" href="{{ route('staff.admin.news') }}">
                <span class="module-icon">📢</span>
                <span class="module-label">News & Announcements Manager</span>
            </a>
            <a class="module-btn" href="{{ route('staff.admin.links') }}">
                <span class="module-icon">🔗</span>
                <span class="module-label">Quick Links & E-Resources Manager</span>
            </a>
            <a class="module-btn" href="{{ route('staff.tools.labels') }}">
                <span class="module-icon">🏷️</span>
                <span class="module-label">Label Creator (Barcode Printing)</span>
            </a>
            <a class="module-btn" href="#" onclick="alert('Batch edit prototype'); return false;">
                <span class="module-icon">✏️</span>
                <span class="module-label">Batch Item Modification</span>
            </a>
            <a class="module-btn" href="#" onclick="alert('Inventory tool prototype'); return false;">
                <span class="module-icon">📋</span>
                <span class="module-label">Inventory & Stocktaking</span>
            </a>
            <a class="module-btn" href="#" onclick="alert('Notice templates prototype'); return false;">
                <span class="module-icon">✉️</span>
                <span class="module-label">Overdue Notices & Templates</span>
            </a>
        </div>
    </div>

    <a href="{{ route('staff.home') }}" class="form-btn" style="width:120px; text-align:center;">← Back to Home</a>
</div>
@endsection