@page "/schedules"
@using NimbusFlow.Frontend.Services
@using NimbusFlow.Frontend.Models
@inject IApiService ApiService
@inject IJSRuntime JSRuntime

<PageTitle>Schedules</PageTitle>

<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="nimbus-page-title">
        <i class="bi bi-calendar3 me-3"></i>Schedules
    </h1>
    <a href="/schedules/create" class="btn btn-nimbus-primary">
        <i class="bi bi-calendar-plus-fill me-2"></i>Schedule Member
    </a>
</div>

@if (loading)
{
    <div class="text-center">
        <div class="spinner-border" role="status">
            <span class="visually-hidden">Loading...</span>
        </div>
    </div>
}
else if (schedules.Any())
{
    <!-- Filter Controls -->
    <div class="row mb-3">
        <div class="col-md-4">
            <select class="form-select" @bind="selectedStatus">
                <option value="">All Statuses</option>
                <option value="pending">Pending</option>
                <option value="accepted">Accepted</option>
                <option value="declined">Declined</option>
            </select>
        </div>
        <div class="col-md-4">
            <input type="date" class="form-control" @bind="filterDate" />
        </div>
        <div class="col-md-4">
            <button class="btn btn-outline-secondary" @onclick="ClearFilters">Clear Filters</button>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>Member</th>
                                    <th>Service Date</th>
                                    <th>Service Type</th>
                                    <th>Status</th>
                                    <th>Scheduled At</th>
                                    <th>Response Date</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var schedule in filteredSchedules.OrderByDescending(s => s.ScheduledAt))
                                {
                                    <tr>
                                        <td>
                                            <strong>@schedule.Member?.FullName</strong>
                                        </td>
                                        <td>
                                            @schedule.Service?.ServiceDate.ToString("MMM dd, yyyy")
                                        </td>
                                        <td>
                                            <span class="badge" style="background-color: var(--nimbus-gold); color: var(--nimbus-navy);">@schedule.Service?.ServiceTypeName</span>
                                        </td>
                                        <td>
                                            <span class="badge @GetStatusBadgeClass(schedule.Status)">
                                                @schedule.Status.ToUpper()
                                            </span>
                                        </td>
                                        <td>
                                            @schedule.ScheduledAt.ToString("MMM dd, yyyy HH:mm")
                                        </td>
                                        <td>
                                            @if (schedule.AcceptedAt.HasValue)
                                            {
                                                @schedule.AcceptedAt.Value.ToString("MMM dd, yyyy HH:mm")
                                            }
                                            else if (schedule.DeclinedAt.HasValue)
                                            {
                                                @schedule.DeclinedAt.Value.ToString("MMM dd, yyyy HH:mm")
                                            }
                                            else
                                            {
                                                <span class="text-muted">-</span>
                                            }
                                        </td>
                                        <td>
                                            <div class="btn-group" role="group">
                                                <button class="btn btn-sm btn-success me-1" 
                                                        disabled="@(schedule.Status != "pending")"
                                                        @onclick="() => AcceptSchedule(schedule.ScheduleId)">
                                                    <i class="bi bi-check-circle-fill me-1"></i>Accept
                                                </button>
                                                <button class="btn btn-sm btn-warning me-1" 
                                                        disabled="@(schedule.Status != "pending")"
                                                        @onclick="() => ShowDeclineModal(schedule)">
                                                    <i class="bi bi-x-circle-fill me-1"></i>Decline
                                                </button>
                                                <a href="/schedules/@schedule.ScheduleId" class="btn btn-sm btn-nimbus-secondary me-1">
                                                    <i class="bi bi-eye-fill me-1"></i>View
                                                </a>
                                                <button class="btn btn-sm btn-outline-danger" @onclick="() => ConfirmRemove(schedule)">
                                                    <i class="bi bi-trash-fill me-1"></i>Remove
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                }
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="row mt-3">
        <div class="col-md-12">
            <small class="text-muted">
                Showing @filteredSchedules.Count() of @schedules.Count schedules
            </small>
        </div>
    </div>
}
else
{
    <div class="text-center">
        <div class="alert alert-info">
            <h4>No Schedules Found</h4>
            <p>There are currently no schedules in the system.</p>
            <a href="/schedules/create" class="btn btn-primary">Create Your First Schedule</a>
        </div>
    </div>
}

