@extends('layouts.app')
@section('page-title','Follow-Ups')

@section('content')
<div class="card" style="margin-bottom:16px">
    <div class="card-body" style="padding:14px 20px">
        <form method="GET" class="filter-bar">
            <a href="{{ route('follow-ups.index') }}" class="btn {{ !request('filter')?'btn-primary':'btn-secondary' }}">All</a>
            <a href="{{ route('follow-ups.index',['filter'=>'today']) }}" class="btn {{ request('filter')==='today'?'btn-primary':'btn-secondary' }}">📅 Today</a>
            <a href="{{ route('follow-ups.index',['filter'=>'overdue']) }}" class="btn {{ request('filter')==='overdue'?'btn-primary btn-danger':'btn-secondary' }}">⚠️ Overdue</a>
            <a href="{{ route('follow-ups.index',['filter'=>'done']) }}" class="btn {{ request('filter')==='done'?'btn-primary':'btn-secondary' }}">✅ Done</a>
        </form>
    </div>
</div>

<div class="card">
    <div class="table-wrap">
        <table>
            <thead><tr><th>Lead</th><th>Type</th><th>Scheduled</th><th>Status</th><th>Notes</th><th>By</th><th></th></tr></thead>
            <tbody>
            @forelse($followUps as $fu)
            @php $overdue = !$fu->completed_at && $fu->scheduled_at->isPast(); @endphp
            <tr style="{{ $overdue ? 'background:#fff5f5' : '' }}">
                <td>
                    <div style="font-weight:500">{{ $fu->lead?->customer_name ?? '—' }}</div>
                    <div style="font-size:12px;color:#64748b">{{ $fu->lead?->lead_number ?? '' }}</div>
                </td>
                <td><span class="badge badge-info">{{ ucfirst($fu->followup_type) }}</span></td>
                <td style="font-size:13px;white-space:nowrap">
                    {{ $fu->scheduled_at->format('d M Y, H:i') }}
                    @if($overdue)<br><span style="font-size:11px;color:#dc2626;font-weight:600">OVERDUE</span>@endif
                </td>
                <td>
                    @if($fu->completed_at)
                        <span class="badge badge-success">Completed</span>
                    @elseif($overdue)
                        <span class="badge badge-danger">Overdue</span>
                    @else
                        <span class="badge badge-warning">Pending</span>
                    @endif
                </td>
                <td style="font-size:12px;color:#64748b;max-width:200px">{{ Str::limit($fu->notes,60) }}</td>
                <td style="font-size:12px">{{ $fu->createdBy?->full_name ?? '—' }}</td>
                <td>
                    <div style="display:flex;gap:6px">
                    @if(!$fu->completed_at)
                    <form method="POST" action="{{ route('follow-ups.complete',$fu) }}">@csrf
                        <button type="submit" class="btn btn-success btn-sm btn-icon" title="Mark complete"><i class="fas fa-check"></i></button>
                    </form>
                    @endif
                    <form method="POST" action="{{ route('follow-ups.destroy',$fu) }}" onsubmit="return confirm('Delete?')">
                        @csrf @method('DELETE')
                        <button type="submit" class="btn btn-secondary btn-sm btn-icon" title="Delete"><i class="fas fa-trash"></i></button>
                    </form>
                    </div>
                </td>
            </tr>
            @empty
            <tr><td colspan="7" style="text-align:center;padding:40px;color:#94a3b8">No follow-ups found.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="pagination">{{ $followUps->links('vendor.pagination.simple') }}</div>
</div>
@endsection