@extends('layouts.app')

@section('title', 'My Clients')
@section('page-title', 'My Assigned Clients')

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h6 class="mb-0"><i class="fas fa-user-check me-2"></i>Clients Assigned to Me</h6>
        <a href="{{ route('member.clients.create') }}" class="btn btn-sm btn-primary">
            <i class="fas fa-plus me-1"></i> Add New Client
        </a>
    </div>
    <div class="card-body">
        <div class="row mb-3">
            <div class="col-md-4">
                <div class="alert alert-info text-center">
                    <strong>My Clients:</strong> {{ $stats['total'] }}
                </div>
            </div>
            <div class="col-md-4">
                <div class="alert alert-success text-center">
                    <strong>Active Clients:</strong> 
                    {{ $clients->where('status', 'active')->count() }}
                </div>
            </div>
            <div class="col-md-4">
                <div class="alert alert-warning text-center">
                    <strong>Unassigned Available:</strong> {{ $stats['unassigned_available'] }}
                </div>
            </div>
        </div>
        
        @if($clients->count() > 0)
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead class="table-light">
                        <tr>
                            <th>#</th>
                            <th>Company</th>
                            <th>Contact</th>
                            <th>Premium</th>
                            <th>Renewal Date</th>
                            <th>Status</th>
                            <th>Added Date</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($clients as $index => $client)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>
                                <strong>{{ $client->company_name }}</strong>
                                @if($client->policy_number)
                                    <br><small class="text-muted">Policy: {{ $client->policy_number }}</small>
                                @endif
                            </td>
                            <td>
                                {{ $client->contact_person ?? 'N/A' }}
                                @if($client->email)
                                    <br><small>{{ $client->email }}</small>
                                @endif
                                <br>{{ $client->phone ?? 'N/A' }}
                            </td>
                            <td>{{ number_format($client->premium_amount ?? 0) }} BDT<br>
                                <small>Created: {{ $client->created_at->format('d M Y') }}</small>
                            </td>
                            <td>
                                @if($client->renewal_date)
                                    <span class="{{ $client->renewal_date < now() ? 'text-danger' : '' }}">
                                        {{ $client->renewal_date->format('d M Y') }}
                                    </span>
                                    @if($client->renewal_date && $client->renewal_date->diffInDays(now()) <= 30)
                                        <br><small class="text-danger">⚠ Upcoming renewal</small>
                                    @endif
                                @else
                                    N/A
                                @endif
                            </td>
                            <td>
                                <span class="badge bg-{{ $client->status == 'active' ? 'success' : ($client->status == 'prospect' ? 'warning' : 'secondary') }}">
                                    {{ ucfirst($client->status) }}
                                </span>
                             </br>
                                @if($client->created_by == Auth::id())
                                    <small class="text-muted">Added by me</small>
                                @endif
                            </td>
                            <td>
                                <small>{{ $client->created_at->format('d M Y') }}</small>
                             </br>
                                <small class="text-muted">{{ $client->created_at->diffForHumans() }}</small>
                            </td>
                            <td>
                                <div class="btn-group-vertical btn-group-sm w-100">
                                    <a href="{{ route('member.activities.create', ['client_id' => $client->id]) }}" class="btn btn-primary btn-sm">
                                        <i class="fas fa-plus"></i> Log Activity
                                    </a>
                                    <button type="button" class="btn btn-info btn-sm mt-1" onclick="viewDetails({{ $client->id }})">
                                        <i class="fas fa-eye"></i> View Details
                                    </button>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            
            <div class="d-flex justify-content-center mt-3">
                {{ $clients->appends(request()->query())->links() }}
            </div>
        @else
            <div class="text-center py-4">
                <i class="fas fa-building fa-4x text-muted mb-3"></i>
                <p class="text-muted">No clients assigned to you yet.</p>
                <a href="{{ route('member.clients.create') }}" class="btn btn-primary">
                    <i class="fas fa-plus me-1"></i> Add Your First Client
                </a>
                @if($stats['unassigned_available'] > 0)
                    <a href="#" class="btn btn-info ms-2">Request Unassigned Clients</a>
                @endif
            </div>
        @endif
    </div>
</div>

<style>
    .table-responsive {
        overflow-x: auto;
    }
    .btn-group-vertical {
        min-width: 100px;
    }
</style>

<script>
function requestAssignment(clientId) {
    alert('Assignment request sent to Team Leader for client ID: ' + clientId);
}

function viewDetails(clientId) {
    alert('Client details feature coming soon. Client ID: ' + clientId);
}
</script>
@endsection