{{-- ============================================================
     resources/views/admin/promotions/index.blade.php
     ============================================================ --}}
@extends('layouts.admin')
@section('title','User Promotions')

@section('content')

{{-- Stats --}}
<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;">
    @php
    $pendingPromos  = \App\Models\UserPromotion::where('status','pending')->count();
    $activePromos   = \App\Models\UserPromotion::where('status','active')->count();
    $totalPtsBudget = \App\Models\UserPromotion::sum('points_budget');
    $totalPtsSpent  = \App\Models\UserPromotion::sum('points_spent');
    @endphp
    <div class="stat-card blue"><div class="stat-icon"><i class="fa fa-bullhorn"></i></div><div class="stat-value">{{ $activePromos }}</div><div class="stat-label">Active Promotions</div></div>
    <div class="stat-card orange"><div class="stat-icon"><i class="fa fa-clock"></i></div><div class="stat-value">{{ $pendingPromos }}</div><div class="stat-label">Pending Review</div></div>
    <div class="stat-card green"><div class="stat-icon"><i class="fa fa-coins"></i></div><div class="stat-value">{{ number_format($totalPtsBudget) }}</div><div class="stat-label">Total Budget (pts)</div></div>
    <div class="stat-card red"><div class="stat-icon"><i class="fa fa-chart-line"></i></div><div class="stat-value">{{ number_format($totalPtsSpent) }}</div><div class="stat-label">Points Paid to Viewers</div></div>
</div>

{{-- Filters --}}
<div class="card mb-20">
    <div class="card-body" style="padding:14px;">
        <form method="GET" class="filter-row">
            <select name="status" class="form-control" style="width:140px;">
                <option value="">All Status</option>
                @foreach(['pending','active','paused','rejected','depleted','completed'] as $s)
                <option value="{{ $s }}" {{ request('status')===$s?'selected':'' }}>{{ ucfirst($s) }}</option>
                @endforeach
            </select>
            <select name="type" class="form-control" style="width:140px;">
                <option value="">All Platforms</option>
                @foreach($platforms as $k => $p)
                <option value="{{ $k }}" {{ request('type')===$k?'selected':'' }}>{{ $p['icon'] }} {{ $p['label'] }}</option>
                @endforeach
            </select>
            <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> Filter</button>
            <a href="{{ route('admin.promotions') }}" class="btn btn-outline">Reset</a>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header"><h3>All Promotions <span class="badge badge-primary" style="margin-left:8px;">{{ $promotions->total() }}</span></h3></div>
    <div class="table-wrap">
        <table>
            <thead><tr><th>Campaign</th><th>User</th><th>Platform</th><th>Budget</th><th>Views</th><th>Status</th><th>Date</th><th>Actions</th></tr></thead>
            <tbody>
            @forelse($promotions as $promo)
            @php $info = $promo->platform_info; @endphp
            <tr>
                <td>
                    <div style="font-weight:600;font-size:13px;max-width:200px;">{{ Str::limit($promo->title,40) }}</div>
                    <a href="{{ $promo->url }}" target="_blank" style="font-size:11px;color:var(--primary);text-decoration:none;">{{ Str::limit($promo->url,40) }}</a>
                </td>
                <td>
                    <div style="display:flex;align-items:center;gap:8px;">
                        <img src="{{ $promo->user->avatar_url }}" class="td-avatar">
                        <div><div style="font-size:13px;font-weight:600;">{{ $promo->user->name }}</div></div>
                    </div>
                </td>
                <td><span style="font-size:20px;">{{ $info['icon'] }}</span> {{ $info['label'] }}</td>
                <td>
                    <div style="font-weight:700;">{{ number_format($promo->points_budget) }} pts</div>
                    <div style="font-size:11px;color:var(--text-muted);">{{ number_format($promo->points_remaining) }} left</div>
                    <div style="width:80px;height:4px;background:#E2E8F0;border-radius:2px;margin-top:4px;overflow:hidden;">
                        <div style="height:100%;width:{{ $promo->progress_percent }}%;background:{{ $promo->progress_percent>=90?'var(--danger)':'var(--primary)' }};border-radius:2px;"></div>
                    </div>
                </td>
                <td>{{ number_format($promo->views_count) }}<br><span style="font-size:11px;color:var(--text-muted);">{{ $promo->ctr }}% CTR</span></td>
                <td>
                    <span class="badge {{ match($promo->status){'active'=>'badge-success','pending'=>'badge-warning','paused'=>'badge-muted','rejected'=>'badge-danger','depleted'=>'badge-danger',default=>'badge-primary'} }}">
                        {{ ucfirst($promo->status) }}
                    </span>
                </td>
                <td style="font-size:12px;color:var(--text-muted);">{{ $promo->created_at->format('d M Y') }}</td>
                <td>
                    <div style="display:flex;gap:5px;flex-wrap:wrap;">
                        @if($promo->status === 'pending')
                        <form method="POST" action="{{ route('admin.promotions.approve', $promo) }}" style="display:inline;">@csrf
                            <button class="btn btn-success btn-xs">✓ Approve</button>
                        </form>
                        <button onclick="rejectModal({{ $promo->id }})" class="btn btn-danger btn-xs">✗ Reject</button>
                        @endif
                        <a href="{{ $promo->url }}" target="_blank" class="btn btn-outline btn-xs"><i class="fa fa-eye"></i></a>
                    </div>
                </td>
            </tr>
            @empty
            <tr><td colspan="8" style="text-align:center;padding:40px;color:var(--text-muted);">No promotions found.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="pagination">{{ $promotions->withQueryString()->links() }}</div>
</div>

{{-- Reject Modal --}}
<div id="reject-modal" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9000;align-items:center;justify-content:center;">
    <div style="background:#fff;border-radius:12px;padding:24px;width:380px;">
        <h3 style="margin-bottom:16px;color:var(--danger);">Reject Promotion</h3>
        <form method="POST" id="reject-form">@csrf
            <div class="form-group">
                <label class="form-label">Rejection Reason</label>
                <textarea name="reason" class="form-control" rows="3" placeholder="Tell the user why..." required></textarea>
            </div>
            <p style="font-size:12px;color:var(--text-muted);margin-bottom:16px;">Remaining points budget will be refunded to the user.</p>
            <div style="display:flex;gap:10px;">
                <button type="submit" class="btn btn-danger flex-1">Reject & Refund</button>
                <button type="button" onclick="document.getElementById('reject-modal').style.display='none'" class="btn btn-outline flex-1">Cancel</button>
            </div>
        </form>
    </div>
</div>

@endsection
@push('scripts')
<script>
function rejectModal(id) {
    document.getElementById('reject-modal').style.display='flex';
    document.getElementById('reject-form').action=`/admin/promotions/${id}/reject`;
}
</script>
@endpush