@extends('contentNavbarLayout')

@section('title', 'Search Records')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card mb-4">

            {{-- Card Header --}}
            <div class="card-header">
                <h3 class="card-title mb-0 text-uppercase">Search Records</h3>
                <p class="text-muted mb-0">List of documents available for the search criteria</p>
            </div>

            {{-- Card Body --}}
            <div class="card-body">

                <!-- SEARCH BAR SECTION -->
                <form action="{{ route('search.index') }}" method="GET" class="mb-4">
                    <div class="row g-2">

                        <!-- Keyword -->
                        <div class="col-md-10">
                            <input type="text" 
                                   name="keyword" 
                                   value="{{ request('keyword') }}" 
                                   class="form-control" 
                                   placeholder="Search keyword...">
                        </div>

                        <!-- Record Type Filter
                        <div class="col-md-3">
                            <select name="record_type" class="form-select">
                                <option value="">All Record Types</option>
                                @foreach(\App\Models\RecordType::all() as $type)
                                    <option value="{{ $type->id }}" 
                                            {{ request('record_type') == $type->id ? 'selected' : '' }}>
                                        {{ $type->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div> -->

                        <!-- Author Filter -->
                        <!-- <div class="col-md-3">
                            <select name="author" class="form-select">
                                <option value="">All Authors</option>
                                @foreach(\App\Models\User::all() as $user)
                                    <option value="{{ $user->id }}" 
                                            {{ request('author') == $user->id ? 'selected' : '' }}>
                                        {{ $user->full_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div> -->

                        <!-- Search Button -->
                        <div class="col-md-2">
                            <button type="submit" class="btn btn-primary w-100">Search</button>
                        </div>

                    </div>
                </form>
             <!-- SEARCH RESULTS TABLE -->
                @if($results->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead class="table-dark">
                                <tr>
                                    <th>
                                        <a href="{{ request()->fullUrlWithQuery(['sort_by'=>'record_type','sort_order'=> request('sort_order') === 'asc' ? 'desc' : 'asc']) }}"
                                        style="color: inherit; text-decoration: none;">
                                            Record Type
                                            <span style="color: {{ request('sort_by') == 'record_type' ? '#ffffff' : '#6c757d' }}; font-size: 0.8em;">
                                                ▲▼
                                            </span>
                                        </a>
                                    </th>

                                    <th>
                                        <a href="{{ request()->fullUrlWithQuery(['sort_by'=>'title','sort_order'=> request('sort_order') === 'asc' ? 'desc' : 'asc']) }}"
                                        style="color: inherit; text-decoration: none;">
                                            Title
                                            <span style="color: {{ request('sort_by') == 'title' ? '#ffffff' : '#6c757d' }}; font-size: 0.8em;">
                                                ▲▼
                                            </span>
                                        </a>
                                    </th>
                                    <th>Created By</th>
                                    <th>
                                        <a href="{{ request()->fullUrlWithQuery(['sort_by'=>'created_at','sort_order'=> request('sort_order') === 'asc' ? 'desc' : 'asc']) }}"
                                        style="color: inherit; text-decoration: none;">
                                            Created At
                                            <span style="color: {{ request('sort_by') == 'created_at' ? '#ffffff' : '#6c757d' }}; font-size: 0.8em;">
                                                ▲▼
                                            </span>
                                        </a>
                                    </th>
                                    <th>Details & File</th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach($results as $record)
                                    <tr style="background-color: {{ $loop->even ? '#f8f9fa' : '#ffffff' }}">
                                        <td>{{ $record->record_type->name ?? '-' }}</td>
                                        <td>{{ $record->title ?? '-' }}</td>
                                        <td>{{ $record->creator->full_name ?? '-' }}</td>
                                        <td>{{ $record->created_at->format('Y-m-d H:i') }}</td>
                                        <td>
                                            <button type="button" 
                                                class="btn btn-sm btn-outline-primary"
                                                data-bs-toggle="modal"
                                                data-bs-target="#detailsModal{{ $record->id }}">
                                                View Details
                                            </button>
                                        </td>
                                    </tr>


                                    <!-- DETAILS MODAL -->
                                    <div class="modal fade" id="detailsModal{{ $record->id }}" tabindex="-1" aria-hidden="true">
                                        <div class="modal-dialog modal-lg modal-dialog-scrollable">
                                            <div class="modal-content">
                                                <div class="modal-header bg-primary text-white">
                                                    <h5 class="modal-title">
                                                        <i class="mdi mdi-file-document-outline me-2"></i>
                                                        Record Details
                                                    </h5>
                                                    <button type="button" 
                                                            class="btn-close btn-close-white" 
                                                            data-bs-dismiss="modal"></button>
                                                </div>
                                                <div class="modal-body">

                                                    <!-- BASIC INFO -->
                                                    <h6 class="text-primary border-bottom pb-2 mb-3">
                                                        <i class="mdi mdi-information-outline me-1"></i>
                                                        Basic Information
                                                    </h6>
                                                    <div class="row mb-2">
                                                        <div class="col-md-4 fw-bold text-muted">ID:</div>
                                                        <div class="col-md-8">{{ $record->id }}</div>
                                                    </div>
                                                    <div class="row mb-2">
                                                        <div class="col-md-4 fw-bold text-muted">Title:</div>
                                                        <div class="col-md-8">{{ $record->title ?? 'N/A' }}</div>
                                                    </div>
                                                    <div class="row mb-2">
                                                        <div class="col-md-4 fw-bold text-muted">Description:</div>
                                                        <div class="col-md-8">{{ $record->description ?? 'N/A' }}</div>
                                                    </div>
                                                    <div class="row mb-2">
                                                        <div class="col-md-4 fw-bold text-muted">Author:</div>
                                                        <div class="col-md-8">{{ $record->creator->full_name ?? 'N/A' }}</div>
                                                    </div>
                                                    <div class="row mb-2">
                                                        <div class="col-md-4 fw-bold text-muted">Record Type:</div>
                                                        <div class="col-md-8">{{ $recordType->name ?? 'N/A' }}</div>
                                                    </div>
                                                    <div class="row mb-2">
                                                        <div class="col-md-4 fw-bold text-muted">Created At:</div>
                                                        <div class="col-md-8">{{ $record->created_at }}</div>
                                                    </div>

                                                    <!-- FILE INFO -->
                                                    <h6 class="text-primary border-bottom pb-2 mb-3 mt-4">
                                                        <i class="mdi mdi-file me-1"></i> File
                                                    </h6>
                                                    <div class="row mb-2">
                                                        <div class="col-md-4 fw-bold text-muted">Attached File:</div>
                                                        <div class="col-md-8">
                                                            @if($record->file_path)
                                                                <a href="{{ asset('storage/' . $record->file_path) }}" 
                                                                   target="_blank" 
                                                                   class="btn btn-sm btn-success">
                                                                    <i class="mdi mdi-download"></i> Download File
                                                                </a>
                                                            @else
                                                                <span class="text-muted">No file uploaded</span>
                                                            @endif
                                                        </div>
                                                    </div>

                                                    <!-- CUSTOM PROPERTIES -->
                                                    <h6 class="text-primary border-bottom pb-2 mb-3 mt-4">
                                                        <i class="mdi mdi-format-list-bulleted me-1"></i> Custom Properties
                                                    </h6>
                                                    @if($record->properties && is_array($record->properties) && count($record->properties) > 0)
                                                        @foreach($record->properties as $key => $value)
                                                            <div class="row mb-2">
                                                                <div class="col-md-4 fw-bold text-muted">{{ $key }}:</div>
                                                                <div class="col-md-8">{{ $value ?? 'N/A' }}</div>
                                                            </div>
                                                        @endforeach
                                                    @else
                                                        <div class="alert alert-warning">No custom properties found.</div>
                                                    @endif

                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                                                        <i class="mdi mdi-close"></i> Close
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                @endforeach
                            </tbody>
                        </table>
                    </div>

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

                @else
                    <p class="text-danger">No records found.</p>
                @endif

            </div> {{-- card-body --}}
        </div> {{-- card --}}
    </div>
</div>
@endsection