@extends('layouts.admin')

@section('title', 'WhatsApp Credits')

@section('content')
<div class="admin-page-header">
    <h1>WhatsApp Credits</h1>
    @if(auth()->user()->isAdmin())
        <a href="{{ route('admin.whatsapp.credits.create') }}" class="admin-btn-primary">
            <i class="bi bi-plus"></i> Create WhatsApp Credits
        </a>
    @endif
</div>

<div class="row g-4 mb-4">
    {{-- Summary Cards --}}
    <div class="col-md-4">
        <div class="kpi-card">
            <div class="kpi-card-icon kpi-card-icon-primary">
                <i class="bi bi-wallet2"></i>
            </div>
            <div class="kpi-card-content-wrapper">
                <div class="kpi-card-value">{{ $store_credits->total_credits ?? 0 }}</div>
                <div class="kpi-card-label">Total WhatsApp Credits</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="kpi-card">
            <div class="kpi-card-icon kpi-card-icon-success">
                <i class="bi bi-check-circle"></i>
            </div>
            <div class="kpi-card-content-wrapper">
                <div class="kpi-card-value">{{ $store_credits->total_credits - $store_credits->used_credits }}</div>
                <div class="kpi-card-label">Remaining Credits</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="kpi-card">
            <div class="kpi-card-icon kpi-card-icon-warning">
                <i class="bi bi-clock-history"></i>
            </div>
            <div class="kpi-card-content-wrapper">
                <div class="kpi-card-value">{{ $store_credits->used_credits ?? 0 }}</div>
                <div class="kpi-card-label">Used Credits</div>
            </div>
        </div>
    </div>
</div>

{{-- Credits Table --}}
<div class="admin-card">
    <div class="card-header">
        <h5 class="mb-0">Credit History</h5>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="admin-table table table-hover mb-0">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Date</th>
                                <th>WhatsApp Credits</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($credits as $index => $credit)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ \Carbon\Carbon::parse($credit->whatsapp_date)->format('d-m-Y') }}</td>
                                    <td>{{ $credit->whatsapp_credit }}</td>
                                    
                                </tr>
                            @endforeach

                            @if($credits->isEmpty())
                                <tr>
                                    <td colspan="3" class="text-center py-5">
                                        <div class="admin-empty-state">
                                            <i class="bi bi-wallet2"></i>
                                            <h3>No WhatsApp Credits Found</h3>
                                            <p>No credit history available.</p>
                                        </div>
                                    </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>

                    <!-- Pagination - Right Aligned -->
                    <div class="pagination-wrapper mt-4">
                        <div class="d-flex justify-content-end align-items-center gap-3 flex-wrap">
                            <div class="pagination-info-text">
                                Showing <strong>{{ $credits->firstItem() ?? 0 }}</strong>–<strong>{{ $credits->lastItem() ?? 0 }}</strong> 
                                of <strong>{{ $credits->total() }}</strong> credits
                            </div>
                            @if($credits->hasPages())
                            <div class="pagination-controls">
                                {{ $credits->links('vendor.pagination.admin-categories') }}
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection