@page "/recorrencias"

<PageTitle>Recorrências - FinControl</PageTitle>

<div class="recorrencias-container">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2><i class="bi bi-arrow-repeat"></i> Transações Recorrentes</h2>
        <button class="btn btn-primary" @onclick="AbrirModalNovaRecorrencia">
            <i class="bi bi-plus-circle"></i> Nova Recorrência
        </button>
    </div>

    <div class="row mb-4">
        <div class="col-md-4">
            <div class="card shadow-sm">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Recorrências Ativas</h6>
                    <h3 class="text-primary mb-0">@recorrencias.Count(r => r.Ativa)</h3>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow-sm">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Valor Total/Mês</h6>
                    <h3 class="text-success mb-0">R$ @recorrencias.Where(r => r.Ativa).Sum(r => r.Valor).ToString("F2")</h3>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow-sm">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Próxima Execução</h6>
                    <h3 class="text-info mb-0">@(recorrencias.OrderBy(r => r.ProximaExecucao).FirstOrDefault()?.ProximaExecucao.ToString("dd/MM") ?? "N/A")</h3>
                </div>
            </div>
        </div>
    </div>

    <ul class="nav nav-tabs mb-4">
        <li class="nav-item">
            <button class="nav-link @(abaAtiva == "ativas" ? "active" : "")"
                    @onclick="@((MouseEventArgs e) => MudarAba("ativas"))">
                <i class="bi bi-check-circle"></i> Ativas
            </button>
        </li>
        <li class="nav-item">
            <button class="nav-link @(abaAtiva == "inativas" ? "active" : "")"
                    @onclick="@((MouseEventArgs e) => MudarAba("inativas"))">
                <i class="bi bi-pause-circle"></i> Inativas
            </button>
        </li>
    </ul>

    @if (RecorrenciasExibidas.Any())
    {
        <div class="table-responsive">
            <table class="table table-hover">
                <thead class="table-light">
                    <tr>
                        <th>Descrição</th>
                        <th>Frequência</th>
                        <th>Valor</th>
                        <th>Conta</th>
                        <th>Próxima Execução</th>
                        <th class="text-center">Execuções Restantes</th>
                        <th class="text-end">Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var rec in RecorrenciasExibidas)
                    {
                        var proximaExecucaoPassou = rec.ProximaExecucao <= DateTime.Now;

                        <tr class="@(proximaExecucaoPassou ? "table-warning" : "")">
                            <td>
                                <div class="d-flex align-items-center gap-2">
                                    <i class="bi @(rec.Tipo == "Receita" ? "bi-arrow-up-circle text-success" : "bi-arrow-down-circle text-danger")"></i>
                                    <strong>@rec.Descricao</strong>
                                </div>
                            </td>
                            <td>
                                <span class="badge bg-light text-dark">@rec.Frequencia</span>
                            </td>
                            <td>
                                <span class="@(rec.Tipo == "Receita" ? "text-success" : "text-danger") fw-bold">
                                    @(rec.Tipo == "Receita" ? "+" : "-") R$ @rec.Valor.ToString("F2")
                                </span>
                            </td>
                            <td>@rec.Conta</td>
                            <td>
                                <small class="@(proximaExecucaoPassou ? "text-warning fw-bold" : "text-muted")">
                                    @rec.ProximaExecucao.ToString("dd/MM/yyyy")
                                    @if (proximaExecucaoPassou)
                                    {
                                        <i class="bi bi-exclamation-triangle-fill ms-1"></i>
                                    }
                                </small>
                            </td>
                            <td class="text-center">
                                @if (rec.ExecutacoesRestantes > 0)
                                {
                                    <small>@rec.ExecutacoesRestantes</small>
                                }
                                else
                                {
                                    <small class="text-muted">Infinito</small>
                                }
                            </td>
                            <td class="text-end">
                                <button class="btn btn-sm btn-outline-warning" title="Editar"
                                        @onclick="() => EditarRecorrencia(rec)">
                                    <i class="bi bi-pencil"></i>
                                </button>
                                <button class="btn btn-sm btn-outline-danger" title="Deletar"
                                        @onclick="() => DeletarRecorrencia(rec.Id)">
                                    <i class="bi bi-trash"></i>
                                </button>
                                <button class="btn btn-sm btn-outline-success" title="Executar Agora"
                                        @onclick="() => ExecutarAgora(rec)">
                                    <i class="bi bi-play-fill"></i>
                                </button>
                            </td>
                        </tr>
                    }
                </tbody>
            </table>
        </div>
    }
    else
    {
        <div class="alert alert-info text-center">
            <h5>Nenhuma recorrência @(abaAtiva == "ativas" ? "ativa" : "inativa")</h5>
            <p class="mb-0">@(abaAtiva == "ativas" ? "Crie sua primeira recorrência para automatizar transações" : "Suas recorrências inativas aparecem aqui")</p>
        </div>
    }
