@extends('template_pages.session')

@section('page_title', 'Editar Recorrência #' . request()->route('id'))
@section('page_icon', 'calendar-check')
@section('navbar', 'finance.navbar')

@push('styles')
<!-- Select Plugin CSS -->
<link rel="stylesheet" href="{{ asset('assets/inspinia/plugins/select2/select2.min.css') }}">
<style>
#value {
    margin-bottom: 0!important;
}
</style>
@endpush

@section('content_page')
<div class="card-body">
    <form id="recurrenceForm">
        {{ csrf_field() }}
        <input type="hidden" name="recurrence_id" id="recurrence_id" value="{{ request()->route('id') }}">
        
        <div class="d-flex align-items-center gap-1">
            <i data-lucide="text" class="fs-4"></i>
            <h4 class="mb-0">Informações Básicas</h4>
        </div>

        <div class="row mt-3">
            <div class="col-md-3">
                <label class="form-label">Projeto *</label>
                <input type="hidden" name="project_id" id="project_id" value="{{ $recurrence->project_id }}">
                <input class="form-control form-control-disabled" type="text" name="project_name" id="project_name" value="{{ $recurrence->project->name ?? 'N/A' }}" readonly disabled>
            </div>
            <div class="col-md-3">
                <label class="form-label">Dia de Cobrança *</label>
                <select id="issue_day" name="issue_day" class="form-control select2">
                    <option value="">Selecionar Dia</option>
                    @for($i = 1; $i <= 31; $i++)
                        <option value="{{ $i }}" {{ $recurrence->issue_day == $i ? 'selected' : '' }}>
                            {{ str_pad($i, 2, '0', STR_PAD_LEFT) }}
                        </option>
                    @endfor
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Dia de Vencimento *</label>
                <select id="due_day" name="due_day" class="form-control select2">
                    <option value="">Selecionar Dia</option>
                    @for($i = 1; $i <= 31; $i++)
                        <option value="{{ $i }}" {{ $recurrence->due_date == $i ? 'selected' : '' }}>
                            {{ str_pad($i, 2, '0', STR_PAD_LEFT) }}
                        </option>
                    @endfor
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Valor *</label>
                <div class="input-group">
                    <span class="input-group-text">R$</span>
                    <input class="form-control" placeholder="Valor" type="text" name="value" id="value" value="{{ number_format($recurrence->value, 2, ',', '.') }}" readonly />
                </div>
            </div>
        </div>
        <div class="row mt-3">
            <div class="col-lg-3">
                <label class="form-label">Adicionar quantidade de ciclo(s)</label>
                <div class="col-12 box_boleto_pdf">
                    <div class="form-check form-switch fs-xxl">
                        <input type="checkbox" class="form-check-input" name="custom-switch-checkbox" id="customSwitch" {{ $recurrence->cycle > 0 ? 'checked' : '' }}>
                    </div>
                </div>
            </div>
            <div class="col-lg-3">
                <div id="inputCycle" class="{{ $recurrence->cycle > 0 ? '' : 'd-none' }}">
                    <label class="form-label">Quantidade de ciclo(s) <span class="text-red">*</span></label>
                    <input class="form-control" type="number" name="cycle" id="cycle" value="{{ $recurrence->cycle > 0 ? $recurrence->cycle : '' }}">
                </div>
            </div>            
        </div>

        <div class="border-top border-dashed my-3"></div>

        <div class="d-flex align-items-center gap-1">
            <i data-lucide="rotate-ccw" class="fs-4"></i>
            <h4 class="mb-0">Resetar Ciclos</h4>
        </div>

        <div class="row mt-3">
            <div id="inputPastCycle" class="col-lg-4">
                <div class="row m-0 space-between">
                    <div class="col p-0">
                        <label class="form-label">Quantidade de ciclo(s) Passado(s) </label>
                        <input class="form-control form-control-disabled" type="number" name="pastCycle" id="pastCycle" value="{{ $recurrence->past_cycle }}" readonly disabled>
                    </div>
                    <div class="col-auto align-self-end">
                        <span id="reset_cycle" class="btn btn-primary">Resetar Ciclos</span>
                    </div>
                </div>
            </div>
        </div>


        <!-- Botão -->
        <div class="border-top border-dashed my-3"></div>
        <div class="row mt-2">
            <div class="btn-list col-12 col-lg-auto">
                <button type="submit" class="btn btn-success" id="btn_update">Salvar</button>
            </div>
            <div class="col-12 col-lg btn-list text-lg-end text-left mt-lg-0 mt-2">
                <a id="disable" class="btn {{ $recurrence->active ? 'btn-danger' : 'btn-success' }}" href="javascript: void(0);">
                    {{ $recurrence->active ? 'Desativar' : 'Ativar' }}
                </a>
            </div>
        </div>

    </form>
</div>
@endsection

@push('scripts')
<!-- Select2 Plugin Js -->
<script src="{{ asset('assets/inspinia/plugins/select2/select2.min.js') }}"></script>
<!--Select 2 Demo js-->
<script src="{{ asset('assets/inspinia/js/pages/form-select2.js') }}"></script>
<!-- MaskMoney -->
<script src="{{ asset('assets/scripts/maskmoney/jquery.maskMoney.min.js') }}"></script>
<!-- Máscaras Js -->
<script src="{{ asset('assets/inspinia/plugins/inputmask/jquery.mask.min.js') }}"></script>
<script src="{{ asset('assets/scripts/masks.js') }}"></script>
<!-- SweetAlert2 -->
<script src="{{ asset('assets/inspinia/plugins/sweetalert2/sweetalert2.min.js') }}"></script>
<!-- Validação Formulário -->
<script src="{{ asset('assets/inspinia/js/form-validation.js') }}"></script>
<script>
$(document).ready(function() {
    $('.select2').select2();

    $('#issue_day').select2({
        placeholder: "Selecione o dia"
    });
    $('#due_day').select2({
        placeholder: "Selecione o dia"
    });

    $('#customSwitch').change(function() {
        if ($(this).is(':checked')) {
            $('#inputCycle').removeClass('d-none');
        } else {
            $('#inputCycle').addClass('d-none');
            $('#cycle').val('');
        }
    });

    // Resetar ciclos passados
    $('#reset_cycle').on('click', function() {
        showAlert("question", {
            title: "Confirmar Reset",
            text: "Tem certeza que deseja resetar os ciclos passados para 0?",
            showCancelButton: true,
            confirmButtonText: "Sim, resetar",
            cancelButtonText: "Cancelar"
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: '{{ route("finance.recurrence.reset_cycles", ["id" => request()->route("id")]) }}',
                    type: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        if (response.success) {
                            $('#pastCycle').val(0);
                            showAlert("success", {
                                title: "Sucesso!",
                                text: response.message || "Ciclos resetados com sucesso!"
                            });
                        } else {
                            showAlert("error", {
                                title: "Erro!",
                                text: response.message || "Erro ao resetar ciclos"
                            });
                        }
                    },
                    error: function(xhr) {
                        showAlert("error", {
                            title: "Erro!",
                            text: "Erro interno do servidor"
                        });
                    }
                });
            }
        });
    });

    // Desativar/Ativar recorrência
    $('#disable').on('click', function() {
        var isActive = {{ $recurrence->active ? 'true' : 'false' }};
        var action = isActive ? 'desativar' : 'ativar';
        var actionTitle = isActive ? 'Desativar' : 'Ativar';
        
        showAlert("question", {
            title: "Confirmar " + actionTitle,
            text: "Tem certeza que deseja " + action + " esta recorrência?",
            showCancelButton: true,
            confirmButtonText: "Sim, " + action,
            cancelButtonText: "Cancelar"
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: '{{ route("finance.recurrence.toggle_status", ["id" => request()->route("id")]) }}',
                    type: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        if (response.success) {
                            showAlert("success", {
                                title: "Sucesso!",
                                text: response.message
                            }).then(() => {
                                window.location.reload();
                            });
                        } else {
                            showAlert("error", {
                                title: "Erro!",
                                text: response.message || "Erro ao alterar status"
                            });
                        }
                    },
                    error: function(xhr) {
                        showAlert("error", {
                            title: "Erro!",
                            text: "Erro interno do servidor"
                        });
                    }
                });
            }
        });
    });

    // Métodos de validação customizados
    $.validator.addMethod("requiredIfCycleEnabled", function(value, element) {
        var cycleEnabled = $('#customSwitch').is(':checked');
        return !cycleEnabled || (value && value.trim() !== '' && parseInt(value) > 0);
    }, "A quantidade de ciclos é obrigatória quando habilitada.");

    $('#btn_update').on('click', function(e) {
        // Configuração da validação do formulário
        $("#recurrenceForm").validate({
            rules: {
                project_id: {
                    required: true
                },
                issue_day: {
                    required: true
                },
                due_day: {
                    required: true
                },
                value: {
                    required: true
                },
                cycle: {
                    requiredIfCycleEnabled: true,
                    min: 1
                }
            },
            messages: {
                project_id: {
                    required: "Selecione um projeto"
                },
                issue_day: {
                    required: "Selecione o dia de cobrança"
                },
                due_day: {
                    required: "Selecione o dia de vencimento"
                },
                value: {
                    required: "Informe o valor da recorrência"
                },
                cycle: {
                    min: "A quantidade de ciclos deve ser maior que zero"
                }
            },
            errorElement: 'span',
            errorClass: "invalid-feedback",
            errorPlacement: function (error, element) {
                if (element.hasClass('select2-hidden-accessible')) {
                    error.insertAfter(element.next('.select2-container'));
                } else if (element.hasClass('value_price')) {
                    error.insertAfter(element.closest('.input-group'));
                } else {
                    error.insertAfter(element);
                }
            },
            highlight: function (element, errorClass, validClass) {
                $(element).addClass('is-invalid');

                // Tratamento especial para Select2
                if ($(element).hasClass('select2-hidden-accessible')) {
                    $(element).next('.select2-container').find('.select2-selection').addClass('is-invalid');
                }
            },
            unhighlight: function (element, errorClass, validClass) {
                $(element).removeClass('is-invalid');

                // Tratamento especial para Select2
                if ($(element).hasClass('select2-hidden-accessible')) {
                    $(element).next('.select2-container').find('.select2-selection').removeClass('is-invalid');
                }
            },
            submitHandler: function(form) {
                var formData = new FormData(form);
                
                // Mostrar loading usando o padrão do sistema
                showAlert("loading", { text: "Atualizando recorrência..." });
                
                $.ajax({
                    url: '{{ route("finance.recurrence.update", ["id" => request()->route("id")]) }}',
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        if (response.success) {
                            // Mostrar mensagem de sucesso usando SweetAlert2
                            showAlert("success", {
                                title: "Sucesso!",
                                text: response.message || "Recorrência atualizada com sucesso!"
                            }).then(() => {
                                // Redirecionar se especificado
                                if (response.redirect) {
                                    window.location.href = response.redirect;
                                }
                            });
                        } else {
                            showAlert("error", {
                                title: "Erro!",
                                text: response.message || "Erro ao atualizar recorrência"
                            });
                        }
                    },
                    error: function(xhr) {
                        if (xhr.status === 422) {
                            // Erros de validação
                            var errors = xhr.responseJSON.errors;
                            var validator = $("#recurrenceForm").validate();
                            validator.showErrors(errors);
                            
                            showAlert("error", {
                                title: "Erro de Validação",
                                text: "Por favor, corrija os campos destacados"
                            });
                        } else {
                            // Outros erros
                            var message = xhr.responseJSON?.message || 'Erro interno do servidor';
                            showAlert("error", {
                                title: "Erro!",
                                text: message
                            });
                        }
                    }
                });
            }
        });
    });
});
</script>
@endpush