@extends('layouts.staff')

@section('title', '🔑 Authorities › Koha Staff Client')

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

@section('content')
<div style="width: 100%; display: flex; flex-direction: column;">
    <div style="background: #fff; border: 1px solid #d0d0d0; padding: 15px; border-radius: 3px; margin-bottom: 16px;">
        <h3 style="color:#1b4880; font-size:15px; margin-bottom:12px; border-bottom:1px solid #ddd; padding-bottom:5px;">
            🔑 Authority Search (MARC Headings Control)
        </h3>

        <form action="{{ route('staff.authorities') }}" method="GET" style="display: flex; gap: 12px; align-items: flex-end; margin-bottom: 15px;">
            <div>
                <label style="display:block; font-size:11px; font-weight:bold; margin-bottom:4px;">Search Term:</label>
                <input type="text" name="q" value="{{ $q }}" class="form-input" style="width: 250px;" placeholder="e.g. Murphy">
            </div>

            <div>
                <label style="display:block; font-size:11px; font-weight:bold; margin-bottom:4px;">Heading Type:</label>
                <select name="type" class="form-input" style="width: 180px; height: 30px;">
                    <option value="">-- All Types --</option>
                    <option value="Personal Name" {{ $type === 'Personal Name' ? 'selected' : '' }}>Personal Name</option>
                    <option value="Subject Heading" {{ $type === 'Subject Heading' ? 'selected' : '' }}>Subject Heading</option>
                    <option value="Corporate Name" {{ $type === 'Corporate Name' ? 'selected' : '' }}>Corporate Name</option>
                </select>
            </div>

            <button type="submit" class="form-btn primary">Search Authorities</button>
        </form>

        <table class="items-table">
            <thead>
                <tr>
                    <th>Authorized Heading (Record link)</th>
                    <th>Authority Type</th>
                    <th>Records Linked</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($authorities as $auth)
                    <tr>
                        <td style="font-weight: bold;">
                            <a href="{{ route('staff.authorities.show', $auth->id) }}">
                                {{ $auth->heading }}
                            </a>
                        </td>
                        <td>{{ $auth->authtype }}</td>
                        <td>{{ $auth->usage }} biblios</td>
                        <td>
                            <a href="{{ route('staff.authorities.show', $auth->id) }}" style="color:#4f7fb5;">View Details</a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4" style="color: #777; font-style: italic; text-align: center;">No matching authorities found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection