@extends('bn.dashboard.layout')

@section('title', 'Dashboard')

@section('dashboard-content')
<div class="db-breadcrumb">
    <h4 class="breadcrumb-title"> স্বাগতম , {{ Auth::user()->display_name ?? Auth::user()->name }}</h4>
</div>

@if(!empty($mappingProblem))
    <div class="alert alert-warning">
        We couldn’t match your login to a WordPress user. Set a <code>wp_user_id</code> on your Laravel user
        or ensure the email matches <code>wp_users.user_email</code>.
    </div>
@endif

<!-- Cards (Totals by type + overall) -->
<div class="row">
    <div class="col-md-6 col-lg-3 col-xl-3 col-sm-6 col-12">
        <div class="widget-card widget-bg1">
            <div class="wc-item">
                <h4 class="wc-title"> মোট এনরোল</h4>
                <div class="wc-pro">
                    <span class="wc-stats counter">{{ $totalEnrolled ?? 0 }}</span>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-6 col-lg-3 col-xl-3 col-sm-6 col-12">
        <div class="widget-card widget-bg2">
            <div class="wc-item">
                <h4 class="wc-title">ই-বুক এনরোল</h4>
                <div class="wc-pro">
                    <span class="wc-stats counter">{{ $counts['ebook'] ?? 0 }}</span>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-6 col-lg-3 col-xl-3 col-sm-6 col-12">
        <div class="widget-card widget-bg3">
            <div class="wc-item">
                <h4 class="wc-title">কোর্স এনরোল</h4>
                <div class="wc-pro">
                    <span class="wc-stats counter">{{ $counts['courses'] ?? 0 }}</span>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-6 col-lg-3 col-xl-3 col-sm-6 col-12">
        <div class="widget-card widget-bg4">
            <div class="wc-item">
                <h4 class="wc-title">লাইভ ক্লাস এনরোল</h4>
                <div class="wc-pro">
                    <span class="wc-stats counter">{{ $counts['live_class'] ?? 0 }}</span>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Pending Enrollments (overall + breakdown) -->
<div class="row mt-3">
    <div class="col-md-6 col-lg-4 col-xl-4 col-sm-12">
        <div class="widget-card widget-bg2">
            <div class="wc-item">
                <h4 class="wc-title">অপেক্ষমাণ এনরোলমেন্ট</h4>
                <div class="wc-pro">
                    <span class="wc-stats counter">{{ $pendingCounts['total'] ?? 0 }}</span>
                </div>
                <small class="text-light d-block mt-1">
                    Ebooks: {{ $pendingCounts['ebook'] ?? 0 }} ·
                    Courses: {{ $pendingCounts['courses'] ?? 0 }} ·
                    Live: {{ $pendingCounts['live_class'] ?? 0 }}
                </small>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12 m-b30">
        <div class="widget-box">
            <div class="wc-title">
				<a class="nav-link" href="{{ route('dashboard.daily-routine') }}">
					<button class="btn btn-success">দৈনিক ইসলামিক রুটিনে যান</button>
				</a>
            </div>
		</div>
	</div>
</div>

<div class="row">
    <div class="col-lg-12 m-b30">
        <div class="widget-box">
            <div class="wc-title">
                <h4> এনরোলকৃত আইটেমসমূহ   ({{ $items->count() }})</h4>
            </div>
            <div class="widget-inner">

                @if($mappingProblem)
                    <div class="alert alert-warning">
                        Could not resolve WordPress account mapping.
                    </div>
                @endif

                <div class="table-responsive">
                    <table class="table table-striped table-hover">
                        <thead class="thead-light">
                            <tr>
                                <th>#</th>
                                <th>Title</th>
                                <th>Type</th>
                                <th>Order ID</th>
                                <th>Payment Status</th>
                                <th>Enroll Date</th>
                               
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($items as $index => $item)
                                <tr>
                                    <th scope="row">{{ $index + 1 }}</th>
                                    <td>{{ $item->post_title }}</td>
                                    <td>{{ ucwords(str_replace('_', ' ', $item->post_type)) }}</td>
                                    <td>{{ $item->order_id }}</td>
                                    <td>
                                        @if($item->payment_status === 'pending')
                                            <span class="badge bg-warning text-dark">Pending</span>
                                        @else
                                            <span class="badge bg-success">Completed</span>
                                        @endif
                                    </td>
                                    <td>{{ \Carbon\Carbon::parse($item->post_date)->format('d/m/Y') }}</td>

                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center">No enrolled items found.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </div>
</div>
@endsection