@php
$configData = Helper::appClasses();
@endphp

@extends('layouts/layoutMaster')

@section('title', 'Global Maintenance - Administration')

@section('content')
<div class="container-fluid">
  <div class="mb-4 d-flex justify-content-between align-items-center flex-wrap gap-2">
    <div>
      <h4 class="mb-0">Global Maintenance SLA Operations</h4>
      <p class="text-muted mb-0">Track ticket timelines, manage SLA warnings, and assign active contractors.</p>
    </div>
    <span class="badge bg-label-primary">Total Issues: {{ $requests->count() }}</span>
  </div>

  @if (session('success'))
    <div class="alert alert-success mb-4">{{ session('success') }}</div>
  @endif

  <div class="row">
    <!-- Active Service Providers Workload Card -->
    <div class="col-12 mb-6">
      <div class="card">
        <div class="card-header border-bottom">
          <h5 class="mb-0"><i class="bi bi-people me-2 text-secondary"></i>Registered Service Providers & Workload</h5>
        </div>
        <div class="card-body pt-4">
          <div class="row g-4">
            @forelse($providers as $provider)
              @php
                $activeWorkload = \App\Models\MaintenanceRequest::where('provider_id', $provider->id)
                    ->where('status', '!=', 'resolved')
                    ->count();
              @endphp
              <div class="col-md-4">
                <div class="p-3 border rounded d-flex align-items-center justify-content-between bg-body">
                  <div>
                    <h6 class="mb-1fw-bold">{{ $provider->name }}</h6>
                    <small class="text-muted d-block"><i class="bi bi-telephone me-1"></i>{{ $provider->phone_number }}</small>
                    <small class="text-muted d-block"><i class="bi bi-geo-alt me-1"></i>{{ $provider->physical_address ?? 'Nairobi' }}</small>
                  </div>
                  <div class="text-end">
                    <span class="badge bg-label-{{ $activeWorkload > 2 ? 'danger' : ($activeWorkload > 0 ? 'warning' : 'success') }} rounded-pill">
                      {{ $activeWorkload }} Active Tasks
                    </span>
                  </div>
                </div>
              </div>
            @empty
              <div class="col-12 text-center text-muted">No service providers registered.</div>
            @endforelse
          </div>
        </div>
      </div>
    </div>

    <!-- Maintenance Escalation Ledger -->
    <div class="col-12">
      <div class="card">
        <div class="card-header border-bottom">
          <h5 class="mb-0"><i class="bi bi-tools me-2 text-primary"></i>Global Tickets Directory & Reassignments</h5>
        </div>
        <div class="table-responsive text-nowrap">
          <table class="table table-hover">
            <thead>
              <tr>
                <th>Ticket ID</th>
                <th>Property & Unit</th>
                <th>Category</th>
                <th>Issue Title</th>
                <th>Reported Date</th>
                <th>SLA Timer</th>
                <th>Status</th>
                <th>Assigned Provider</th>
                <th>Actions</th>
              </tr>
            </thead>
            <tbody class="table-border-bottom-0">
              @forelse($requests as $req)
                @php
                  $hoursElapsed = $req->created_at->diffInHours(now());
                  $daysElapsed = $req->created_at->diffInDays(now());
                @endphp
                <tr>
                  <td><code>#MR-{{ str_pad($req->id, 4, '0', STR_PAD_LEFT) }}</code></td>
                  <td>
                    <div><strong>{{ $req->property->name }}</strong></div>
                    <small class="text-muted">Unit {{ $req->unit->unit_number }}</small>
                  </td>
                  <td>
                    <span class="badge bg-label-secondary">{{ ucfirst($req->category) }}</span>
                  </td>
                  <td>
                    <div class="fw-medium text-heading" title="{{ $req->description }}">{{ $req->title }}</div>
                    <small class="text-muted text-truncate d-inline-block" style="max-width: 180px;">{{ $req->description }}</small>
                  </td>
                  <td>{{ $req->created_at->format('d M Y, h:i A') }}</td>
                  <td>
                    @if($req->status === 'resolved')
                      <span class="badge bg-label-success">Resolved in {{ $req->updated_at->diffInHours($req->created_at) }} hrs</span>
                    @else
                      @if($hoursElapsed > 48)
                        <span class="badge bg-danger bg-glow" data-bs-toggle="tooltip" title="Urgent escalation needed! Over 48 hours elapsed.">
                          Overdue ({{ $daysElapsed }} days)
                        </span>
                      @elseif($hoursElapsed > 24)
                        <span class="badge bg-warning bg-glow" data-bs-toggle="tooltip" title="Nearing SLA threshold.">
                          Warning ({{ $hoursElapsed }} hrs)
                        </span>
                      @else
                        <span class="badge bg-success bg-glow">
                          On Time ({{ $hoursElapsed }} hrs)
                        </span>
                      @endif
                    @endif
                  </td>
                  <td>
                    @if($req->status === 'resolved')
                      <span class="badge bg-success">Resolved</span>
                    @elseif($req->status === 'assigned')
                      <span class="badge bg-info">Assigned</span>
                    @else
                      <span class="badge bg-warning">Pending</span>
                    @endif
                  </td>
                  <td>
                    <span class="fw-semibold text-heading">{{ $req->provider->name ?? 'Unassigned' }}</span>
                  </td>
                  <td>
                    <!-- Dispatch & Reassign Form -->
                    <form action="{{ route('admin.maintenance.reassign', $req->id) }}" method="POST" class="d-flex align-items-center gap-1">
                      @csrf
                      <select name="provider_id" class="form-select form-select-sm" style="min-width: 140px;" onchange="this.form.submit()">
                        <option value="">-- Assign Vendor --</option>
                        @foreach($providers as $prov)
                          <option value="{{ $prov->id }}" {{ $req->provider_id === $prov->id ? 'selected' : '' }}>
                            {{ $prov->name }}
                          </option>
                        @endforeach
                      </select>
                    </form>
                  </td>
                </tr>
              @empty
                <tr>
                  <td colspan="9" class="text-center py-4 text-muted">No maintenance requests logged in the system.</td>
                </tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection