@extends('layouts.app')
@section('title', 'Repairs')
@section('breadcrumb')
<li class="breadcrumb-item active">Repairs</li>
@endsection
@section('content')

<div class="page-header d-flex justify-content-between align-items-center">
    <div>
        <h1 class="page-title"><i class="bi bi-tools me-2" style="color:#1d4ed8;"></i>Repair & Service</h1>
        <p class="page-subtitle">Manage repair tickets, technician assignments and delivery</p>
    </div>
    @can_permission('repair.create')
    <a href="{{ route('repairs.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-lg me-1"></i> New Ticket
    </a>
    @endcan_permission
</div>

{{-- Status Stats --}}
<div class="row g-2 mb-3">
    @php
    $statColors = ['pending'=>['#fef3c7','#d97706'],'diagnosing'=>['#ede9fe','#7c3aed'],'in_progress'=>['#dbeafe','#1d4ed8'],'completed'=>['#d1fae5','#059669'],'delivered'=>['#f0fdf4','#16a34a'],'cancelled'=>['#f1f5f9','#64748b']];
    @endphp
    @foreach(App\Models\RepairTicket::STATUSES as $key => $label)
    <div class="col-6 col-md-2">
        <a href="{{ route('repairs.index', ['status' => $key]) }}" style="text-decoration:none;">
        <div class="card text-center p-2" style="border-left:3px solid {{ $statColors[$key][1] ?? '#64748b' }};">
            <div style="font-size:1.5rem;font-weight:800;color:{{ $statColors[$key][1] ?? '#64748b' }};">{{ $statusCounts[$key] ?? 0 }}</div>
            <div style="font-size:.72rem;color:#64748b;font-weight:600;">{{ $label }}</div>
        </div>
        </a>
    </div>
    @endforeach
</div>

@if($overdueCount > 0)
<div class="alert alert-danger d-flex align-items-center mb-3">
    <i class="bi bi-exclamation-triangle-fill me-2"></i>
    <strong>{{ $overdueCount }} ticket(s)</strong>&nbsp;are past their expected delivery date.
    <a href="{{ route('repairs.index') }}" class="ms-2 alert-link">View overdue →</a>
</div>
@endif

<div class="card mb-3">
    <div class="card-body py-2">
        <form method="GET" class="row g-2 align-items-center">
            <div class="col-12 col-md-4">
                <input type="text" name="search" class="form-control" placeholder="Ticket #, device, serial, customer..." value="{{ $search }}">
            </div>
            <div class="col-6 col-md-2">
                <select name="status" class="form-select">
                    <option value="">All Status</option>
                    @foreach(App\Models\RepairTicket::STATUSES as $key => $label)
                    <option value="{{ $key }}" {{ $status === $key ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-md-2">
                <select name="technician_id" class="form-select">
                    <option value="">All Technicians</option>
                    @foreach($technicians as $tech)
                    <option value="{{ $tech->id }}" {{ $technician == $tech->id ? 'selected' : '' }}>{{ $tech->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-md-2"><input type="date" name="from" class="form-control" value="{{ $from }}"></div>
            <div class="col-6 col-md-1"><input type="date" name="to" class="form-control" value="{{ $to }}"></div>
            <div class="col-auto d-flex gap-1">
                <button type="submit" class="btn btn-primary"><i class="bi bi-search"></i></button>
                <a href="{{ route('repairs.index') }}" class="btn btn-outline-secondary"><i class="bi bi-x"></i></a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">Repair Tickets ({{ $tickets->total() }})</div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table mb-0">
                <thead>
                    <tr>
                        <th>Ticket #</th>
                        <th>Customer</th>
                        <th>Device</th>
                        <th>Problem</th>
                        <th>Technician</th>
                        <th>Received</th>
                        <th>Expected</th>
                        <th>Cost</th>
                        <th>Status</th>
                        <th style="width:90px;">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($tickets as $ticket)
                    @php
                    $isOverdue = $ticket->expected_delivery && $ticket->expected_delivery < today() && !in_array($ticket->status, ['delivered','cancelled']);
                    @endphp
                    <tr class="{{ $isOverdue ? 'table-danger' : '' }}" style="--bs-table-bg:transparent;">
                        <td>
                            <a href="{{ route('repairs.show', $ticket) }}" style="font-weight:700;color:#1d4ed8;text-decoration:none;font-family:monospace;font-size:.9rem;">
                                {{ $ticket->ticket_no }}
                            </a>
                        </td>
                        <td>
                            <div class="fw-600" style="font-size:.875rem;">{{ $ticket->customer->name }}</div>
                            <div style="font-size:.75rem;color:#64748b;">{{ $ticket->customer->phone }}</div>
                        </td>
                        <td>
                            <div style="font-size:.875rem;">{{ $ticket->device_name }}</div>
                            @if($ticket->device_model)<div style="font-size:.75rem;color:#64748b;">{{ $ticket->device_model }}</div>@endif
                            @if($ticket->serial_no)<code style="font-size:.72rem;">{{ $ticket->serial_no }}</code>@endif
                        </td>
                        <td style="max-width:180px;">
                            <div style="font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" title="{{ $ticket->problem_description }}">
                                {{ Str::limit($ticket->problem_description, 60) }}
                            </div>
                        </td>
                        <td style="font-size:.825rem;">{{ $ticket->technician?->name ?? '—' }}</td>
                        <td style="font-size:.8rem;">{{ $ticket->received_date->format('d M Y') }}</td>
                        <td style="font-size:.8rem;{{ $isOverdue ? 'color:#dc2626;font-weight:600;' : '' }}">
                            {{ $ticket->expected_delivery?->format('d M Y') ?? '—' }}
                            @if($isOverdue)<div style="font-size:.7rem;">OVERDUE</div>@endif
                        </td>
                        <td>
                            @if($ticket->actual_cost > 0)
                            <span class="fw-600">৳{{ number_format($ticket->actual_cost, 0) }}</span>
                            @elseif($ticket->estimated_cost > 0)
                            <span class="text-muted" style="font-size:.8rem;">~৳{{ number_format($ticket->estimated_cost, 0) }}</span>
                            @else
                            <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>
                            @php $rc=['pending'=>'warning','diagnosing'=>'info','in_progress'=>'primary','completed'=>'success','delivered'=>'success','cancelled'=>'secondary']; @endphp
                            <span class="badge bg-{{ $rc[$ticket->status] ?? 'secondary' }}" style="font-size:.7rem;">
                                {{ $ticket->status_name }}
                            </span>
                        </td>
                        <td>
                            <div class="d-flex gap-1">
                                <a href="{{ route('repairs.show', $ticket) }}" class="btn btn-sm btn-outline-info" title="View"><i class="bi bi-eye"></i></a>
                                @can_permission('repair.edit')
                                <a href="{{ route('repairs.edit', $ticket) }}" class="btn btn-sm btn-outline-primary" title="Edit"><i class="bi bi-pencil"></i></a>
                                @endcan_permission
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="10" class="text-center py-5 text-muted">
                            <i class="bi bi-tools" style="font-size:2.5rem;display:block;margin-bottom:.5rem;"></i>
                            No repair tickets found. <a href="{{ route('repairs.create') }}">Create your first ticket</a>.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($tickets->hasPages())<div class="card-footer">{{ $tickets->links() }}</div>@endif
</div>

@endsection