@extends('template_pages.session')

@section('page_title', 'Configurações - Limite de transferência Asaas')
@section('page_icon', 'workflow')
@section('navbar', 'finance.navbar')

@section('content_page')
<div class="card border-0 mb-3">
    <div class="card-body">
        <form id="form_ca_flow_limits" method="post" autocomplete="off">
            {{ csrf_field() }}

            <div class="row">
                <div class="col-md-4">
                    <label class="form-label">Limite Diurno:</label>
                    <div class="input-group">
                        <span class="input-group-text">R$</span>
                        <input type="text" class="form-control money"
                               name="asaas_daytime_limit" id="asaas_daytime_limit"
                               value="{{ isset($limits->asaas_daytime_limit) ? number_format($limits->asaas_daytime_limit, 2, ',', '.') : '' }}"
                               placeholder="0,00" autocomplete="off">
                    </div>
                </div>
            </div>
            <p class="text-muted small mt-2">
                <i data-lucide="sun" class="me-1 align-middle fs-sm"></i>
                <strong>LIMITE DIURNO: 6h às 20h</strong> — aplicado a todas as transferências.
            </p>
            <div class="row mt-2">
                <div class="btn-list col-12 col-lg-auto">
                    <button type="button" class="btn btn-primary" id="btn_save_ca_flow_limits">
                        <i class="ti ti-device-floppy me-1"></i> Salvar Limites
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>

@endsection

@push('scripts')
<script src="{{ asset('assets/scripts/maskmoney/jquery.maskMoney.min.js') }}"></script>
<script src="{{ asset('assets/inspinia/plugins/inputmask/jquery.mask.min.js') }}"></script>
<script src="{{ asset('assets/scripts/masks.js') }}"></script>
<script src="{{ asset('assets/inspinia/js/form-validation.js') }}"></script>
<script>
$(document).ready(function() {

    function parseMoneyBR(v) {
        if (v === null || v === undefined || v === '') return null;
        return v.toString().replace(/\./g, '').replace(',', '.');
    }

    $('#btn_save_ca_flow_limits').on('click', function() {
        var $btn = $(this);
        var btnText = $btn.html();
        $btn.prop('disabled', true).html('<span class="spinner-grow spinner-grow-sm me-2"></span> Salvando...');

        $.ajax({
            url: '{{ route("finance.settings.current_account_flow.limit.store") }}',
            type: 'POST',
            data: {
                _token: $('#form_ca_flow_limits input[name="_token"]').val(),
                asaas_daytime_limit:       parseMoneyBR($('#asaas_daytime_limit').val()),
                iugu_daily_transfer_limit: parseMoneyBR($('#iugu_daily_transfer_limit').val()),
                iugu_monthly_limit:        parseMoneyBR($('#iugu_monthly_limit').val())
            },
            success: function(resp) {
                if (resp && resp.success) {
                    showAlert("successToast", { text: resp.message || "Limites salvos com sucesso!" });
                } else {
                    showAlert("error", { title: "Erro!", text: (resp && resp.message) ? resp.message : "Falha ao salvar limites." });
                }
            },
            error: function(xhr) {
                let errorMessage = 'Ocorreu um erro ao salvar.';
                if (xhr.status === 422 && xhr.responseJSON && xhr.responseJSON.errors) {
                    const errors = xhr.responseJSON.errors;
                    let errorList = '<ul>';
                    $.each(errors, function(field, messages) {
                        $.each(messages, function(_, message) { errorList += '<li>' + message + '</li>'; });
                    });
                    errorList += '</ul>';
                    showAlert("error", { title: "Erro de Validação!", html: errorList });
                } else {
                    if (xhr.responseJSON && xhr.responseJSON.message) { errorMessage = xhr.responseJSON.message; }
                    showAlert("error", { title: "Erro!", text: errorMessage });
                }
            },
            complete: function() { $btn.prop('disabled', false).html(btnText); }
        });
    });
});
</script>
@endpush