@extends('layouts.app')

@section('content')
    <div class="container">
        <h1 class="text-2xl font-bold mb-4">Auction Statistics</h1>

        <div class="grid grid-cols-2 gap-4">
            <div class="bg-white p-4 rounded shadow-lg">
                <h2 class="text-xl font-bold">Auction Distribution by Region</h2>
                {!! $regionChart->container() !!}
            </div>
            <div class="bg-white p-4 rounded shadow-lg">
                <h2 class="text-xl font-bold">Property Types Overview</h2>
                {!! $propertyChart->container() !!}
            </div>
        </div>
    </div>

    @push('scripts')
        <script src="{{ LarapexChart::cdn() }}"></script>
        {{ $regionChart->script() }}
        {{ $propertyChart->script() }}
    @endpush
@endsection