@extends('layouts.app')

@section('title', 'Site Visit History')
@section('page-title', 'Site Visit History')

@section('content')

{{-- Filters --}}
<div class="card border-0 shadow-sm mb-4">
    <div class="card-body py-3">
        <form method="GET" action="{{ route('admin.reports.site-visits') }}" class="row g-2 align-items-end">

            <div class="col-md-3">
                <label class="form-label small fw-medium mb-1">Property</label>
                <select name="property_id" class="form-select form-select-sm">
                    <option value="">All Properties</option>
                    @foreach($properties as $prop)
                    <option value="{{ $prop->id }}" {{ request('property_id') == $prop->id ? 'selected' : '' }}>
                        {{ $prop->title }}{{ $prop->city ? ' (' . $prop->city . ')' : '' }}
                    </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Staff Name</label>
                <input type="text" name="staff" class="form-control form-control-sm"
                       value="{{ request('staff') }}" placeholder="Name contains…">
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Logged By</label>
                <select name="logged_by" class="form-select form-select-sm">
                    <option value="">Anyone</option>
                    @foreach($staffList as $u)
                    <option value="{{ $u->id }}" {{ request('logged_by') == $u->id ? 'selected' : '' }}>
                        {{ $u->name }}
                    </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">From Date</label>
                <input type="date" name="date_from" class="form-control form-control-sm"
                       value="{{ request('date_from') }}">
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">To Date</label>
                <input type="date" name="date_to" class="form-control form-control-sm"
                       value="{{ request('date_to') }}">
            </div>

            <div class="col-md-1 d-flex gap-1">
                <button type="submit" class="btn btn-primary btn-sm w-100">Filter</button>
            </div>

            @if(request()->hasAny(['property_id','staff','logged_by','date_from','date_to','client_id']))
            <div class="col-12">
                <a href="{{ route('admin.reports.site-visits') }}" class="btn btn-link btn-sm text-muted p-0">
                    <i class="bi bi-x me-1"></i>Clear filters
                </a>
            </div>
            @endif

        </form>
    </div>
</div>

{{-- Summary count --}}
<div class="d-flex align-items-center justify-content-between mb-3">
    <div class="text-muted small">
        Showing {{ $visits->firstItem() }}–{{ $visits->lastItem() }} of {{ $visits->total() }} visits
    </div>
</div>

{{-- Results table --}}
<div class="card border-0 shadow-sm">
    <div class="card-body p-0">
        @if($visits->isEmpty())
        <div class="text-center text-muted py-5 small">
            <i class="bi bi-signpost-2 d-block fs-2 mb-2 text-secondary"></i>
            No site visits match the selected filters.
        </div>
        @else
        <div class="table-responsive">
            <table class="table table-sm align-middle mb-0 small">
                <thead class="table-light">
                    <tr>
                        <th>Date &amp; Time</th>
                        <th>Client</th>
                        <th>Requirement</th>
                        <th>Stage at Visit</th>
                        <th>Property</th>
                        <th>Accompanying Staff</th>
                        <th>Notes</th>
                        <th>Logged By</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($visits as $visit)
                    @php
                        $vLead   = $visit->lead;
                        $vReq    = $vLead ? $vLead->requirement : null;
                        $vClient = $vReq ? $vReq->client : null;
                    @endphp
                    <tr>
                        <td class="text-nowrap">{{ $visit->formattedVisitDateTime() }}</td>
                        <td>
                            @if($vClient)
                            <a href="{{ route('admin.client.show', $vClient) }}" class="text-decoration-none fw-medium">
                                {{ $vClient->full_name }}
                            </a>
                            <div class="text-muted" style="font-size:0.7rem">{{ $vClient->mobile }}</div>
                            @else
                            <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td class="text-muted">
                            @if($vReq)
                            <a href="{{ route('admin.client.requirement.show', [$vClient, $vReq]) }}"
                               class="text-decoration-none text-muted">
                                {{ \App\Models\ClientRequirement::INTEREST_TYPES[$vReq->interest_type] ?? $vReq->interest_type }}
                                @if($vReq->property_type)
                                    · {{ \App\Models\ClientRequirement::PROPERTY_TYPES[$vReq->property_type] ?? '' }}
                                @endif
                            </a>
                            @if($vLead)
                            <div>
                                <a href="{{ route('admin.leads.show', $vLead) }}" class="text-decoration-none" style="font-size:0.7rem">
                                    <i class="bi bi-funnel me-1"></i>View Lead
                                </a>
                            </div>
                            @endif
                            @else
                            —
                            @endif
                        </td>
                        <td>
                            @if($visit->stageSnapshot)
                            <span class="badge" style="background-color:{{ $visit->stageSnapshot->color }}">
                                {{ $visit->stageSnapshot->name }}
                            </span>
                            @else
                            <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>
                            @if($visit->property)
                            <a href="{{ route('admin.property.show', $visit->property) }}" class="text-decoration-none fw-medium">
                                {{ $visit->property->title }}
                            </a>
                            @if($visit->property->city)
                            <div class="text-muted" style="font-size:0.7rem">{{ $visit->property->city }}</div>
                            @endif
                            @else
                            <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>{{ $visit->accompanying_staff }}</td>
                        <td class="text-muted" style="max-width:200px">{{ $visit->notes ?: '—' }}</td>
                        <td class="text-muted">{{ optional($visit->loggedBy)->name ?? '—' }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if($visits->hasPages())
        <div class="px-3 py-2 border-top">
            {{ $visits->links() }}
        </div>
        @endif

        @endif
    </div>
</div>

@endsection