{{--
    Вьюха: Дашборд административной панели
    Контроллер: Admin\DashboardController::index()
    Partials (в admin/partials/):
      _dashboard_stats   — ряд 1: stat-карточки
      _dashboard_charts  — ряд 2: графики + последние заявки
      _dashboard_actions — ряд 3: быстрые действия, система, контент
--}}
@extends('admin.layout')

@section('title', 'Дашборд')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1 class="m-0">Панель управления</h1>
        <span class="text-muted small">{{ now()->format('d F Y, H:i') }}</span>
    </div>
@stop

@section('breadcrumb')
    <li class="breadcrumb-item active">Главная</li>
@stop

@section('content')
    @include('admin.partials._dashboard_stats')
    @include('admin.partials._dashboard_charts')
    @include('admin.partials._dashboard_actions')
@stop

@section('footer')
    <form action="{{ route('admin.logout') }}" method="post" class="d-inline">
        @csrf
        <button type="submit" class="btn btn-sm btn-flat btn-danger">
            <span class="fas fa-sign-out-alt"></span> Выйти
        </button>
    </form>
@stop

@push('js')
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js"></script>
<script>
(function () {
    Chart.defaults.font.family = "'Manrope', sans-serif";
    Chart.defaults.color = '#6c757d';

    var leadsData  = @json($leadsChart);
    var visitsData = @json($visitsChart);

    // ── График заявок (line) ────────────────────────────────────────────
    new Chart(document.getElementById('chartLeads'), {
        type: 'line',
        data: {
            labels: leadsData.labels,
            datasets: [{
                label: 'Заявки',
                data: leadsData.data,
                borderColor: '#dc3545',
                backgroundColor: 'rgba(220,53,69,.08)',
                borderWidth: 2,
                pointRadius: 3,
                pointHoverRadius: 5,
                tension: .35,
                fill: true,
            }]
        },
        options: {
            responsive: true,
            plugins: { legend: { display: false } },
            scales: {
                y: {
                    beginAtZero: true,
                    ticks: { precision: 0, stepSize: 1 },
                    grid: { color: 'rgba(0,0,0,.05)' }
                },
                x: { grid: { display: false } }
            }
        }
    });

    // ── График посещаемости (bar) ────────────────────────────────────────
    new Chart(document.getElementById('chartVisits'), {
        type: 'bar',
        data: {
            labels: visitsData.labels,
            datasets: [{
                label: 'Просмотры',
                data: visitsData.data,
                backgroundColor: 'rgba(23,162,184,.55)',
                borderColor: '#17a2b8',
                borderWidth: 1,
                borderRadius: 3,
            }]
        },
        options: {
            responsive: true,
            plugins: { legend: { display: false } },
            scales: {
                y: {
                    beginAtZero: true,
                    ticks: { precision: 0 },
                    grid: { color: 'rgba(0,0,0,.05)' }
                },
                x: { grid: { display: false } }
            }
        }
    });
})();
</script>
@endpush
