@extends('layouts.app')

@section('title', 'Жалобы и похвалы')

@push('styles')
<style>
    .feedback-card { transition: 0.2s; }
    .feedback-card:hover { transform: translateY(-2px); }
</style>
@endpush

@section('content')
    <div class="container mt-4">
        <h2 class="mb-4">Жалобы и похвалы</h2>

        <div class="row">
            <div class="col-md-6">
                <h4 class="text-success">Похвалы</h4>
                @include('shared.feedback-column', ['items' => $praises, 'borderClass' => 'border-success', 'emptyText' => 'Похвал пока нет'])
            </div>

            <div class="col-md-6">
                <h4 class="text-danger">Жалобы</h4>
                @include('shared.feedback-column', ['items' => $complaints, 'borderClass' => 'border-danger', 'emptyText' => 'Жалоб пока нет'])
            </div>
        </div>
    </div>
@endsection