</div>

@if (mostrarModal)
{
    <div class="modal-overlay">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">@(editandoRec?.Id > 0 ? "Editar Recorrência" : "Nova Recorrência")</h5>
                    <button type="button" class="btn-close" @onclick="FecharModal"></button>
                </div>
                <div class="modal-body">
                    <form @onsubmit="SalvarRecorrencia">
                        <div class="mb-3">
                            <label class="form-label">Descrição</label>
                            <input type="text" class="form-control" @bind="editandoRec.Descricao"
                                   placeholder="Ex: Aluguel" required />
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Tipo</label>
                                    <select class="form-control" @bind="editandoRec.Tipo" required>
                                        <option value="Receita">Receita</option>
                                        <option value="Despesa">Despesa</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Frequência</label>
                                    <select class="form-control" @bind="editandoRec.Frequencia" required>
                                        <option value="Semanal">Semanal</option>
                                        <option value="Quinzenal">Quinzenal</option>
                                        <option value="Mensal">Mensal</option>
                                        <option value="Trimestral">Trimestral</option>
                                        <option value="Anual">Anual</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Valor</label>
                                    <input type="number" class="form-control" step="0.01"
                                           @bind="editandoRec.Valor" placeholder="0.00" required />
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Conta</label>
                                    <select class="form-control" @bind="editandoRec.Conta" required>
                                        <option value="">Selecione uma conta</option>
                                        <option value="Conta Corrente">Conta Corrente</option>
                                        <option value="Poupança">Poupança</option>
                                        <option value="Cartão">Cartão</option>
                                        <option value="Investimentos">Investimentos</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Primeira Execução</label>
                                    <input type="date" class="form-control"
                                           value="@dataProximaExecucao" @onchange="@((ChangeEventArgs e) => dataProximaExecucao = e.Value?.ToString() ?? "")" required />
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Execuções Restantes</label>
                                    <input type="number" class="form-control"
                                           @bind="editandoRec.ExecutacoesRestantes"
                                           placeholder="Deixar vazio = infinito" />
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox"
                                       @bind="editandoRec.Ativa" id="ativaCheck" />
                                <label class="form-check-label" for="ativaCheck">
                                    Ativar recorrência
                                </label>
                            </div>
                        </div>

                        <button type="submit" class="btn btn-primary w-100">
                            <i class="bi bi-check-circle"></i> @(editandoRec?.Id > 0 ? "Atualizar" : "Criar") Recorrência
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
}

<style>
    .recorrencias-container {
        animation: fadeIn 0.3s ease-in;
    }

    .nav-tabs .nav-link {
        color: #666;
        border: none;
        border-bottom: 3px solid transparent;
        cursor: pointer;
        transition: all 0.3s ease;
        padding: 10px 15px;
    }

    .nav-tabs .nav-link.active {
        color: #0d6efd;
        border-bottom-color: #0d6efd;
        background: none;
    }

    .nav-tabs .nav-link:hover {
        color: #0d6efd;
    }

    table {
        background: white;
    }

    table tbody tr:hover {
        background-color: #f8f9fa;
    }

    .modal-overlay {
        display: block;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        padding-top: 100px;
    }

    .modal-dialog {
        margin: 0 auto;
        max-width: 500px;
        background: white;
        border-radius: 8px;
    }

    .modal-header {
        padding: 20px;
        border-bottom: 1px solid #e9ecef;
    }

    .modal-body {
        padding: 20px;
    }

    .badge {
        font-size: 11px;
        padding: 4px 8px;
    }
</style>

