@extends('layouts.app')

@section('title', 'Weekly Schedule Report')
@section('page-title', 'Weekly Schedule Report - Week {{ $weekNumber }}, {{ $year }}')

@section('styles')
<style>
    .report-table {
        font-size: 0.8rem;
    }
    .summary-card {
        text-align: center;
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 15px;
    }
</style>
@endsection

@section('content')
<div class="row">
    <!-- Summary Cards -->
    <div class="col-md-3">
        <div class="summary-card bg-primary text-white">
            <h3>{{ $summary['total_members'] }}</h3>
            <small>Total Members</small>
        </div>
    </div>
    <div class="col-md-3">
        <div class="summary-card bg-warning text-white">
            <h3>{{ $summary['submitted'] }}</h3>
            <small>Submitted</small>
        </div>
    </div>
    <div class="col-md-3">
        <div class="summary-card bg-success text-white">
            <h3>{{ $summary['approved'] }}</h3>
            <small>Approved</small>
        </div>
    </div>
    <div class="col-md-3">
        <div class="summary-card bg-info text-white">
            <h3>{{ $summary['total_clients'] }}</h3>
            <small>Total Client Visits</small>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h6 class="mb-0"><i class="fas fa-chart-line me-2"></i>Detailed Schedule Report</h6>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered report-table">
                <thead class="table-light">
                    <tr>
                        <th>SL No.</th>
                        <th>Team Member</th>
                        <th>Sunday</th>
                        <th>Monday</th>
                        <th>Tuesday</th>
                        <th>Wednesday</th>
                        <th>Thursday</th>
                        <th>Total Visits</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($schedules->groupBy('user_id') as $userId => $userSchedules)
                    @php
                        $user = $userSchedules->first()->user;
                        $totalVisits = $userSchedules->sum(function($s) {
                            return count($s->clients ?? []);
                        });
                        $status = $userSchedules->contains('status', 'approved') ? 'approved' : 
                                 ($userSchedules->contains('status', 'submitted') ? 'submitted' : 'draft');
                    @endphp
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td><strong>{{ $user->name }}</strong><br><small>{{ ucfirst($user->role) }}</small></td>
                        
                        @foreach(['sunday', 'monday', 'tuesday', 'wednesday', 'thursday'] as $day)
                        @php
                            $schedule = $userSchedules->firstWhere('day_of_week', $day);
                            $clients = $schedule->clients ?? [];
                        @endphp
                        <td>
                            @foreach($clients as $client)
                                <div class="client-badge">
                                    • {{ Str::limit($client['company_name'] ?? $client['name'] ?? 'Client', 30) }}
                                </div>
                            @endforeach
                            @if($schedule && $schedule->notes)
                                <small class="text-muted d-block mt-1">
                                    <i class="fas fa-note"></i> {{ Str::limit($schedule->notes, 30) }}
                                </small>
                            @endif
                        </td>
                        @endforeach
                        
                        <td><span class="badge bg-secondary">{{ $totalVisits }}</span></td>
                        <td>
                            <span class="badge bg-{{ $status == 'approved' ? 'success' : ($status == 'submitted' ? 'warning' : 'secondary') }}">
                                {{ ucfirst($status) }}
                            </span>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

<style>
    .client-badge {
        font-size: 0.7rem;
        margin-bottom: 2px;
    }
</style>
@endsection