@extends('layouts.admin')

@section('title', 'Libraries')

@section('content')
    <x-ui.page-header title="Libraries" subtitle="{{ $libraries->total() }} librar{{ $libraries->total() === 1 ? 'y' : 'ies' }} found">
        <x-slot:actions>
            @can(\App\Support\Permissions::LIBRARIES_CREATE)
                <a class="btn btn-sm btn-primary" href="{{ route('admin.libraries.create') }}">
                    <i class="bi bi-plus-lg"></i> New Library
                </a>
            @endcan
        </x-slot:actions>
    </x-ui.page-header>

    <form method="GET" class="xrt-filter-bar mb-3">
        <div class="row g-2 align-items-end">
            <div class="col-md-3">
                <label class="xrt-label" for="f-name">Name</label>
                <input class="form-control form-control-sm" id="f-name" name="name" value="{{ $filters['name'] ?? '' }}" placeholder="Search by name">
            </div>
            <div class="col-md-3">
                <label class="xrt-label" for="f-display">Display name</label>
                <input class="form-control form-control-sm" id="f-display" name="display_name" value="{{ $filters['display_name'] ?? '' }}" placeholder="Search by display name">
            </div>
            <div class="col-md-2">
                <label class="xrt-label" for="f-area">Area</label>
                <select class="form-select form-select-sm" id="f-area" name="area">
                    <option value="">All areas</option>
                    @foreach (config('xrt.areas') as $area)
                        <option value="{{ $area }}" @selected(($filters['area'] ?? '') === $area)>{{ $area }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="xrt-label" for="f-machine">Machine type</label>
                <select class="form-select form-select-sm" id="f-machine" name="machine_type">
                    <option value="">All machines</option>
                    @foreach (config('xrt.machine_types') as $machine)
                        <option value="{{ $machine }}" @selected(($filters['machine_type'] ?? '') === $machine)>{{ $machine }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="xrt-label" for="f-type">Library type</label>
                <select class="form-select form-select-sm" id="f-type" name="library_type">
                    <option value="">All types</option>
                    @foreach (\App\Enums\LibraryType::options() as $value => $label)
                        <option value="{{ $value }}" @selected(($filters['library_type'] ?? '') === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="xrt-label" for="f-scope">Scope</label>
                <select class="form-select form-select-sm" id="f-scope" name="scope">
                    <option value="">All scopes</option>
                    @foreach (\App\Enums\Scope::options() as $value => $label)
                        <option value="{{ $value }}" @selected(($filters['scope'] ?? '') === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="xrt-label" for="f-status">Status</label>
                <select class="form-select form-select-sm" id="f-status" name="status">
                    <option value="">All statuses</option>
                    @foreach (\App\Enums\ContentStatus::options() as $value => $label)
                        <option value="{{ $value }}" @selected(($filters['status'] ?? '') === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-8 d-flex gap-2">
                <button class="btn btn-sm btn-primary" type="submit"><i class="bi bi-funnel"></i> Apply Filters</button>
                <button class="btn btn-sm btn-outline-secondary" type="button" data-filter-reset><i class="bi bi-x-circle"></i> Reset Filters</button>
            </div>
        </div>

        <input type="hidden" name="sort" value="{{ $sort }}">
        <input type="hidden" name="direction" value="{{ $direction }}">
    </form>

    <div class="d-flex flex-wrap gap-3 align-items-center mb-2 xrt-meta">
        <span>Sort by:</span>
        <x-ui.sort-link column="name" label="Name" :sort="$sort" :direction="$direction" />
        <x-ui.sort-link column="status" label="Status" :sort="$sort" :direction="$direction" />
        <x-ui.sort-link column="library_type" label="Type" :sort="$sort" :direction="$direction" />
        <x-ui.sort-link column="created_at" label="Created" :sort="$sort" :direction="$direction" />
        <x-ui.sort-link column="updated_at" label="Updated" :sort="$sort" :direction="$direction" />
    </div>

    @forelse ($libraries as $library)
        <div class="xrt-list-row">
            <div class="flex-grow-1">
                <div class="d-flex flex-wrap align-items-center gap-2">
                    <a class="fw-semibold text-decoration-none" href="{{ route('admin.libraries.show', $library) }}">{{ $library->name }}</a>
                    <x-ui.status-badge :value="$library->status" />
                    <span class="badge {{ $library->library_type->badgeClass() }}">{{ $library->library_type->value }}</span>
                    <span class="xrt-meta"><i class="bi {{ $library->scope->icon() }}"></i> {{ $library->scope->value }}</span>
                </div>
                <div class="xrt-meta mb-2">{{ $library->display_name }}</div>

                <div class="row g-2 small">
                    <div class="col-6 col-md-2"><span class="xrt-label d-block">Machine</span>{{ $library->machine_type ?? '—' }}</div>
                    <div class="col-6 col-md-2"><span class="xrt-label d-block">Area</span>{{ $library->area ?? '—' }}</div>
                    <div class="col-6 col-md-1"><span class="xrt-label d-block">Version</span>{{ $library->version }}</div>
                    <div class="col-6 col-md-2"><span class="xrt-label d-block">Cases</span>{{ $library->xray_cases_count }}</div>
                    <div class="col-6 col-md-2"><span class="xrt-label d-block">Created</span>{{ $library->created_at?->format('d M Y') }}</div>
                    <div class="col-6 col-md-2"><span class="xrt-label d-block">Updated</span>{{ $library->updated_at?->format('d M Y H:i') }}</div>
                </div>
            </div>

            <div class="d-flex flex-column gap-1">
                <a class="btn btn-sm btn-outline-primary" href="{{ route('admin.libraries.show', $library) }}"><i class="bi bi-eye"></i> View</a>
                @can('update', $library)
                    <a class="btn btn-sm btn-outline-secondary" href="{{ route('admin.libraries.edit', $library) }}"><i class="bi bi-pencil"></i> Edit</a>
                @endcan
                @can('delete', $library)
                    <x-ui.delete-button :action="route('admin.libraries.destroy', $library)" label="Delete"
                        confirm="Delete library {{ $library->name }}? The x-ray cases themselves are kept." />
                @endcan
            </div>
        </div>
    @empty
        <div class="xrt-card">
            <div class="xrt-card-body">
                <x-ui.empty-state icon="bi-collection" title="No libraries found"
                    message="Adjust the filters, or create your first library.">
                    @can(\App\Support\Permissions::LIBRARIES_CREATE)
                        <a class="btn btn-sm btn-primary" href="{{ route('admin.libraries.create') }}">New Library</a>
                    @endcan
                </x-ui.empty-state>
            </div>
        </div>
    @endforelse

    <div class="mt-3">{{ $libraries->links() }}</div>
@endsection