@php
    $headerOption = [
        'title' => $module,
        'header_buttons' => [
            ($permission['create'] ? '<a class="'. \Config::get('view.buttons.primary') .'" href="'. route($routePrefix . '.create') .'" data-toggle="tooltip" data-original-title="Add New Record">'. \Config::get('settings.icon_add') .' <span>Add New</span></a>' : '')
        ],
        'filters' => isset($filters) ? $filters : [],
        'data'    => isset($data) ? $data : []
    ];
@endphp
@extends('admin.layouts.layout', $headerOption)

@section('content')
    <div class="col-xl-12">
        <div class="row">
            <div class="col-sm-3">
                <div class="card border border-primary bg-primary text-white">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-1">
                            <div class="avatar-sm me-3">
                                <span class="avatar-title rounded-circle bg-primary-subtle text-primary bg-white font-size-22">
                                    <i class="bx bx-dollar"></i>
                                </span>
                            </div>
                            <h5 class="font-size-14 mb-0">Total Raised</h5>
                        </div>
                        <div class="text-white mt-2">
                            <h4>$ 7,450 <i class="mdi mdi-chevron-up ms-1 text-success"></i></h4>
                            <div class="d-flex">
                                <span class="badge badge-soft-success font-size-12"> + 0.2% </span> <span class="ms-2 text-truncate">From previous period</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-3">
                <div class="card border border-primary">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-1">
                            <div class="avatar-sm me-3">
                                <span class="avatar-title rounded-circle bg-primary-subtle text-white font-size-22">
                                    <i class="bx bx-line-chart"></i>
                                </span>
                            </div>
                            <h5 class="font-size-14 mb-0">Active Campaigns</h5>
                        </div>
                        <div class="text-muted mt-2">
                            <h4>26 <i class="mdi mdi-chevron-up ms-1 text-success"></i></h4>
                            <div class="d-flex">
                                <span class="badge badge-soft-success font-size-12"> + 0.2% </span> <span class="ms-2 text-truncate">From previous period</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-3">
                <div class="card border border-primary">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-1">
                            <div class="avatar-sm me-3">
                                <span class="avatar-title rounded-circle bg-primary-subtle text-white font-size-22">
                                    <i class="bx bx-purchase-tag-alt"></i>
                                </span>
                            </div>
                            <h5 class="font-size-14 mb-0">NFT Sold</h5>
                        </div>
                        <div class="text-muted mt-2">
                            <h4>2563 <i class="mdi mdi-chevron-down ms-1 text-danger"></i></h4>
                            
                            <div class="d-flex">
                                <span class="badge badge-soft-warning font-size-12"> 0% </span> <span class="ms-2 text-truncate">From previous period</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-3">
                <div class="card border border-danger">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-1">
                            <div class="avatar-sm me-3">
                                <span class="avatar-title rounded-circle bg-primary-subtle text-white font-size-22">
                                    <i class="bx bx-wallet"></i>
                                </span>
                            </div>
                            <h5 class="font-size-14 mb-0">Pending Withdrawals</h5>
                        </div>
                        <div class="text-muted mt-2">
                            <h4>$ 28,452 <i class="mdi mdi-chevron-up ms-1 text-success"></i></h4>
                            <div class="d-flex">
                                <span class="badge badge-soft-success font-size-12"> + 0.2% </span> <span class="ms-2 text-truncate">From previous period</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->
    </div>
    <div class="table-responsive">
        <table class="{!! \Config::get('view.table.table_class') !!}">
            <thead class="{!! \Config::get('view.table.table_head_class') !!}">
                <tr>                    
                    <th>Campaign Name {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'title', $orderBy) !!}</th>
                    <th colspan="2">Fund Raised</th>
                    <th style="text-align: right;">Goal</th>
                    <th>Raised</th>
                    <th>NFTs Minted</th>
                    <th>Status</th>
                    <!-- <th>Created At</th> -->
                    @if ($permission['edit'] || $permission['destroy'])
                        <th width="15%" style="text-align: right;">Action</th>
                    @endif
                </tr>
            </thead>
            <tbody>

                @php
                    $dummyCampaigns = [
                        [
                            'name' => 'Medical Aid Fund',
                            'subtitle' => 'Emergency Support',
                            'fund_raised' => 'Jon Doe',
                            'goal' => '$8,000',
                            'raised' => '$5,600',
                            'percent' => 70,
                            'nfts' => 120,
                            'status' => 'Active',
                            'badge_bg' => '#FFE4E4',
                            'badge_color' => '#D32F2F',
                            'icon' => 'bi-heart',
                            'icon_color' => 'text-danger',
                            'progress_bg' => '#FF5D5D',
                            'row_bg' => '#FFE4E4',
                            'id' => 4,
                        ],
                        [
                            'name' => 'Innovation Grant',
                            'subtitle' => 'Tech & Research',
                            'fund_raised' => 'Abram Smith',
                            'goal' => '$12,000',
                            'raised' => '$4,800',
                            'percent' => 40,
                            'nfts' => 60,
                            'status' => 'Pending',
                            'badge_bg' => '#FFF7E0',
                            'badge_color' => '#D28A00',
                            'icon' => 'bi-lightbulb',
                            'icon_color' => 'text-warning',
                            'progress_bg' => '#FFD600',
                            'row_bg' => '#FFF7E0',
                            'id' => 5,
                        ],
                        [
                            'name' => 'Clean Water Project',
                            'subtitle' => 'Community Wells',
                            'fund_raised' => 'Denial Lee',
                            'goal' => '$6,500',
                            'raised' => '$3,250',
                            'percent' => 50,
                            'nfts' => 45,
                            'status' => 'Pending',
                            'badge_bg' => '#E0F7FA',
                            'badge_color' => '#0097A7',
                            'icon' => 'bi-droplet',
                            'icon_color' => 'text-info',
                            'progress_bg' => '#00BCD4',
                            'row_bg' => '#E0F7FA',
                            'id' => 6,
                        ],
                        [
                            'name' => 'Green Sports Initiative',
                            'subtitle' => 'Eco-Friendly Facilities',
                            'fund_raised' => 'Pitter Parker',
                            'goal' => '$15,000',
                            'raised' => '$9,000',
                            'percent' => 60,
                            'nfts' => 200,
                            'status' => 'Active',
                            'badge_bg' => '#D4FCE5',
                            'badge_color' => '#1BAA58',
                            'icon' => 'bi-tree',
                            'icon_color' => 'text-success',
                            'progress_bg' => '#23C46D',
                            'row_bg' => '#F5F5F5',
                            'id' => 7,
                        ],
                        [
                            'name' => 'Youth Sports Scholarship',
                            'subtitle' => 'Talent Development',
                            'fund_raised' => 'Marcus Thorne',
                            'goal' => '$10,000',
                            'raised' => '$7,000',
                            'percent' => 70,
                            'nfts' => 150,
                            'status' => 'Active',
                            'badge_bg' => '#E3F2FD',
                            'badge_color' => '#1976D2',
                            'icon' => 'bi-award',
                            'icon_color' => 'text-primary',
                            'progress_bg' => '#1976D2',
                            'row_bg' => '#E3F2FD',
                            'id' => 8,
                        ],
                        [
                            'name' => 'Women in Sports Fund',
                            'subtitle' => 'Empowerment',
                            'fund_raised' => 'Jemson Williams',
                            'goal' => '$9,500',
                            'raised' => '$2,850',
                            'percent' => 30,
                            'nfts' => 80,
                            'status' => 'Pending',
                            'badge_bg' => '#FFF3E0',
                            'badge_color' => '#F57C00',
                            'icon' => 'bi-gender-female',
                            'icon_color' => 'text-warning',
                            'progress_bg' => '#F57C00',
                            'row_bg' => '#FFF3E0',
                            'id' => 9,
                        ],
                        [
                            'name' => 'Sports Equipment Drive',
                            'subtitle' => 'Gear for All',
                            'fund_raised' => 'Jems Brown',
                            'goal' => '$5,000',
                            'raised' => '$4,000',
                            'percent' => 80,
                            'nfts' => 100,
                            'status' => 'Active',
                            'badge_bg' => '#F1F8E9',
                            'badge_color' => '#388E3C',
                            'icon' => 'bi-basket',
                            'icon_color' => 'text-success',
                            'progress_bg' => '#388E3C',
                            'row_bg' => '#F1F8E9',
                            'id' => 10,
                        ],
                        [
                            'name' => 'Paralympic Support',
                            'subtitle' => 'Inclusive Sports',
                            'fund_raised' => 'Leen Carter',
                            'goal' => '$7,200',
                            'raised' => '$2,160',
                            'percent' => 30,
                            'nfts' => 40,
                            'status' => 'Pending',
                            'badge_bg' => '#EDE7F6',
                            'badge_color' => '#7E57C2',
                            'icon' => 'bi-universal-access',
                            'icon_color' => 'text-purple',
                            'progress_bg' => '#7E57C2',
                            'row_bg' => '#EDE7F6',
                            'id' => 11,
                        ],
                        [
                            'name' => 'Rural Sports Outreach',
                            'subtitle' => 'Remote Communities',
                            'fund_raised' => 'Pitter Williams',
                            'goal' => '$8,800',
                            'raised' => '$5,280',
                            'percent' => 60,
                            'nfts' => 90,
                            'status' => 'Active',
                            'badge_bg' => '#FFFDE7',
                            'badge_color' => '#FBC02D',
                            'icon' => 'bi-geo-alt',
                            'icon_color' => 'text-warning',
                            'progress_bg' => '#FBC02D',
                            'row_bg' => '#FFFDE7',
                            'id' => 12,
                        ],
                        [
                            'name' => 'Coach Training Program',
                            'subtitle' => 'Skill Development',
                            'fund_raised' => 'Mackenzie Johnson',
                            'goal' => '$11,000',
                            'raised' => '$8,250',
                            'percent' => 75,
                            'nfts' => 110,
                            'status' => 'Active',
                            'badge_bg' => '#E0F2F1',
                            'badge_color' => '#00897B',
                            'icon' => 'bi-person-badge',
                            'icon_color' => 'text-info',
                            'progress_bg' => '#00897B',
                            'row_bg' => '#E0F2F1',
                            'id' => 13,
                        ],
                    ];
                @endphp

                @foreach($dummyCampaigns as $c)
                    <tr>
                        <td>
                            <div class="d-flex align-items-center">
                                <div class="p-3 rounded-3 me-3" style="background:{{ $c['row_bg'] }};">
                                    <i class="bi {{ $c['icon'] }} fs-4 {{ $c['icon_color'] }}"></i>
                                </div>
                                <div>
                                    <div class="fw-semibold">{{ $c['name'] }}</div>
                                    <small class="text-muted">{{ $c['subtitle'] }}</small>
                                </div>
                            </div>
                        </td>
                        <td style="width: 2%;">
                            <div class="avatar-xs ">
                                @php
                                    // Generate initials
                                    $parts = preg_split('/\s+/', trim($c['fund_raised']));
                                    $first = $parts[0] ?? '';
                                    $last = $parts[count($parts) - 1] ?? '';
                                    $initials = strtoupper(mb_substr($first, 0, 1) . mb_substr($last, 0, 1));

                                    // Deterministic "random" color based on name
                                    $palette = [
                                        '#FEC84B', // amber
                                        '#F97066', // red
                                        '#84C5F4', // blue
                                        '#6CE9A6', // green
                                        '#9B8AFB', // purple
                                        '#F7B4A3', // coral
                                        '#A3E3F7', // cyan
                                        '#FFD3A3', // orange
                                    ];
                                    $idx = crc32($c['fund_raised']) % count($palette);
                                    $bg = $palette[$idx];
                                @endphp
                                <span class="avatar-title rounded-circle text-white font-size-16" style="background: {{ $bg }};">{{ $initials }}</span>
                            </div>
                        </td>
                        <td >{{ $c['fund_raised'] }}</td>
                        <td class="text-right">{{ $c['goal'] }}</td>
                        <td>
                            <div class="fw-semibold {{ $c['icon_color'] }}">{{ $c['raised'] }} ({{ $c['percent'] }}%)</div>
                            <div class="progress" style="height:6px;">
                                <div class="progress-bar" role="progressbar" style="width:{{ $c['percent'] }}%; background:{{ $c['progress_bg'] }};"></div>
                            </div>
                        </td>
                        <td>{{ $c['nfts'] }}</td>
                        <td>
                            <span class="badge rounded-pill" style="background:{{ $c['badge_bg'] }}; color:{{ $c['badge_color'] }};">● {{ $c['status'] }}</span>
                        </td>
                        @if ($permission['edit'] || $permission['destroy'])
                        <td class="text-right">
                            <a href="#" class="btn btn-sm btn-outline-secondary waves-effect" data-toggle="tooltip" title="" data-original-title="Edit">
                                <i class="mdi mdi-border-color"></i>
                            </a>
                            <a class="btn btn-sm btn-outline-danger waves-effect" data-toggle="tooltip" title="" data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?" data-confirm-yes="event.preventDefault();
                            document.getElementById('delete-form-{{ $c['id'] }}').submit();" data-original-title="Delete">
                                <i class="mdi mdi-delete"></i>
                            </a>
                            <form method="POST" action="#" style="display:inline" id="delete-form-{{ $c['id'] }}"><input type="hidden" name="_method" id="_method" value="DELETE"><input type="hidden" name="_token" value="dummy_token_{{ $c['id'] }}"></form>
                        </td>
                        @endif
                    </tr>
                @endforeach

                {{-- 
                @if (count($data) != 0)
                    @foreach ($data as $key => $val)
                        <tr>
                            <td>{{ $val->title }}</td>
                            <td><span
                                    class="badge badge-pill badge-soft-{{ $val->statuses[$val->status]['badge'] }} font-size-12">{!! $val->statuses[$val->status]['name'] !!}</span>
                            </td>
                            <td><span class="utc-time" data-time="{{ $val->created_at->toIso8601String() }}"></span></td>
                            @if ($permission['edit'] || $permission['destroy'])
                                <td class="text-right">
                                    @if ($permission['edit'])
                                        <a href="{{ route($routePrefix . '.edit', $val->id) }}"
                                            class="{!! \Config::get('view.table.list_light_button') !!}" data-toggle="tooltip" title=""
                                            data-original-title="Edit">{!! \Config::get('settings.icon_edit') !!}</a>
                                    @endif
                                    @if ($permission['destroy'] && $val->id != auth()->user()->id)
                                        <a class="{!! \Config::get('view.table.list_danger_button') !!}" data-toggle="tooltip" title=""
                                            data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?"
                                            data-confirm-yes="event.preventDefault();
                    document.getElementById('delete-form-{{ $val->id }}').submit();"
                                            data-original-title="Delete">{!! \Config::get('settings.icon_delete') !!}</a>
                                        {!! html()->form('DELETE', route($routePrefix . '.destroy', $val->id))->attributes([
                                                'style' => 'display:inline',
                                                'id' => 'delete-form-' . $val->id,
                                            ])->open() !!}
                                        {!! html()->form()->close() !!}
                                    @endif
                                </td>
                            @endif
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="25">
                            <div class="alert alert-danger">No Data</div>
                        </td>
                    </tr>
                @endif
                --}}
            </tbody>
        </table>
    </div>

    @include('admin.components.pagination')
@endsection