@extends('backEnd.layouts.master')
@section('title', 'Dismiss History Report')

@push('styles')
<style>
.dh-no-call { background:#fee2e2;color:#991b1b;font-weight:700;padding:.15rem .45rem;border-radius:4px; }
.dh-has-call { background:#dcfce7;color:#166534;font-weight:700;padding:.15rem .45rem;border-radius:4px; }
.dh-stat { border-left:4px solid #f97316; }
</style>
@endpush

@section('content')
<div class="container-fluid py-3">
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
        <div>
            <h4 class="mb-0 fw-bold"><i class="fas fa-check-double me-2 text-warning"></i>Dismiss History Report</h4>
            <small class="text-muted">Hub ✓ dismiss proof — কে, কখন, কেন, call ছাড়াই dismiss হয়েছে কিনা</small>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.support.reports.calls', ['from' => $from, 'to' => $to]) }}" class="btn btn-outline-primary btn-sm">Call Tracking</a>
            <a href="{{ route('admin.support.hub') }}" class="btn btn-outline-secondary btn-sm">Moderator Hub</a>
        </div>
    </div>

    <form method="GET" class="card shadow-sm border-0 mb-3">
        <div class="card-body">
            <div class="row g-2 align-items-end">
                <div class="col-md-2">
                    <label class="form-label small mb-1">From</label>
                    <input type="date" name="from" class="form-control form-control-sm" value="{{ $from }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label small mb-1">To</label>
                    <input type="date" name="to" class="form-control form-control-sm" value="{{ $to }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label small mb-1">Moderator</label>
                    <select name="moderator_user_id" class="form-select form-select-sm">
                        <option value="">All</option>
                        @foreach($moderators as $m)
                        @if($m->user_id)
                        <option value="{{ $m->user_id }}" {{ (string)($filters['moderator_user_id'] ?? '') === (string)$m->user_id ? 'selected' : '' }}>
                            {{ $m->name }}
                        </option>
                        @endif
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label small mb-1">Call before dismiss</label>
                    <select name="call_status" class="form-select form-select-sm">
                        <option value="">All</option>
                        <option value="without_call" {{ ($filters['call_status'] ?? '') === 'without_call' ? 'selected' : '' }}>No call logged</option>
                        <option value="with_call" {{ ($filters['call_status'] ?? '') === 'with_call' ? 'selected' : '' }}>Call logged</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label small mb-1">Search invoice / phone / name</label>
                    <input type="text" name="q" class="form-control form-control-sm" value="{{ $filters['q'] ?? '' }}" placeholder="INV-… or 01…">
                </div>
                <div class="col-md-1 d-flex gap-2">
                    <button class="btn btn-primary btn-sm">Filter</button>
                </div>
            </div>
        </div>
    </form>

    <div class="row g-3 mb-3">
        <div class="col-md-4">
            <div class="card shadow-sm border-0 dh-stat h-100">
                <div class="card-body py-3">
                    <div class="small text-muted">Total Dismiss</div>
                    <div class="fs-4 fw-bold">{{ $summary['total'] }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-body py-3">
                    <div class="small text-muted">Call ছাড়াই dismiss</div>
                    <div class="fs-4 fw-bold text-danger">{{ $summary['without_call'] }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-body py-3">
                    <div class="small text-muted">Call log আছে তারপর dismiss</div>
                    <div class="fs-4 fw-bold text-success">{{ $summary['with_call'] }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="card shadow-sm border-0">
        <div class="card-header bg-transparent fw-semibold">Dismiss log details</div>
        <div class="table-responsive">
            <table class="table table-hover table-sm mb-0 align-middle">
                <thead class="table-light">
                    <tr>
                        <th>Dismissed at</th>
                        <th>Moderator</th>
                        <th>Order</th>
                        <th>Customer</th>
                        <th>Reason</th>
                        <th>Call logged?</th>
                        <th>Order note</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($rows as $row)
                    <tr>
                        <td class="text-nowrap small">{{ $row->created_at?->format('d M Y, h:i A') }}</td>
                        <td class="small fw-semibold">{{ $row->user?->name ?? '—' }}</td>
                        <td>
                            @if($row->order)
                            <a href="{{ route('admin.orders.show', $row->order_id) }}" class="fw-semibold">#{{ $row->order->invoice_id }}</a>
                            <div class="small text-muted">৳{{ number_format((float) $row->order->amount) }}</div>
                            @else
                            <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>
                            <div class="small fw-semibold">{{ $row->order?->customer_name ?: '—' }}</div>
                            <div class="small text-muted">{{ $row->order?->customer_phone }}</div>
                        </td>
                        <td class="small">
                            <div>{{ $row->reason_label ?? $hub->dismissReasonLabel($row->note) }}</div>
                            @if($row->note && str_starts_with($row->note, 'other:'))
                            <div class="text-muted">{{ Str::limit(trim(substr($row->note, 6)), 80) }}</div>
                            @endif
                        </td>
                        <td>
                            @if($row->had_call_before)
                            <span class="dh-has-call">Yes</span>
                            @else
                            <span class="dh-no-call">No call</span>
                            @endif
                        </td>
                        <td class="small text-muted">Orders page note-এ sync হয়</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7" class="text-center py-4 text-muted">
                            No dismiss logs in this period.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($rows->hasPages())
        <div class="card-footer bg-transparent">{{ $rows->links() }}</div>
        @endif
    </div>
</div>
@endsection