@extends('layouts.admin-Lti')

@section('title', 'Cadastrar Despesa')
@section('content')

<section class="content">
    <div class="container-fluid">
        <div class="row mb-4">
            <div class="col-md-12">
                <h2><i class="fa fa-lg fa-tags"></i> Gestão de Despesas</h2>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                    <li class="breadcrumb-item active">Categorias de Despesas</li>
                </ol>
            </div>
        </div>

        @if ($errors->any())
        <div class="alert alert-danger alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <h5><i class="icon fas fa-ban"></i> Erros no formulário!</h5>
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif

        <div class="card card-primary card-outline">
            <div class="card-header">
                <h3 class="card-title">Nova Despesa</h3>
                <div class="card-tools">
                    <button type="button" class="btn btn-tool" data-card-widget="collapse">
                        <i class="fas fa-minus"></i>
                    </button>
                </div>
            </div>

            <form action="{{ route('gestao-despesas.despesas.store') }}" method="POST" enctype="multipart/form-data" id="formDespesa">
                @csrf
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="categoria_id" class="required-field">Categoria</label>
                                <select class="form-control select2 @error('categoria_id') is-invalid @enderror" id="categoria_id" name="categoria_id" required>
                                    <option value="">Selecione uma categoria</option>
                                    @foreach($categorias as $categoria)
                                        <option value="{{ $categoria->id }}" {{ old('categoria_id') == $categoria->id ? 'selected' : '' }}>
                                            {{ $categoria->nome }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('categoria_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="fornecedor_id" class="required-field">Fornecedor</label>
                                <div class="input-group">
                                    <select class="form-control select2 @error('fornecedor_id') is-invalid @enderror" id="fornecedor_id" name="fornecedor_id" required>
                                        <option value="">Selecione um fornecedor</option>
                                        @foreach($fornecedores as $fornecedor)
                                            <option value="{{ $fornecedor->id }}" {{ old('fornecedor_id') == $fornecedor->id ? 'selected' : '' }}>
                                                {{ $fornecedor->nome }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <div class="input-group-append">
                                        <button type="button" class="btn btn-success" data-toggle="modal" data-target="#modalFornecedor">
                                            <i class="fa fa-lg fa-plus"></i> Novo
                                        </button>
                                    </div>
                                </div>
                                @error('fornecedor_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="forma_pagamento_id" class="required-field">Forma de Pagamento</label>
                                <select class="form-control select2 @error('forma_pagamento_id') is-invalid @enderror" id="forma_pagamento_id" name="forma_pagamento_id" required>
                                    <option value="">Selecione a forma de pagamento</option>
                                    @foreach($formasPagamento as $forma)
                                        <option value="{{ $forma->id }}" {{ old('forma_pagamento_id') == $forma->id ? 'selected' : '' }}>
                                            {{ $forma->descricao }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('forma_pagamento_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="valor" class="required-field">Valor (R$)</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">R$</span>
                                    </div>
                                    <input type="number" step="0.01" class="form-control @error('valor') is-invalid @enderror" id="valor" name="valor" min="0.01" required value="{{ old('valor') }}">
                                </div>
                                @error('valor')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="data_vencimento" class="required-field">Data de Vencimento</label>
                                <input type="date" class="form-control @error('data_vencimento') is-invalid @enderror" id="data_vencimento" name="data_vencimento" required value="{{ old('data_vencimento', \Carbon\Carbon::today()->addDays(7)->format('Y-m-d')) }}">
                                @error('data_vencimento')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="tipo_despesa" class="required-field">Tipo de Despesa</label>
                                <select class="form-control @error('tipo_despesa') is-invalid @enderror" id="tipo_despesa" name="tipo_despesa" required>
                                    <option value="variavel" {{ old('tipo_despesa') == 'variavel' ? 'selected' : '' }}>Variável</option>
                                    <option value="fixa" {{ old('tipo_despesa') == 'fixa' ? 'selected' : '' }}>Fixa</option>
                                </select>
                                @error('tipo_despesa')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="status" class="required-field">Status</label>
                                <select class="form-control @error('status') is-invalid @enderror" id="status" name="status" required>
                                    <option value="pagamento_pendente" {{ old('status') == 'pagamento_pendente' ? 'selected' : '' }}>Pendente</option>
                                    <option value="pago" {{ old('status') == 'pago' ? 'selected' : '' }}>Pago</option>
                                    <option value="atrasado" {{ old('status') == 'atrasado' ? 'selected' : '' }}>Atrasado</option>
                                    <option value="cancelado" {{ old('status') == 'cancelado' ? 'selected' : '' }}>Cancelado</option>
                                    <option value="rejeitado" {{ old('status') == 'rejeitado' ? 'selected' : '' }}>Rejeitado</option>
                                </select>
                                @error('status')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="aprovador_id">Aprovador</label>
                                <select class="form-control select2 @error('aprovador_id') is-invalid @enderror" id="aprovador_id" name="aprovador_id">
                                    <option value="">Selecione o aprovador</option>
                                    @foreach($aprovadores as $aprovador)
                                        <option value="{{ $aprovador->id }}" {{ old('aprovador_id') == $aprovador->id ? 'selected' : '' }}>
                                            {{ $aprovador->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('aprovador_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="recorrente" class="required-field">Recorrência</label>
                                <select class="form-control @error('recorrente') is-invalid @enderror" id="recorrente" name="recorrente" required>
                                    <option value="nao" {{ old('recorrente') == 'nao' ? 'selected' : '' }}>Não Recorrente</option>
                                    <option value="diario" {{ old('recorrente') == 'diario' ? 'selected' : '' }}>Diário</option>
                                    <option value="semanal" {{ old('recorrente') == 'semanal' ? 'selected' : '' }}>Semanal</option>
                                    <option value="mensal" {{ old('recorrente') == 'mensal' ? 'selected' : '' }}>Mensal</option>
                                    <option value="anual" {{ old('recorrente') == 'anual' ? 'selected' : '' }}>Anual</option>
                                </select>
                                @error('recorrente')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div id="config-recorrencia" style="display: {{ old('recorrente') != 'nao' ? 'block' : 'none' }};">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="data_fim_recorrencia" id="label-data-fim">Data Final da Recorrência</label>
                                    <input type="date" class="form-control @error('data_fim_recorrencia') is-invalid @enderror" id="data_fim_recorrencia" name="data_fim_recorrencia" value="{{ old('data_fim_recorrencia') }}">
                                    @error('data_fim_recorrencia')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="quantidade_parcelas" id="label-parcelas">Quantidade de Parcelas</label>
                                    <input type="number" class="form-control @error('quantidade_parcelas') is-invalid @enderror" id="quantidade_parcelas" name="quantidade_parcelas" min="1" value="{{ old('quantidade_parcelas') }}">
                                    @error('quantidade_parcelas')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="descricao" class="required-field">Descrição</label>
                        <textarea class="form-control @error('descricao') is-invalid @enderror" id="descricao" name="descricao" rows="2" required>{{ old('descricao') }}</textarea>
                        @error('descricao')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="comprovante">Anexar Comprovante</label>
                        <div class="custom-file">
                            <input type="file" class="custom-file-input @error('comprovante') is-invalid @enderror" id="comprovante" name="comprovante" accept=".pdf,.jpg,.jpeg,.png">
                            <label class="custom-file-label" for="comprovante">Selecione o arquivo (PDF, JPG, PNG)</label>
                        </div>
                        @error('comprovante')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                        <small class="form-text text-muted">Tamanho máximo: 5MB</small>
                    </div>

                    <div class="form-group">
                        <label for="observacoes">Observações</label>
                        <textarea class="form-control @error('observacoes') is-invalid @enderror" id="observacoes" name="observacoes" rows="2">{{ old('observacoes') }}</textarea>
                        @error('observacoes')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <div class="custom-control custom-checkbox">
                            <input class="custom-control-input" type="checkbox" id="notificar_aprovador" name="notificar_aprovador" checked>
                            <label for="notificar_aprovador" class="custom-control-label">Notificar aprovador por e-mail</label>
                        </div>
                    </div>
                </div>

                <div class="card-footer">
                    <button type="submit" class="btn btn-primary">
                        <i class="fa fa-lg fa-save"></i> Cadastrar Despesa
                    </button>
                    <a href="{{ route('gestao-despesas.despesas.index') }}" class="btn btn-default float-right">
                        <i class="fa fa-lg fa-times"></i> Cancelar
                    </a>
                </div>
            </form>
        </div>
    </div>
</section>

@include("gestao_despesas.fornecedores.create")

@endsection

@section('style')
<style>
    .select2-container--default .select2-selection--single {
        height: calc(2.25rem + 2px);
        padding: .375rem .75rem;
    }
    .card-primary.card-outline {
        border-top: 3px solid #007bff;
    }
    .input-group-text {
        background-color: #f8f9fa;
    }
    .required-field::after {
        content: " *";
        color: red;
    }
    .is-invalid {
        border-color: #dc3545 !important;
    }
    .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: .25rem;
        font-size: 80%;
        color: #dc3545;
    }
    .is-invalid ~ .invalid-feedback,
    .is-invalid ~ .select2-container .select2-selection {
        border-color: #dc3545 !important;
        display: block;
    }
</style>
@endsection

@section('script')
@push('script')


<script>
$(document).ready(function() {
    // Inicializa Select2
    $('.select2').select2({
        theme: 'bootstrap4'
    });

    // Inicializa custom file input
    bsCustomFileInput.init();

    // Mostra/oculta configurações de recorrência
    $('#recorrente').change(function() {
        if ($(this).val() === 'nao') {
            $('#config-recorrencia').hide();
            $('#data_fim_recorrencia').removeAttr('required');
            $('#quantidade_parcelas').removeAttr('required');
        } else {
            $('#config-recorrencia').show();
            $('#data_fim_recorrencia').attr('required', 'required');
            $('#quantidade_parcelas').attr('required', 'required');

            // Atualiza labels com base no tipo de recorrência
            const tipo = $(this).find('option:selected').text().toLowerCase();
            $('#label-data-fim').text(`Data Final da Recorrência ${tipo}`);
            $('#label-parcelas').text(`Quantidade de Parcelas ${tipo}s`);
        }
    }).trigger('change');

    // Adiciona campo de motivo de rejeição quando status for rejeitado
    $('#status').change(function() {
        if ($(this).val() === 'rejeitado') {
            if (!$('#motivo_rejeicao_container').length) {
                $('<div class="form-group" id="motivo_rejeicao_container">' +
                    '<label for="motivo_rejeicao" class="required-field">Motivo da Rejeição</label>' +
                    '<textarea class="form-control" id="motivo_rejeicao" name="motivo_rejeicao" rows="2" required>' +
                        '{{ old("motivo_rejeicao") }}' +
                    '</textarea>' +
                  '</div>').insertAfter($(this).closest('.form-group'));
            }
        } else {
            $('#motivo_rejeicao_container').remove();
        }
    }).trigger('change');

    // Validação do tipo de arquivo
    $('#comprovante').on('change', function() {
        const file = this.files[0];
        if (!file) return;

        const fileType = file.type;
        const validTypes = ['application/pdf', 'image/jpeg', 'image/png'];
        const maxSize = 5 * 1024 * 1024; // 5MB

        if (!validTypes.includes(fileType)) {
            toastr.error('Por favor, selecione um arquivo PDF, JPG ou PNG.');
            $(this).val('');
            $(this).next('.custom-file-label').html('Selecione o arquivo (PDF, JPG, PNG)');
            return false;
        }

        if (file.size > maxSize) {
            toastr.error('O arquivo é muito grande. O tamanho máximo permitido é 5MB.');
            $(this).val('');
            $(this).next('.custom-file-label').html('Selecione o arquivo (PDF, JPG, PNG)');
            return false;
        }

        return true;
    });

    // Validação do formulário antes de enviar
    $('#formDespesa').submit(function(e) {
        let isValid = true;

        // Validação da data de vencimento
        const vencimento = new Date($('#data_vencimento').val());
        const hoje = new Date();
        hoje.setHours(0, 0, 0, 0);

        if (vencimento < hoje) {
            toastr.error('A data de vencimento não pode ser anterior à data atual');
            isValid = false;
        }

        // Validação de recorrência
        if ($('#recorrente').val() !== 'nao') {
            if (!$('#data_fim_recorrencia').val()) {
                toastr.error('Informe a data final para a recorrência');
                isValid = false;
            } else {
                const fimRecorrencia = new Date($('#data_fim_recorrencia').val());
                if (fimRecorrencia <= vencimento) {
                    toastr.error('A data final da recorrência deve ser após a data de vencimento');
                    isValid = false;
                }
            }

            if (!$('#quantidade_parcelas').val() || $('#quantidade_parcelas').val() < 1) {
                toastr.error('Informe uma quantidade válida de parcelas');
                isValid = false;
            }
        }

        // Validação do valor
        if ($('#valor').val() <= 0) {
            toastr.error('O valor deve ser maior que zero');
            isValid = false;
        }

        // Validação do status
        if ($('#status').val() === 'rejeitado' && !$('#motivo_rejeicao').val()) {
            toastr.error('Informe o motivo da rejeição');
            isValid = false;
        }

        if (!isValid) {
            e.preventDefault();
            $('html, body').animate({
                scrollTop: $(".alert-danger:first").offset().top - 100
            }, 500);
        }
    });

    // Define a data de vencimento padrão para hoje + 7 dias
    let today = new Date();
    today.setDate(today.getDate() + 7);
    let defaultDate = today.toISOString().substr(0, 10);
    if (!$('#data_vencimento').val()) {
        $('#data_vencimento').val(defaultDate);
    }
});
</script>
@endpush
@endsection