@if(app(\Modules\QuickSellAI\Services\EmbeddedAccessService::class)->allowed())
<div class="box box-solid" id="qsai-expense" data-url="{{ route('quicksellai.context.expense') }}">
    <div class="box-header"><h3 class="box-title"><span class="label label-primary">AI</span> Expense Check</h3><button type="button" class="btn btn-primary btn-xs pull-right qsai-analyze"><i class="fa fa-search"></i> Check amount</button></div>
    <div class="box-body"><p class="text-muted qsai-placeholder">Compare this expense with the current month for the selected location and category.</p><div class="qsai-result" style="display:none"></div></div>
</div>
<script>
$(document).on('click','#qsai-expense .qsai-analyze',function(){var box=$('#qsai-expense'),b=$(this).prop('disabled',true).html('<i class="fa fa-spinner fa-spin"></i> Checking');$.post(box.data('url'),{_token:@json(csrf_token()),location_id:$('#location_id').val(),category_id:$('#expense_category_id').val(),amount:typeof __read_number==='function'?__read_number($('#final_total')):$('#final_total').val()}).done(function(r){var d=r.data,kind=d.risk==='high'?'danger':(d.risk==='review'?'warning':'success');box.find('.qsai-placeholder').hide();box.find('.qsai-result').html('<div class="row"><div class="col-sm-3"><small>Month expenses</small><h4>'+d.expense_count+'</h4></div><div class="col-sm-3"><small>Month total</small><h4>'+__currency_trans_from_en(d.total,true)+'</h4></div><div class="col-sm-3"><small>Average</small><h4>'+__currency_trans_from_en(d.average_expense,true)+'</h4></div><div class="col-sm-3"><small>Largest</small><h4>'+__currency_trans_from_en(d.largest,true)+'</h4></div></div><div class="alert alert-'+kind+'" style="margin-bottom:0"><strong>'+d.risk.toUpperCase()+'</strong> · '+(d.notes||[]).join(' ')+'</div>').show();}).fail(function(x){toastr.error((x.responseJSON&&x.responseJSON.message)||'Unable to check this expense.');}).always(function(){b.prop('disabled',false).html('<i class="fa fa-search"></i> Check amount');});});
</script>
@endif