@include('Partials.sidebar')
<section class="main_content dashboard_part large_header_bg">
@include('Partials.header')
<div class="main_content_iner default_main_contaner_iner">
<div class="page-body">

    <div class="container-fluid">
        <div class="page-title">
            <div class="row align-items-center">
                <div class="col-sm-6 ps-0">
                    <h3><i class="fas fa-comments mr-2" style="color:#c9a96e"></i>Feedback</h3>
                    <p class="text-muted mb-0" style="font-size:13px">User feedback & reviews</p>
                </div>
                <div class="col-sm-6 pe-0">
                    <ol class="bc">
                        <li><a href="/admin/dashboard" class="bc-home"><i class="fas fa-home"></i></a></li>
                         <li class="bc-sep">›</li>
                        <li class="bc-active">Feedback</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    @foreach(['success','error'] as $t)
        @if(session($t))
        <div class="container-fluid mb-2">
            <div class="alert alert-{{ $t==='error'?'danger':$t }} alert-dismissible fade show">
                {{ session($t) }}<button type="button" class="close" data-dismiss="alert">&times;</button>
            </div>
        </div>
        @endif
    @endforeach

    {{-- Stat cards --}}
    <div class="container-fluid mb-3">
        <div class="row">
            @foreach([
                ['label'=>'Total',    'value'=>$stats['total'],      'color'=>'#6c757d', 'icon'=>'fa-comments'],
                ['label'=>'Pending',  'value'=>$stats['pending'],    'color'=>'#f59e0b', 'icon'=>'fa-clock'],
                ['label'=>'Reviewed', 'value'=>$stats['reviewed'],   'color'=>'#3b82f6', 'icon'=>'fa-eye'],
                ['label'=>'Resolved', 'value'=>$stats['resolved'],   'color'=>'#22c55e', 'icon'=>'fa-check-circle'],
                ['label'=>'Avg Rating','value'=>$stats['avg_rating'].'★', 'color'=>'#c9a96e','icon'=>'fa-star'],
            ] as $c)
            <div class="col mb-3" style="min-width:140px">
                <div class="card shadow-sm h-100" style="border-left:4px solid {{ $c['color'] }}">
                    <div class="card-body py-2 px-3">
                        <div class="d-flex justify-content-between align-items-center mb-1">
                            <div class="text-muted text-uppercase" style="font-size:10px">{{ $c['label'] }}</div>
                            <i class="fas {{ $c['icon'] }} text-muted" style="opacity:0.4;font-size:12px"></i>
                        </div>
                        <div style="font-size:22px;font-weight:700;color:{{ $c['color'] }}">{{ $c['value'] }}</div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>

    {{-- Filters --}}
    <div class="container-fluid mb-3">
        <div class="card shadow-sm">
            <div class="card-body py-2">
                <form method="GET" class="d-flex flex-wrap align-items-center" style="gap:8px">
                    <input type="text" name="search" class="form-control form-control-sm"
                        placeholder="Search subject, message, user..."
                        value="{{ request('search') }}" style="max-width:220px">

                    <select name="status" class="form-control form-control-sm" style="max-width:130px">
                        <option value="">All Status</option>
                        @foreach(['pending','reviewed','resolved'] as $s)
                            <option value="{{ $s }}" {{ request('status')===$s?'selected':'' }}>{{ ucfirst($s) }}</option>
                        @endforeach
                    </select>

                    <select name="rating" class="form-control form-control-sm" style="max-width:120px">
                        <option value="">All Ratings</option>
                        @foreach([5,4,3,2,1] as $r)
                            <option value="{{ $r }}" {{ request('rating')==$r?'selected':'' }}>
                                {{ str_repeat('★',$r) . str_repeat('☆',5-$r) }}
                            </option>
                        @endforeach
                    </select>

                    <select name="category" class="form-control form-control-sm" style="max-width:130px">
                        <option value="">All Categories</option>
                        @foreach(['general','service','unit','payment','staff'] as $c)
                            <option value="{{ $c }}" {{ request('category')===$c?'selected':'' }}>{{ ucfirst($c) }}</option>
                        @endforeach
                    </select>

                    <button class="btn btn-primary btn-sm"><i class="fas fa-filter mr-1"></i>Filter</button>
                    <a href="/admin/feedback" class="btn btn-outline-secondary btn-sm"><i class="fas fa-times"></i></a>
                </form>
            </div>
        </div>
    </div>

    {{-- Table --}}
    <div class="container-fluid">
        <div class="card shadow-sm">
            <div class="card-header"><h6 class="mb-0">{{ $feedbacks->total() }} Feedbacks</h6></div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover mb-0" style="font-size:13px">
                        <thead style="background:#f8f9fa">
                            <tr>
                                <th>User</th>
                                <th>Subject</th>
                                <th>Rating</th>
                                <th>Category</th>
                                <th>Status</th>
                                <th>Submitted</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($feedbacks as $fb)
                            @php
                                $ratingColor = $fb->rating >= 4 ? '#22c55e' : ($fb->rating >= 3 ? '#f59e0b' : '#ef4444');
                            @endphp
                            <tr class="{{ $fb->status === 'pending' ? 'table-warning' : '' }}">
                                <td>
                                    <div style="font-weight:600">{{ $fb->user?->name }}</div>
                                    <div style="font-size:11px;color:#94a3b8">{{ $fb->user?->email }}</div>
                                </td>
                                <td>
                                    <div style="font-weight:600;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">
                                        {{ $fb->subject }}
                                        @if($fb->status === 'pending')
                                            <span class="badge badge-warning ml-1" style="font-size:9px">New</span>
                                        @endif
                                    </div>
                                    <div style="font-size:11px;color:#94a3b8;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">
                                        {{ $fb->message }}
                                    </div>
                                </td>
                                <td style="color:{{ $ratingColor }};font-weight:700;font-size:14px">
                                    {{ str_repeat('★',$fb->rating) }}
                                    <span style="font-size:11px;color:#94a3b8;font-weight:400">{{ $fb->rating }}/5</span>
                                </td>
                                <td>
                                    <span class="badge badge-secondary" style="text-transform:capitalize">{{ $fb->category }}</span>
                                    @if($fb->booking)
                                        <div style="font-size:11px;color:#94a3b8;margin-top:2px">Unit {{ $fb->booking->plot_number }}</div>
                                    @endif
                                </td>
                                <td>
                                    <span class="badge {{ $fb->statusBadgeClass() }}" style="text-transform:capitalize">
                                        {{ $fb->status }}
                                    </span>
                                    @if($fb->replied_at)
                                        <div style="font-size:11px;color:#94a3b8;margin-top:2px">
                                            Replied {{ $fb->replied_at->diffForHumans() }}
                                        </div>
                                    @endif
                                </td>
                                <td style="font-size:12px;color:#94a3b8">
                                    {{ $fb->created_at->format('d M Y') }}<br>
                                    <span style="font-size:11px">{{ $fb->created_at->format('H:i') }}</span>
                                </td>
                                <td>
                                    <div class="d-flex" style="gap:4px">
                                        <a href="/admin/feedback/{{ $fb->id }}"
                                           class="btn btn-sm btn-outline-primary" title="View & Reply">
                                            <i class="fas fa-reply"></i>
                                        </a>
                                        <form method="POST" action="/admin/feedback/{{ $fb->id }}"
                                              onsubmit="return confirm('Delete this feedback?')">
                                            @csrf @method('DELETE')
                                            <button class="btn btn-sm btn-outline-danger" title="Delete">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="7" class="text-center text-muted py-5">
                                    <i class="fas fa-comments fa-2x mb-2 d-block" style="opacity:0.2"></i>
                                    No feedback found.
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            @if($feedbacks->hasPages())
            <div class="card-footer">{{ $feedbacks->links() }}</div>
            @endif
        </div>
    </div>

</div>
</div>
</section>
@include('Partials.footer')