@extends('layouts.app')
@section('page-title', 'Search Documents')
@section('content')
{{-- index.blade.php uses Bootstrap Icons (bi bi-*) throughout. If your layout
     already loads them, delete this line. --}}
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
<style>
    .doc-breadcrumb { font-size:.85rem; color:#8891a0; margin-bottom:.75rem; }
    .doc-breadcrumb a { color:#4f5fce; text-decoration:none; }
    .doc-breadcrumb .sep { margin:0 .35rem; }
    .search-section-title { font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#8891a0; margin:1.25rem 0 .5rem; }
    .search-row { display:flex; align-items:center; gap:.85rem; padding:.7rem .85rem; border:1px solid #eef0f2; border-radius:10px; background:#fff; margin-bottom:.5rem; transition:box-shadow .15s; }
    .search-row:hover { box-shadow:0 2px 10px rgba(0,0,0,.06); }
    .search-row .row-icon { font-size:1.6rem; flex:0 0 auto; position:relative; }
    .search-row .row-lock { position:absolute; top:-2px; left:16px; font-size:.7rem; color:#dc3545; background:#fff; border-radius:50%; }
    .search-row .row-main { flex:1 1 auto; min-width:0; }
    .search-row .row-name { font-size:.88rem; font-weight:600; color:#2a2f3a; text-decoration:none; word-break:break-word; }
    .search-row .row-name:hover { color:#4f5fce; }
    .search-row .row-meta { font-size:.72rem; color:#8891a0; margin-top:2px; }
    .search-row .row-meta a { color:#4f5fce; text-decoration:none; }
    .search-empty { text-align:center; color:#8891a0; padding:3rem 1rem; font-size:.88rem; }
</style>

@php
    // "Home / Folder / Subfolder" for the folder that CONTAINS an item.
    $locationLabel = function ($containingFolder) {
        if (!$containingFolder) return 'Home';
        return 'Home / ' . collect($containingFolder->breadcrumbs())->pluck('name')->implode(' / ');
    };
    $uploaderName = function ($uploader) {
        if (!$uploader) return 'Unknown';
        $full = trim(($uploader->first_name ?? '') . ' ' . ($uploader->last_name ?? ''));
        return $full !== '' ? $full : ($uploader->name ?? 'Unknown');
    };
    $total = $folders->count() + $files->count();
@endphp

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
        <h2 class="mb-0">Search Documents</h2>
        <form method="GET" action="{{ route('documents.search') }}" class="d-flex gap-2">
            <input type="text" name="q" value="{{ $q }}" class="form-control form-control-sm" placeholder="Search files &amp; folders..." style="min-width:220px" autofocus>
            <button class="btn btn-sm btn-outline-primary" type="submit"><i class="fas fa-search"></i></button>
        </form>
    </div>
    <div class="card-body">
        <div class="doc-breadcrumb">
            <a href="{{ route('documents.index') }}"><i class="bi bi-arrow-left me-1"></i>Back to repository</a>
            @if($q !== '')
                <span class="sep">/</span>
                <span>{{ $total }} result{{ $total === 1 ? '' : 's' }} for &ldquo;{{ $q }}&rdquo;</span>
            @endif
        </div>

        @if($q === '')
            <div class="search-empty">
                <i class="bi bi-search" style="font-size:2rem;color:#e5e8ec;display:block;margin-bottom:.5rem"></i>
                Type a name above to search files and folders.
            </div>
        @elseif($total === 0)
            <div class="search-empty">
                <i class="bi bi-emoji-neutral" style="font-size:2rem;color:#e5e8ec;display:block;margin-bottom:.5rem"></i>
                Nothing matched &ldquo;{{ $q }}&rdquo;.
            </div>
        @else
            @if($folders->isNotEmpty())
                <div class="search-section-title">Folders ({{ $folders->count() }})</div>
                @foreach($folders as $f)
                    @php $restricted = $f->roles->isNotEmpty(); @endphp
                    <div class="search-row">
                        <div class="row-icon">
                            <i class="bi bi-folder-fill" style="color:#f5c451"></i>
                            @if($restricted)
                                <i class="bi bi-lock-fill row-lock" title="Restricted: {{ $f->roleNames() }}"></i>
                            @endif
                        </div>
                        <div class="row-main">
                            <a class="row-name" href="{{ route('documents.index', ['folder' => $f->id]) }}">{{ $f->name }}</a>
                            <div class="row-meta">
                                in
                                @if($f->parent_id)
                                    <a href="{{ route('documents.index', ['folder' => $f->parent_id]) }}">{{ $locationLabel($f->parent) }}</a>
                                @else
                                    <a href="{{ route('documents.index') }}">Home</a>
                                @endif
                                @if($canManage)
                                    &middot; {{ $restricted ? 'Restricted: ' . $f->roleNames() : 'Inherits parent access' }}
                                @endif
                            </div>
                        </div>
                    </div>
                @endforeach
            @endif

            @if($files->isNotEmpty())
                <div class="search-section-title">Files ({{ $files->count() }})</div>
                @foreach($files as $file)
                    @php $restricted = $file->roles->isNotEmpty(); @endphp
                    <div class="search-row">
                        <div class="row-icon">
                            <i class="bi {{ $file->icon_class }}"></i>
                            @if($restricted)
                                <i class="bi bi-lock-fill row-lock" title="Restricted: {{ $file->roleNames() }}"></i>
                            @endif
                        </div>
                        <div class="row-main">
                            <a class="row-name" href="{{ route('documents.download', $file) }}">{{ $file->name }}</a>
                            <div class="row-meta">
                                {{ $file->human_size }} &middot; {{ $uploaderName($file->uploader) }} &middot; in
                                @if($file->folder_id)
                                    <a href="{{ route('documents.index', ['folder' => $file->folder_id]) }}">{{ $locationLabel($file->folder) }}</a>
                                @else
                                    <a href="{{ route('documents.index') }}">Home</a>
                                @endif
                                @if($canManage)
                                    &middot; {{ $restricted ? 'Restricted: ' . $file->roleNames() : 'Inherits folder access' }}
                                @endif
                            </div>
                        </div>
                        <a href="{{ route('documents.download', $file) }}" class="btn btn-sm btn-outline-primary" title="Download">
                            <i class="bi bi-download"></i>
                        </a>
                    </div>
                @endforeach
            @endif
        @endif
    </div>
</div>
@endsection