<!-- Decline Modal -->
@if (showDeclineModal)
{
    <div class="modal d-block" tabindex="-1" style="background: rgba(0,0,0,0.5);">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Decline Schedule</h5>
                    <button type="button" class="btn-close" @onclick="HideDeclineModal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">Decline Reason (Optional)</label>
                        <textarea class="form-control" @bind="declineReason" rows="3" placeholder="Enter reason for declining..."></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" @onclick="HideDeclineModal">Cancel</button>
                    <button type="button" class="btn btn-warning" @onclick="ConfirmDecline">Decline Schedule</button>
                </div>
            </div>
        </div>
    </div>
}

@code {
    private List<Schedule> schedules = new();
    private bool loading = true;
    private string selectedStatus = "";
    private DateTime? filterDate;
    private bool showDeclineModal = false;
    private Schedule? scheduleToDecline;
    private string declineReason = "";
    
    private IEnumerable<Schedule> filteredSchedules
    {
        get
        {
            var filtered = schedules.AsEnumerable();
            
            if (!string.IsNullOrEmpty(selectedStatus))
            {
                filtered = filtered.Where(s => s.Status == selectedStatus);
            }
            
            if (filterDate.HasValue)
            {
                filtered = filtered.Where(s => s.Service?.ServiceDate.Date == filterDate.Value.Date);
            }
            
            return filtered;
        }
    }

    protected override async Task OnInitializedAsync()
    {
        await LoadSchedules();
    }

    private async Task LoadSchedules()
    {
        try
        {
            loading = true;
            schedules = await ApiService.GetSchedulesAsync();
        }
        catch (Exception ex)
        {
            Console.WriteLine($"Error loading schedules: {ex.Message}");
        }
        finally
        {
            loading = false;
        }
    }

    private string GetStatusBadgeClass(string status)
    {
        return status switch
        {
            "pending" => "badge-nimbus-pending",
            "accepted" => "badge-nimbus-accepted",
            "declined" => "badge-nimbus-declined",
            _ => "badge-nimbus-inactive"
        };
    }

    private async Task AcceptSchedule(int scheduleId)
    {
        try
        {
            await ApiService.AcceptScheduleAsync(scheduleId);
            await LoadSchedules(); // Refresh the list
        }
        catch (Exception ex)
        {
            Console.WriteLine($"Error accepting schedule: {ex.Message}");
        }
    }

    private void ShowDeclineModal(Schedule schedule)
    {
        scheduleToDecline = schedule;
        declineReason = "";
        showDeclineModal = true;
    }

    private void HideDeclineModal()
    {
        showDeclineModal = false;
        scheduleToDecline = null;
        declineReason = "";
    }

    private async Task ConfirmDecline()
    {
        if (scheduleToDecline != null)
        {
            try
            {
                await ApiService.DeclineScheduleAsync(scheduleToDecline.ScheduleId, declineReason);
                await LoadSchedules(); // Refresh the list
                HideDeclineModal();
            }
            catch (Exception ex)
            {
                Console.WriteLine($"Error declining schedule: {ex.Message}");
            }
        }
    }

    private async Task ConfirmRemove(Schedule schedule)
    {
        var confirmed = await JSRuntime.InvokeAsync<bool>("confirm", $"Are you sure you want to remove the schedule for {schedule.Member?.FullName}?");
        if (confirmed)
        {
            try
            {
                var success = await ApiService.RemoveScheduleAsync(schedule.ScheduleId);
                if (success)
                {
                    await LoadSchedules(); // Refresh the list
                }
            }
            catch (Exception ex)
            {
                Console.WriteLine($"Error removing schedule: {ex.Message}");
            }
        }
    }

    private void ClearFilters()
    {
        selectedStatus = "";
        filterDate = null;
    }
}