<?php $__env->startSection('content'); ?>
<form class="mb-5 flex flex-wrap items-end gap-3 rounded-lg border bg-white p-4" method="get">
    <label class="text-sm">From <input type="date" name="from" value="<?php echo e($from); ?>" class="mt-1 rounded-md border-slate-300"></label>
    <label class="text-sm">To <input type="date" name="to" value="<?php echo e($to); ?>" class="mt-1 rounded-md border-slate-300"></label>
    <label class="text-sm">Forecast
        <select name="granularity" class="mt-1 rounded-md border-slate-300">
            <option value="daily">Daily</option><option value="weekly">Weekly</option><option value="monthly">Monthly</option>
        </select>
    </label>
    <button class="rounded-md bg-slate-950 px-4 py-2 text-sm font-semibold text-white">Apply</button>
</form>

<div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
    <?php $__currentLoopData = [
        ['Occupancy %', $kpis['occupancy'].'%'],
        ['ADR', $hotel->currency.' '.number_format($kpis['adr'], 2)],
        ['RevPAR', $hotel->currency.' '.number_format($kpis['revpar'], 2)],
        ['Total Revenue', $hotel->currency.' '.number_format($kpis['total_revenue'], 2)],
        ['Room Revenue', $hotel->currency.' '.number_format($kpis['room_revenue'], 2)],
        ['Pickup', $kpis['pickup'].' rooms'],
        ['Booking Pace', $kpis['booking_pace'].' rooms'],
        ['Forecast Accuracy', $kpis['forecast_accuracy'].'%'],
    ]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as [$label, $value]): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <div class="rounded-lg border bg-white p-4 shadow-sm">
            <div class="text-sm text-slate-500"><?php echo e($label); ?></div>
            <div class="mt-2 text-2xl font-semibold"><?php echo e($value); ?></div>
        </div>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>

<div class="mt-5 grid gap-5 xl:grid-cols-3">
    <div class="rounded-lg border bg-white p-4 xl:col-span-2">
        <div class="mb-3 font-semibold">Revenue Trend</div>
        <canvas id="lineChart" height="110"></canvas>
    </div>
    <div class="rounded-lg border bg-white p-4">
        <div class="mb-3 font-semibold">Occupancy / ADR</div>
        <canvas id="barChart" height="170"></canvas>
    </div>
</div>

<div class="mt-5 grid gap-5 lg:grid-cols-2">
    <div class="rounded-lg border bg-white p-4">
        <div class="mb-3 flex items-center justify-between gap-3">
            <h2 class="font-semibold">Forecast Engine</h2>
            <form method="post" action="<?php echo e(route('forecast.generate')); ?>"><?php echo csrf_field(); ?><button class="rounded-md bg-cyan-500 px-3 py-2 text-sm font-semibold text-slate-950">Save Forecast</button></form>
        </div>
        <div class="grid gap-3 sm:grid-cols-3">
            <div class="rounded-md bg-slate-50 p-3 text-sm">Occupancy Forecast <b class="block text-lg"><?php echo e($forecast['occupancy_forecast']); ?>%</b></div>
            <div class="rounded-md bg-slate-50 p-3 text-sm">ADR Forecast <b class="block text-lg"><?php echo e($hotel->currency); ?> <?php echo e(number_format($forecast['adr_forecast'], 2)); ?></b></div>
            <div class="rounded-md bg-slate-50 p-3 text-sm">Revenue Forecast <b class="block text-lg"><?php echo e($hotel->currency); ?> <?php echo e(number_format($forecast['revenue_forecast'], 2)); ?></b></div>
        </div>
    </div>
    <div class="rounded-lg border bg-white p-4">
        <h2 class="mb-3 font-semibold">AI Revenue Recommendation</h2>
        <p class="rounded-md bg-cyan-50 p-3 text-sm text-cyan-950"><?php echo e($ai['suggested_action']); ?></p>
        <ul class="mt-3 grid gap-2 text-sm text-slate-700">
            <?php $__empty_1 = true; $__currentLoopData = $ai['alerts']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $alert): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?><li class="rounded-md border px-3 py-2"><?php echo e($alert); ?></li><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?><li class="rounded-md border px-3 py-2">Không có cảnh báo nghiêm trọng.</li><?php endif; ?>
        </ul>
    </div>
</div>

<script>
const labels = <?php echo json_encode($chart['labels'], 15, 512) ?>;
new Chart(document.getElementById('lineChart'), {type:'line', data:{labels, datasets:[{label:'Room Revenue', data:<?php echo json_encode($chart['revenue'], 15, 512) ?>, borderColor:'#0891b2', backgroundColor:'rgba(8,145,178,.12)', tension:.35, fill:true}]}, options:{responsive:true}});
new Chart(document.getElementById('barChart'), {type:'bar', data:{labels, datasets:[{label:'Occupancy %', data:<?php echo json_encode($chart['occupancy'], 15, 512) ?>, backgroundColor:'#0f172a'}, {label:'ADR', data:<?php echo json_encode($chart['adr'], 15, 512) ?>, backgroundColor:'#f59e0b'}]}, options:{responsive:true}});
</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', ['heading' => 'Dashboard', 'subheading' => $hotel->name.' revenue performance'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/xedaptot/rms.naniguide.com/resources/views/rms/dashboard.blade.php ENDPATH**/ ?>