@extends('layouts.app')

@section('title', 'Team Progress')
@section('page-title', 'Team Progress Tracking - ' . $team->team_name)

@section('content')
<div class="row">
    <div class="col-md-12 mb-3">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h6 class="mb-0"><i class="fas fa-chart-line me-2"></i>Current Progress</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <h6>Premium Target Progress</h6>
                        <div class="progress mb-3" style="height: 30px;">
                            <div class="progress-bar progress-bar-custom" style="width: {{ $team->getPremiumProgressPercentage() }}%">
                                {{ number_format($team->getPremiumProgressPercentage(), 1) }}%
                            </div>
                        </div>
                        <p class="text-muted">
                            Achieved: {{ number_format($team->current_premium) }} BDT | 
                            Target: {{ number_format($team->target_premium) }} BDT
                        </p>
                    </div>
                    <div class="col-md-6">
                        <h6>Client Acquisition Progress</h6>
                        <div class="progress mb-3" style="height: 30px;">
                            <div class="progress-bar bg-info" style="width: {{ $team->getClientProgressPercentage() }}%">
                                {{ number_format($team->getClientProgressPercentage(), 1) }}%
                            </div>
                        </div>
                        <p class="text-muted">
                            Acquired: {{ $team->current_clients }} | 
                            Target: {{ $team->target_clients }} Clients
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="col-md-6 mb-3">
        <div class="card">
            <div class="card-header bg-success text-white">
                <h6 class="mb-0"><i class="fas fa-plus-circle me-2"></i>Update Weekly Progress</h6>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('leader.progress.update') }}">
                    @csrf
                    
                    <div class="mb-3">
                        <label class="form-label">Premium Achieved This Week (BDT) <span class="text-danger">*</span></label>
                        <input type="number" step="0.01" name="premium_achieved" class="form-control" required placeholder="e.g., 500000">
                        <small class="text-muted">Total premium collected this week</small>
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label">New Clients Acquired <span class="text-danger">*</span></label>
                        <input type="number" name="clients_acquired" class="form-control" required placeholder="e.g., 3">
                        <small class="text-muted">Number of new corporate clients this week</small>
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label">Service Tasks Completed <span class="text-danger">*</span></label>
                        <input type="number" name="service_tasks" class="form-control" required placeholder="e.g., 5">
                        <small class="text-muted">Service coordination tasks completed</small>
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label">Additional Notes</label>
                        <textarea name="notes" class="form-control" rows="3" placeholder="Any challenges, achievements, or remarks..."></textarea>
                    </div>
                    
                    <button type="submit" class="btn btn-success w-100">
                        <i class="fas fa-save me-1"></i> Save Weekly Progress
                    </button>
                </form>
            </div>
        </div>
    </div>
    
    <div class="col-md-6 mb-3">
        <div class="card">
            <div class="card-header bg-info text-white">
                <h6 class="mb-0"><i class="fas fa-history me-2"></i>Current Week Status</h6>
            </div>
            <div class="card-body">
                @if($currentWeekProgress)
                    <div class="alert alert-success">
                        <strong>Week of {{ $currentWeekProgress->week_start_date->format('d M Y') }}</strong>
                    </div>
                    <table class="table table-bordered">
                        <tr>
                            <th>Premium Achieved:</th>
                            <td>{{ number_format($currentWeekProgress->premium_achieved_this_week) }} BDT</td>
                        </tr>
                        <tr>
                            <th>New Clients:</th>
                            <td>{{ $currentWeekProgress->clients_acquired_this_week }}</td>
                        </tr>
                        <tr>
                            <th>Service Tasks:</th>
                            <td>{{ $currentWeekProgress->service_tasks_completed }}</td>
                        </tr>
                        @if($currentWeekProgress->notes)
                        <tr>
                            <th>Notes:</th>
                            <td>{{ $currentWeekProgress->notes }}</td>
                        </tr>
                        @endif
                    </table>
                @else
                    <p class="text-muted text-center">No progress recorded for this week yet.</p>
                @endif
            </div>
        </div>
    </div>
    
    <div class="col-md-12 mb-3">
        <div class="card">
            <div class="card-header">
                <h6 class="mb-0"><i class="fas fa-chart-bar me-2"></i>Progress History (Last 12 Weeks)</h6>
            </div>
            <div class="card-body">
                @if($history->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover">
                            <thead class="table-light">
                                <tr>
                                    <th>Week</th>
                                    <th>Premium (BDT)</th>
                                    <th>New Clients</th>
                                    <th>Service Tasks</th>
                                    <th>Notes</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($history as $record)
                                <tr>
                                    <td>{{ $record->week_start_date->format('d M') }} - {{ $record->week_end_date->format('d M Y') }}</td>
                                    <td>{{ number_format($record->premium_achieved_this_week) }}</td>
                                    <td>{{ $record->clients_acquired_this_week }}</td>
                                    <td>{{ $record->service_tasks_completed }}</td>
                                    <td>{{ Str::limit($record->notes, 50) }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p class="text-muted text-center">No history available. Start recording your weekly progress.</p>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection