@extends('layouts.app')

@section('title', 'My Weekly Schedule')
@section('page-title', 'My Weekly Schedule')

@section('styles')
<style>
    .schedule-card {
        transition: transform 0.2s;
    }
    .schedule-card:hover {
        transform: translateY(-3px);
    }
    .client-list {
        min-height: 150px;
    }
    .client-item {
        background: #f8f9fa;
        padding: 5px 8px;
        margin-bottom: 5px;
        border-radius: 4px;
        font-size: 0.8rem;
    }
</style>
@endsection

@section('content')
@php
    use Carbon\Carbon;
    
    // Calculate dates for the week
    $startOfWeek = Carbon::now()->setISODate($currentYear, $currentWeek)->startOfWeek(Carbon::SUNDAY);
    $dates = [
        'sunday' => $startOfWeek->copy()->format('d M Y'),
        'monday' => $startOfWeek->copy()->addDay(1)->format('d M Y'),
        'tuesday' => $startOfWeek->copy()->addDay(2)->format('d M Y'),
        'wednesday' => $startOfWeek->copy()->addDay(3)->format('d M Y'),
        'thursday' => $startOfWeek->copy()->addDay(4)->format('d M Y'),
    ];
@endphp

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h6 class="mb-0"><i class="fas fa-calendar-week me-2"></i>Week {{ $currentWeek }}, {{ $currentYear }}</h6>
        <div>
            <a href="{{ route('member.weekly-schedule.index', ['week' => $currentWeek - 1, 'year' => $currentYear]) }}" class="btn btn-sm btn-secondary">
                <i class="fas fa-chevron-left"></i> Previous
            </a>
            <a href="{{ route('member.weekly-schedule.index', ['week' => $currentWeek + 1, 'year' => $currentYear]) }}" class="btn btn-sm btn-secondary ms-1">
                Next <i class="fas fa-chevron-right"></i>
            </a>
        </div>
    </div>
    <div class="card-body">
        <!-- Submit for Approval Button -->
        @php
            $hasSubmitted = $schedules->contains('status', 'submitted');
            $hasApproved = $schedules->contains('status', 'approved');
        @endphp
        
        @if(!$hasSubmitted && !$hasApproved)
            <div class="alert alert-info">
                <i class="fas fa-info-circle"></i> 
                Your schedule is in draft mode. Once you complete all days, submit for approval.
            </div>
        @elseif($hasSubmitted)
            <div class="alert alert-warning">
                <i class="fas fa-clock"></i> 
                Your schedule has been submitted and is pending leader approval.
            </div>
        @elseif($hasApproved)
            <div class="alert alert-success">
                <i class="fas fa-check-circle"></i> 
                Your schedule has been approved!
            </div>
        @endif
        
        <div class="row">
            @foreach(['sunday', 'monday', 'tuesday', 'wednesday', 'thursday'] as $day)
            @php
                $schedule = $schedules[$day] ?? null;
                $clients = $schedule->clients ?? [];
                $status = $schedule->status ?? 'draft';
                $notes = $schedule->notes ?? '';
            @endphp
            <div class="col-md-6 col-lg-4 mb-3">
                <div class="card schedule-card h-100">
                    <div class="card-header bg-{{ 
                        $day == 'sunday' ? 'danger' : 
                        ($day == 'monday' ? 'primary' : 
                        ($day == 'tuesday' ? 'success' : 
                        ($day == 'wednesday' ? 'info' : 'warning'))) 
                    }} text-white">
                        <strong>{{ ucfirst($day) }}</strong>
                        <br><small>{{ $dates[$day] }}</small>
                        @if($status == 'submitted')
                            <span class="badge bg-warning float-end">Pending</span>
                        @elseif($status == 'approved')
                            <span class="badge bg-success float-end">Approved</span>
                        @else
                            <span class="badge bg-secondary float-end">Draft</span>
                        @endif
                    </div>
                    <div class="card-body client-list">
                        @if(count($clients) > 0)
                            @foreach($clients as $index => $client)
                                <div class="client-item">
                                    <strong>{{ $index + 1 }}.</strong> {{ $client['company_name'] ?? $client['name'] ?? 'Client' }}
                                    @if(isset($client['address']))
                                        <br><small class="text-muted">{{ $client['address'] }}</small>
                                    @endif
                                    @if(isset($client['contact']))
                                        <br><small>{{ $client['contact'] }}</small>
                                    @endif
                                </div>
                            @endforeach
                            @if($notes)
                                <div class="mt-2">
                                    <small class="text-muted">
                                        <i class="fas fa-sticky-note"></i> {{ Str::limit($notes, 60) }}
                                    </small>
                                </div>
                            @endif
                        @else
                            <p class="text-muted text-center mb-0">No clients scheduled</p>
                        @endif
                    </div>
                    <div class="card-footer bg-transparent">
                        <a href="{{ route('member.weekly-schedule.edit', ['day' => $day, 'week' => $currentWeek, 'year' => $currentYear]) }}" 
                           class="btn btn-sm btn-primary w-100">
                            <i class="fas fa-edit"></i> Edit {{ ucfirst($day) }} Schedule
                        </a>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
        
        @if(!$hasSubmitted && !$hasApproved)
            <div class="text-center mt-4">
                <form method="POST" action="{{ route('member.weekly-schedule.submit') }}">
                    @csrf
                    <input type="hidden" name="week" value="{{ $currentWeek }}">
                    <input type="hidden" name="year" value="{{ $currentYear }}">
                    <button type="submit" class="btn btn-success btn-lg" onclick="return confirm('Submit your schedule for approval?')">
                        <i class="fas fa-paper-plane"></i> Submit Schedule for Approval
                    </button>
                </form>
            </div>
        @endif
    </div>
</div>
@endsection