@extends('layouts.app')
@section('title', 'Workflow Rescue — Search')

@push('stylesheets')
<style>
    .wrs-search-panel .form-group label { font-weight: 600; font-size: .85rem; color: #495057; }
    .wrs-results-wrap { max-height: 36rem; overflow: auto; border-radius: .25rem; }
    .wrs-results-table { margin-bottom: 0; font-size: .875rem; }
    .wrs-results-table thead th {
        background: #1f2d3d;
        color: #fff;
        border-bottom: 0;
        white-space: nowrap;
        vertical-align: middle;
        font-weight: 600;
        position: sticky;
        top: 0;
        z-index: 2;
        padding: .65rem .75rem;
    }
    .wrs-results-table tbody td {
        vertical-align: middle;
        border-top-color: #e9ecef;
        padding: .55rem .75rem;
    }
    .wrs-results-table tbody tr:hover { background: #f0f6ff; }
    .wrs-mono { font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: .8125rem; }
    .wrs-scheme { max-width: 16rem; white-space: normal; line-height: 1.35; }
    .wrs-badge-state { background: #e7f1ff; color: #084298; border: 1px solid #b6d4fe; text-transform: capitalize; }
    .wrs-badge-import { background: #fff3cd; color: #856404; border: 1px solid #ffeeba; font-size: .7rem; }
    .wrs-empty { padding: 2.5rem 1rem; text-align: center; color: #6c757d; }
</style>
@endpush

@section('contents')
<x-layouts.page-wrapper
    title="Workflow Rescue — Search"
    :breadcrumbs="[
        'Admin Controls' => null,
        'Workflow Rescue Center' => route('admin-controls.workflow-rescue.index'),
        'Search' => null,
    ]"
>
    <div class="col-12 mx-auto">
        <div class="card card-outline card-primary mb-3 wrs-search-panel">
            <div class="card-header d-flex justify-content-between align-items-center flex-wrap">
                <h3 class="card-title mb-0">
                    <i class="fas fa-search text-primary mr-1"></i>
                    Search imported PCFMS PCs
                </h3>
                <a href="{{ route('admin-controls.workflow-rescue.index') }}" class="btn btn-xs btn-outline-secondary">
                    <i class="fas fa-home"></i> Dashboard
                </a>
            </div>
            <div class="card-body">
                <p class="text-muted small mb-3">
                    Enter any combination of filters. Results are limited to PCs linked via <code>pcfms_import_maps</code>.
                </p>
                <form method="GET" action="{{ route('admin-controls.workflow-rescue.search') }}" class="mb-0">
                    <div class="row">
                        <div class="form-group col-md-3 col-lg-2">
                            <label for="wrsPcNumber">PC #</label>
                            <input type="text" id="wrsPcNumber" name="pc_number" class="form-control"
                                   value="{{ $filters['pc_number'] }}" placeholder="PC UID or Form ID">
                        </div>
                        <div class="form-group col-md-3 col-lg-2">
                            <label for="wrsUid">UID</label>
                            <input type="text" id="wrsUid" name="uid" class="form-control"
                                   value="{{ $filters['uid'] }}" placeholder="Scheme code">
                        </div>
                        <div class="form-group col-md-3 col-lg-2">
                            <label for="wrsAdp">ADP #</label>
                            <input type="text" id="wrsAdp" name="adp" class="form-control"
                                   value="{{ $filters['adp'] }}" placeholder="ADP number">
                        </div>
                        <div class="form-group col-md-3 col-lg-2">
                            <label for="wrsSource">Source ID</label>
                            <input type="text" id="wrsSource" name="source_id" class="form-control"
                                   value="{{ $filters['source_id'] }}" placeholder="PCFMS source">
                        </div>
                        <div class="form-group col-md-4 col-lg-4">
                            <label for="wrsScheme">Scheme Name</label>
                            <input type="text" id="wrsScheme" name="scheme" class="form-control"
                                   value="{{ $filters['scheme'] }}" placeholder="Scheme / project name">
                        </div>
                        <div class="form-group col-md-3 col-lg-3">
                            <label for="wrsDept">Department</label>
                            <input type="text" id="wrsDept" name="department" class="form-control"
                                   value="{{ $filters['department'] }}" placeholder="Department name">
                        </div>
                        <div class="form-group col-md-3 col-lg-3">
                            <label for="wrsProject">Project</label>
                            <input type="text" id="wrsProject" name="project" class="form-control"
                                   value="{{ $filters['project'] }}" placeholder="Name, code, or ID">
                        </div>
                        <div class="form-group col-md-3 col-lg-3">
                            <label for="wrsActor">Current Actor</label>
                            <input type="text" id="wrsActor" name="current_actor" class="form-control"
                                   value="{{ $filters['current_actor'] }}" placeholder="Name or user ID">
                        </div>
                        <div class="form-group col-md-3 col-lg-3">
                            <label for="wrsCreatedBy">Created By</label>
                            <input type="text" id="wrsCreatedBy" name="created_by" class="form-control"
                                   value="{{ $filters['created_by'] }}" placeholder="Name or user ID">
                        </div>
                    </div>
                    <div class="d-flex flex-wrap align-items-center">
                        <button type="submit" class="btn btn-primary mr-2">
                            <i class="fas fa-search"></i> Search
                        </button>
                        <a href="{{ route('admin-controls.workflow-rescue.search') }}" class="btn btn-outline-secondary">
                            Clear
                        </a>
                    </div>
                </form>
            </div>
        </div>

        @if ($searched)
            <div class="card card-outline card-info">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3 class="card-title mb-0">
                        Results
                        <span class="badge badge-info ml-1">{{ count($results) }}</span>
                    </h3>
                    <span class="text-muted small">Max 75 · click Diagnose to open Safe Recovery</span>
                </div>
                <div class="card-body p-0">
                    @if (empty($results))
                        <div class="wrs-empty">
                            <i class="fas fa-inbox fa-2x mb-2 d-block text-secondary"></i>
                            No imported PCFMS PCs matched your filters.
                        </div>
                    @else
                        <div class="wrs-results-wrap">
                            <table class="table table-hover table-sm wrs-results-table mb-0">
                                <thead>
                                    <tr>
                                        <th>Form ID</th>
                                        <th>PC #</th>
                                        <th>UID</th>
                                        <th>ADP #</th>
                                        <th>Source ID</th>
                                        <th>State</th>
                                        <th>Stage</th>
                                        <th>Actor</th>
                                        <th>Created By</th>
                                        <th>Scheme Name</th>
                                        <th>Date and Time</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($results as $row)
                                        <tr>
                                            <td>
                                                <strong>#{{ $row['id'] }}</strong>
                                                <div><span class="badge wrs-badge-import">Imported</span></div>
                                            </td>
                                            <td class="wrs-mono">{{ $row['pc_number'] ?: '—' }}</td>
                                            <td class="wrs-mono">{{ $row['uid'] ?: '—' }}</td>
                                            <td class="wrs-mono">{{ $row['adp'] ?: '—' }}</td>
                                            <td class="wrs-mono">{{ $row['pcfms_source_id'] ?: '—' }}</td>
                                            <td>
                                                <span class="badge wrs-badge-state">{{ $row['state'] ?: '—' }}</span>
                                                @unless ($row['status'])
                                                    <span class="badge badge-secondary">inactive</span>
                                                @endunless
                                            </td>
                                            <td>
                                                <div>{{ $row['workflow_stage_label'] ?? '—' }}</div>
                                                <code class="small text-muted">{{ $row['workflow_stage'] ?: '—' }}</code>
                                            </td>
                                            <td>
                                                {{ $row['actor'] }}
                                                @if (! empty($row['actor_id']))
                                                    <div class="text-muted small">#{{ $row['actor_id'] }}</div>
                                                @endif
                                            </td>
                                            <td>
                                                {{ $row['created_by'] }}
                                                @if (! empty($row['created_by_id']))
                                                    <div class="text-muted small">#{{ $row['created_by_id'] }}</div>
                                                @endif
                                            </td>
                                            <td class="wrs-scheme">{{ $row['scheme'] ?: '—' }}</td>
                                            <td class="wrs-mono text-nowrap">{{ $row['datetime'] ?? '—' }}</td>
                                            <td class="text-nowrap">
                                                @if (can('workflow_rescue', 'diagnose'))
                                                    <a class="btn btn-sm btn-primary"
                                                       href="{{ route('admin-controls.workflow-rescue.show', $row['id']) }}">
                                                        <i class="fas fa-stethoscope"></i> Diagnose
                                                    </a>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>
            </div>
        @else
            <div class="alert alert-light border mb-0">
                <i class="fas fa-info-circle text-info mr-1"></i>
                Enter at least one filter above to list imported PCFMS PCs.
            </div>
        @endif
    </div>
</x-layouts.page-wrapper>
@endsection