@extends('layouts.opac')

@section('title', 'Authorities Search › MTU Library Catalog')

@section('breadcrumb-trail')
    <span class="sep">›</span>
    <a href="{{ route('opac.home') }}">Home</a>
    <span class="sep">›</span>
    <span>Authorities</span>
@endsection

@section('sidebar')
    <div class="sidebar-section">
        <div class="sidebar-title">Authority Search</div>
        <div style="padding:10px; font-size:11px; line-height:1.4; color:#555;">
            An Authority search allows you to find controlled vocabulary headings (authors, subjects, series, corporate bodies) to retrieve standardized bibliographic records.
        </div>
    </div>
@endsection

@section('content')
    <div style="width: 100%;">
        <h2 style="font-size: 16px; color: #2e2e4e; margin-bottom: 12px; border-bottom: 1px solid #d5d5d5; padding-bottom: 6px;">
            🔑 Authority Headings Search
        </h2>

        <form action="{{ route('opac.authorities') }}" method="GET" style="display: flex; gap: 12px; align-items: flex-end; margin-bottom: 20px; background: #fafafa; border: 1px solid #ddd; padding: 12px; border-radius: 3px;">
            <div>
                <label style="display:block; font-size:11px; font-weight:bold; margin-bottom:4px; color:#555;">Search Authority Heading:</label>
                <input type="text" name="q" value="{{ $q }}" style="width: 250px; padding: 5px; border: 1px solid #aaa; font-size: 12px;" placeholder="e.g. Marine biology">
            </div>

            <div>
                <label style="display:block; font-size:11px; font-weight:bold; margin-bottom:4px; color:#555;">Heading Type:</label>
                <select name="type" style="width: 180px; height: 26px; padding: 3px; border: 1px solid #aaa; font-size: 12px;">
                    <option value="">-- All Heading 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" style="padding: 5px 12px; background: #5a9e3c; color: #fff; border: 1px solid #4a8430; border-radius: 2px; font-size: 12px; font-weight: bold; cursor: pointer;">Search</button>
        </form>

        <table style="width: 100%; border-collapse: collapse; font-size: 12px;">
            <thead>
                <tr style="background: #e8eef5; text-align: left;">
                    <th style="padding: 8px; border: 1px solid #ccc;">Authorized Heading</th>
                    <th style="padding: 8px; border: 1px solid #ccc;">Heading Type</th>
                    <th style="padding: 8px; border: 1px solid #ccc;">Linked Records</th>
                </tr>
            </thead>
            <tbody>
                @forelse($authorities as $auth)
                    <tr style="border-bottom: 1px solid #ddd;">
                        <td style="padding: 8px; border: 1px solid #ddd;">
                            <strong style="font-size: 13px; color: #1b4880;">{{ $auth->heading }}</strong>
                        </td>
                        <td style="padding: 8px; border: 1px solid #ddd;">
                            {{ $auth->authtype }}
                        </td>
                        <td style="padding: 8px; border: 1px solid #ddd;">
                            <a href="{{ route('opac.search', ['q' => $auth->heading, 'idx' => ($auth->authtype === 'Subject Heading' ? 'su' : 'au')]) }}" style="color: #4f7fb5; font-weight: bold; text-decoration: underline;">
                                View {{ $auth->usage }} biblios
                            </a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="3" style="padding: 20px; text-align: center; color: #777; font-style: italic; border: 1px solid #ddd;">No authority headings match your search.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection