{{-- resources/views/dashboard.blade.php --}}
@extends('layouts.app')

@section('title', 'Панель управления')

@section('content')
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">
        <i class="bi bi-speedometer2"></i> Панель управления
    </h1>
</div>

<!-- Статистические карточки -->
<div class="row">
    <div class="col-xl-3 col-md-6 mb-4">
        <div class="card stat-card primary">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Всего дел</div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $stats['total_cases'] }}</div>
                    </div>
                    <div class="col-auto">
                        <i class="bi bi-folder2 fs-1 text-primary"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-xl-3 col-md-6 mb-4">
        <div class="card stat-card success">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold text-success text-uppercase mb-1">Активные дела</div>
                        <div class="h5 mb-0 font-weight-bold">{{ $stats['active_cases'] }}</div>
                    </div>
                    <div class="col-auto">
                        <i class="bi bi-play-circle fs-1 text-success"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-xl-3 col-md-6 mb-4">
        <div class="card stat-card warning">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">Общий долг</div>
                        <div class="h5 mb-0 font-weight-bold">{{ number_format($stats['total_debt'], 2, ',', ' ') }} ₽</div>
                    </div>
                    <div class="col-auto">
                        <i class="bi bi-cash-stack fs-1 text-warning"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-xl-3 col-md-6 mb-4">
        <div class="card stat-card info">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold text-info text-uppercase mb-1">Оплачено</div>
                        <div class="h5 mb-0 font-weight-bold">{{ number_format($stats['total_paid'], 2, ',', ' ') }} ₽</div>
                    </div>
                    <div class="col-auto">
                        <i class="bi bi-credit-card fs-1 text-info"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- Последние дела -->
    <div class="col-lg-8 mb-4">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h6 class="mb-0"><i class="bi bi-clock-history"></i> Последние дела</h6>
                <a href="{{ route('cases.index') }}" class="btn btn-sm btn-primary">Все дела</a>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Номер</th>
                                <th>Название</th>
                                <th>Должник</th>
                                <th>Сумма долга</th>
                                <th>Статус</th>
                                <th>Дата</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($recentCases as $case)
                                <tr>
                                    <td><a href="{{ route('cases.show', $case) }}">{{ $case->case_number }}</a></td>
                                    <td>{{ Str::limit($case->title, 50) }}</td>
                                    <td>
                                        @if($case->individualDebtors->isNotEmpty())
                                            {{ $case->individualDebtors->first()->full_name }}
                                        @elseif($case->legalDebtors->isNotEmpty())
                                            {{ $case->legalDebtors->first()->short_name ?? $case->legalDebtors->first()->full_name }}
                                        @else
                                            <span class="text-muted">Не указан</span>
                                        @endif
                                    </td>
                                    <td>{{ number_format($case->total_debt, 2, ',', ' ') }} ₽</td>
                                    <td>
                                        @if($case->status === 'active')
                                            <span class="badge bg-success">Активное</span>
                                        @elseif($case->status === 'suspended')
                                            <span class="badge bg-warning">Приостановлено</span>
                                        @else
                                            <span class="badge bg-secondary">Закрыто</span>
                                        @endif
                                    </td>
                                    <td>{{ $case->created_at->format('d.m.Y') }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center text-muted">Нет дел</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Последние платежи -->
    <div class="col-lg-4 mb-4">
        <div class="card">
            <div class="card-header">
                <h6 class="mb-0"><i class="bi bi-cash-coin"></i> Последние платежи</h6>
            </div>
            <div class="card-body">
                @forelse($recentPayments as $payment)
                    <div style="border-bottom: 1px solid #e5e7eb; padding: 8px 0; font-size: 13px;">
                        <div style="display: flex; justify-content: space-between;">
                            <strong style="color: var(--success);">{{ number_format($payment->amount, 2, ',', ' ') }} ₽</strong>
                            <small style="color: var(--gray);">{{ $payment->payment_date ? $payment->payment_date->format('d.m.Y') : '' }}</small>
                        </div>
                        @if($payment->case)
                            <small style="color: var(--gray);">Дело: {{ $payment->case->case_number }}</small>
                        @endif
                        <small style="color: {{ $payment->payment_type === 'voluntary' ? 'var(--success)' : 'var(--warning)' }};">
                            {{ $payment->payment_type === 'voluntary' ? 'Добровольно' : 'Принудительно' }}
                        </small>
                    </div>
                @empty
                    <p class="text-muted text-center">Нет платежей</p>
                @endforelse
            </div>
        </div>
    </div>
</div>

<!-- График платежей по месяцам -->
<div class="row">
    <div class="col-12 mb-4">
        <div class="card">
            <div class="card-header">
                <h6 class="mb-0"><i class="bi bi-graph-up"></i> Динамика платежей {{ date('Y') }} года</h6>
            </div>
            <div class="card-body">
                <canvas id="monthlyPaymentsChart" height="100"></canvas>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.7.1/dist/chart.min.js"></script>
<script>
var monthlyData = @json($monthlyPayments);
var months = ['Янв', 'Фев', 'Мар', 'Апр', 'Май', 'Июн', 'Июл', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];
var data = new Array(12).fill(0);

monthlyData.forEach(function(item) {
    data[item.month - 1] = item.total_amount;
});

var ctx = document.getElementById('monthlyPaymentsChart').getContext('2d');
new Chart(ctx, {
    type: 'bar',
    data: {
        labels: months,
        datasets: [{
            label: 'Сумма платежей (₽)',
            data: data,
            backgroundColor: 'rgba(54, 162, 235, 0.5)',
            borderColor: 'rgba(54, 162, 235, 1)',
            borderWidth: 1
        }]
    },
    options: {
        responsive: true,
        scales: {
            y: {
                beginAtZero: true,
                ticks: {
                    callback: function(value) { return value.toLocaleString('ru-RU') + ' ₽'; }
                }
            }
        }
    }
});
</script>
@endpush
@endsection