@page "/transacoes"

<PageTitle>Transações - FinControl</PageTitle>

<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2><i class="bi bi-arrow-left-right"></i> Transações</h2>
        <button class="btn btn-primary" @onclick="AbrirModalNovaTransacao">
            <i class="bi bi-plus-circle"></i> Nova Transação
        </button>
    </div>

    <!-- Resumo -->
    <div class="row mb-4">
        <div class="col-md-4">
            <div class="card text-center shadow-sm">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Receitas</h6>
                    <h4 class="text-success">R$ @totalReceitas.ToString("F2")</h4>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card text-center shadow-sm">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Despesas</h6>
                    <h4 class="text-danger">R$ @totalDespesas.ToString("F2")</h4>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card text-center shadow-sm">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Líquido</h6>
                    <h4 class="@(totalLiquido >= 0 ? "text-success" : "text-danger")">
                        R$ @totalLiquido.ToString("F2")
                    </h4>
                </div>
            </div>
        </div>
    </div>

    <!-- Lista de Transações -->
    <div class="card shadow-sm">
        <div class="card-header bg-light border-bottom">
            <h5 class="mb-0">Histórico de Transações</h5>
        </div>
        <div class="card-body p-0">
            @if (transacoes.Any())
            {
                <div class="table-responsive">
                    <table class="table table-hover mb-0">
                        <thead class="bg-light">
                            <tr>
                                <th>Data</th>
                                <th>Descrição</th>
                                <th>Categoria</th>
                                <th>Conta</th>
                                <th class="text-end">Valor</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var transacao in transacoes)
                            {
                                <tr>
                                    <td>
                                        <small>@transacao.Data.ToString("dd/MM/yyyy")</small>
                                    </td>
                                    <td>
                                        <strong>@transacao.Descricao</strong>
                                    </td>
                                    <td>
                                        <span class="badge bg-light text-dark">@transacao.Categoria</span>
                                    </td>
                                    <td>
                                        <small>@transacao.Conta</small>
                                    </td>
                                    <td class="text-end">
                                        <span class="@(transacao.Tipo == "Receita" ? "text-success fw-bold" : "text-danger fw-bold")">
                                            @(transacao.Tipo == "Receita" ? "+" : "-") R$ @transacao.Valor.ToString("F2")
                                        </span>
                                    </td>
                                    <td>
                                        <button class="btn btn-sm btn-link text-danger" @onclick="() => DeletarTransacao(transacao.Id)">
                                            <i class="bi bi-trash"></i>
                                        </button>
                                    </td>
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>
            }
            else
            {
                <div class="text-center py-5">
                    <p class="text-muted">Nenhuma transação registrada</p>
                </div>
            }
        </div>
    </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">Nova Transação</h5>
                    <button type="button" class="btn-close" @onclick="FecharModal"></button>
                </div>
                <div class="modal-body">
                    <form @onsubmit="SalvarTransacao">
                        <div class="mb-3">
                            <label class="form-label">Tipo</label>
                            <select class="form-select" @bind="novaTransacao.Tipo">
                                <option value="Receita">Receita</option>
                                <option value="Despesa">Despesa</option>
                            </select>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Descrição</label>
                            <input type="text" class="form-control" @bind="novaTransacao.Descricao" placeholder="Ex: Salário" />
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Valor</label>
                            <input type="number" class="form-control" step="0.01" @bind="novaTransacao.Valor" placeholder="0.00" />
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Categoria</label>
                            <select class="form-select" @bind="novaTransacao.Categoria">
                                <option value="Salário">Salário</option>
                                <option value="Alimentação">Alimentação</option>
                                <option value="Transporte">Transporte</option>
                                <option value="Saúde">Saúde</option>
                                <option value="Educação">Educação</option>
                                <option value="Lazer">Lazer</option>
                                <option value="Outro">Outro</option>
                            </select>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Conta</label>
                            <select class="form-select" @bind="novaTransacao.Conta">
                                <option value="Conta Corrente">Conta Corrente</option>
                                <option value="Conta Poupança">Conta Poupança</option>
                            </select>
                        </div>

                        <button type="submit" class="btn btn-primary w-100">
                            <i class="bi bi-check-circle"></i> Registrar
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
}

<style>
    .table-hover 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-content {
        padding: 0;
    }

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

    .modal-body {
        padding: 20px;
    }
</style>

@code {
    private List<Transacao> transacoes = new();
    private bool mostrarModal = false;

    private decimal totalReceitas = 0;
    private decimal totalDespesas = 0;
    private decimal totalLiquido = 0;

    private Transacao novaTransacao = new();

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

    private void CarregarTransacoes()
    {
        transacoes = new List<Transacao>
        {
            new Transacao
            {
                Id = 1,
                Data = DateTime.Now.AddDays(-10),
                Descricao = "Salário mensal",
                Categoria = "Salário",
                Conta = "Conta Corrente",
                Valor = 5000,
                Tipo = "Receita"
            },
            new Transacao
            {
                Id = 2,
                Data = DateTime.Now.AddDays(-5),
                Descricao = "Compras no supermercado",
                Categoria = "Alimentação",
                Conta = "Conta Corrente",
                Valor = 300,
                Tipo = "Despesa"
            },
            new Transacao
            {
                Id = 3,
                Data = DateTime.Now.AddDays(-3),
                Descricao = "Combustível",
                Categoria = "Transporte",
                Conta = "Conta Corrente",
                Valor = 150,
                Tipo = "Despesa"
            }
        };

        AtualizarTotais();
    }

    private void AtualizarTotais()
    {
        totalReceitas = transacoes.Where(t => t.Tipo == "Receita").Sum(t => t.Valor);
        totalDespesas = transacoes.Where(t => t.Tipo == "Despesa").Sum(t => t.Valor);
        totalLiquido = totalReceitas - totalDespesas;
    }

    private void AbrirModalNovaTransacao()
    {
        novaTransacao = new() { Tipo = "Receita", Data = DateTime.Now };
        mostrarModal = true;
    }

    private void FecharModal()
    {
        mostrarModal = false;
    }

    private async Task SalvarTransacao()
    {
        if (string.IsNullOrEmpty(novaTransacao.Descricao))
            return;

        var transacao = new Transacao
        {
            Id = transacoes.Count + 1,
            Data = novaTransacao.Data,
            Descricao = novaTransacao.Descricao,
            Categoria = novaTransacao.Categoria,
            Conta = novaTransacao.Conta,
            Valor = novaTransacao.Valor,
            Tipo = novaTransacao.Tipo
        };

        transacoes.Add(transacao);
        AtualizarTotais();
        FecharModal();
        await Task.CompletedTask;
    }

    private void DeletarTransacao(int id)
    {
        transacoes.RemoveAll(t => t.Id == id);
        AtualizarTotais();
    }

    public class Transacao
    {
        public int Id { get; set; }
        public DateTime Data { get; set; }
        public string? Descricao { get; set; }
        public string? Categoria { get; set; }
        public string? Conta { get; set; }
        public decimal Valor { get; set; }
        public string? Tipo { get; set; }
    }
}