@code {
    private List<Recorrencia> recorrencias = new();
    private Recorrencia editandoRec = new();
    private bool mostrarModal = false;
    private string abaAtiva = "ativas";
    private string dataProximaExecucao = DateTime.Now.ToString("yyyy-MM-dd");

    private List<Recorrencia> RecorrenciasExibidas => abaAtiva == "ativas"
        ? recorrencias.Where(r => r.Ativa).ToList()
        : recorrencias.Where(r => !r.Ativa).ToList();

    protected override void OnInitialized()
    {
        CarregarRecorrencias();
    }

    private void CarregarRecorrencias()
    {
        recorrencias = new List<Recorrencia>
        {
            new Recorrencia
            {
                Id = 1,
                Descricao = "Aluguel",
                Tipo = "Despesa",
                Frequencia = "Mensal",
                Valor = 1500,
                Conta = "Conta Corrente",
                ProximaExecucao = DateTime.Now.AddDays(5),
                ExecutacoesRestantes = 0,
                Ativa = true
            },
            new Recorrencia
            {
                Id = 2,
                Descricao = "Salário",
                Tipo = "Receita",
                Frequencia = "Mensal",
                Valor = 4500,
                Conta = "Conta Corrente",
                ProximaExecucao = DateTime.Now.AddDays(15),
                ExecutacoesRestantes = 0,
                Ativa = true
            },
            new Recorrencia
            {
                Id = 3,
                Descricao = "Academia",
                Tipo = "Despesa",
                Frequencia = "Mensal",
                Valor = 150,
                Conta = "Cartão",
                ProximaExecucao = DateTime.Now.AddDays(10),
                ExecutacoesRestantes = 12,
                Ativa = true
            },
            new Recorrencia
            {
                Id = 4,
                Descricao = "Seguro do Carro",
                Tipo = "Despesa",
                Frequencia = "Trimestral",
                Valor = 450,
                Conta = "Conta Corrente",
                ProximaExecucao = DateTime.Now.AddDays(45),
                ExecutacoesRestantes = 0,
                Ativa = false
            }
        };
    }

    private void MudarAba(string aba)
    {
        abaAtiva = aba;
    }

    private void AbrirModalNovaRecorrencia()
    {
        editandoRec = new();
        dataProximaExecucao = DateTime.Now.ToString("yyyy-MM-dd");
        mostrarModal = true;
    }

    private void EditarRecorrencia(Recorrencia rec)
    {
        editandoRec = new Recorrencia
        {
            Id = rec.Id,
            Descricao = rec.Descricao,
            Tipo = rec.Tipo,
            Frequencia = rec.Frequencia,
            Valor = rec.Valor,
            Conta = rec.Conta,
            ProximaExecucao = rec.ProximaExecucao,
            ExecutacoesRestantes = rec.ExecutacoesRestantes,
            Ativa = rec.Ativa
        };
        dataProximaExecucao = rec.ProximaExecucao.ToString("yyyy-MM-dd");
        mostrarModal = true;
    }

    private void FecharModal()
    {
        mostrarModal = false;
    }

    private async Task SalvarRecorrencia()
    {
        editandoRec.ProximaExecucao = DateTime.ParseExact(dataProximaExecucao, "yyyy-MM-dd", System.Globalization.CultureInfo.InvariantCulture);

        var existe = recorrencias.FirstOrDefault(r => r.Id == editandoRec.Id);
        if (existe != null)
        {
            var index = recorrencias.IndexOf(existe);
            recorrencias[index] = editandoRec;
        }
        else
        {
            editandoRec.Id = recorrencias.Any() ? recorrencias.Max(r => r.Id) + 1 : 1;
            recorrencias.Add(editandoRec);
        }

        FecharModal();
        await Task.CompletedTask;
    }

    private void DeletarRecorrencia(int id)
    {
        recorrencias.RemoveAll(r => r.Id == id);
    }

    private void ExecutarAgora(Recorrencia rec)
    {
        rec.ProximaExecucao = rec.ProximaExecucao.AddMonths(1);
        if (rec.ExecutacoesRestantes > 0)
            rec.ExecutacoesRestantes--;
    }

    public class Recorrencia
    {
        public int Id { get; set; }
        public string? Descricao { get; set; }
        public string? Tipo { get; set; }
        public string? Frequencia { get; set; }
        public decimal Valor { get; set; }
        public string? Conta { get; set; }
        public DateTime ProximaExecucao { get; set; }
        public int ExecutacoesRestantes { get; set; }
        public bool Ativa { get; set; }
    }
}