@php
    $headerOption = [
        'title' => $module,
        'header_buttons' => [
            ($permission['create'] ? '<a class="'. \Config::get('view.buttons.primary') .' d-none" 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)

@push('page_css')
<style>
    .table-responsive {
        overflow-x: visible !important;
    }
    .campaign-description {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
</style>
@endpush

@section('content')
    <div class="col-xl-12">
        <div class="row">
            <div class="col-sm-3">
                <div class="card bg-soft-success">
                    <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-success text-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="mt-2">
                            <h4>{!! \App\Helpers\Helper::price($totalRaised ?? 0) !!} 
                                @if(($totalRaisedPercentageChange ?? 0) >= 0)
                                    <i class="mdi mdi-chevron-up ms-1 text-success"></i>
                                @else
                                    <i class="mdi mdi-chevron-down ms-1 text-danger"></i>
                                @endif
                            </h4>
                            <div class="d-flex">
                                @php
                                    $percentageText = ($totalRaisedPercentageChange ?? 0) >= 0 ? '+' : '';
                                    $percentageText .= number_format($totalRaisedPercentageChange ?? 0, 1) . '%';
                                @endphp
                                <span class="badge badge-soft-{{ ($totalRaisedPercentageChange ?? 0) >= 0 ? 'success' : 'danger' }} font-size-12">{{ $percentageText }}</span> 
                                <span class="ms-2 text-truncate">From previous period</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-3">
                <div class="card bg-soft-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 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="mt-2">
                            <h4>{{ $activeCampaigns ?? 0 }}</h4>
                            <div class="d-flex">
                                <span class="ms-2 text-truncate">Currently active</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-3">
                <div class="card bg-soft-warning">
                    <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-warning 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="mt-2">
                            <h4>{{ number_format($nftsSold ?? 0) }}</h4>
                            <div class="d-flex">
                                <span class="ms-2 text-truncate">Total NFTs sold</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-3">
                <div class="card bg-soft-purple">
                    <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-purple text-white font-size-22">
                                    <i class="bx bx-wallet"></i>
                                </span>
                            </div>
                            <h5 class="font-size-14 mb-0">Total Transfered</h5>
                        </div>
                        <div class="mt-2">
                            <h4>{!! \App\Helpers\Helper::price($pendingWithdrawals ?? 0) !!}</h4>
                            <div class="d-flex">
                            @php
                                $withdrawalText = ($pendingWithdrawals ?? 0) > 0 ? (\App\Helpers\Helper::price(number_format($totalRaised - $pendingWithdrawals ?? 0)) . ' Transfer Pending') : 'No Transfer Pending';
                            @endphp 
                                <span class="ms-2 text-truncate">{{ $withdrawalText }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->
    </div>
    <div class="table-responsive" style="overflow-x: visible;">
        <table class="{!! \Config::get('view.table.table_class') !!}" style="table-layout: auto; width: 100%;">
            <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 width="15%" style="text-align: right;">Action</th>
                </tr>
            </thead>
            <tbody>
                @if (count($data) != 0)
                    @foreach ($data as $key => $campaign)
                        @php
                            // Calculate progress percentage
                            $progress = $campaign->fund_target > 0 ? ($campaign->fund_raised / $campaign->fund_target) * 100 : 0;
                            $progress = min(100, max(0, $progress));
                            
                            // Calculate total NFTs minted from all tiers
                            $totalNftsMinted = 0;
                            if ($campaign->nftTiers) {
                                $totalNftsMinted = $campaign->nftTiers->sum('nft_quantity');
                            }
                            
                            // Status badge styling
                            $statusBadgeClass = 'badge-soft-success';
                            $statusText = $campaign->status_text;
                            $badgeBg = '#D4FCE5';
                            $badgeColor = '#1BAA58';
                            
                            if ($campaign->status == 0) {
                                $statusBadgeClass = 'badge-soft-warning';
                                $badgeBg = '#FFF7E0';
                                $badgeColor = '#D28A00';
                            } elseif ($campaign->status == 2) {
                                $statusBadgeClass = 'badge-soft-info';
                                $badgeBg = '#E0F7FA';
                                $badgeColor = '#0097A7';
                            }
                            
                            // Icon and color based on campaign
                            $iconColors = [
                                ['icon' => 'bi-heart', 'color' => 'text-danger', 'bg' => '#FFE4E4', 'progress' => '#FF5D5D'],
                                ['icon' => 'bi-lightbulb', 'color' => 'text-warning', 'bg' => '#FFF7E0', 'progress' => '#FFD600'],
                                ['icon' => 'bi-droplet', 'color' => 'text-info', 'bg' => '#E0F7FA', 'progress' => '#00BCD4'],
                                ['icon' => 'bi-tree', 'color' => 'text-success', 'bg' => '#D4FCE5', 'progress' => '#23C46D'],
                                ['icon' => 'bi-award', 'color' => 'text-primary', 'bg' => '#E3F2FD', 'progress' => '#1976D2'],
                                ['icon' => 'bi-trophy', 'color' => 'text-warning', 'bg' => '#FFF3E0', 'progress' => '#F57C00'],
                            ];
                            $iconData = $iconColors[$campaign->id % count($iconColors)];
                            
                            // Get creator name
                            $creatorName = $campaign->createdBy ? $campaign->createdBy->full_name : 'Unknown';
                            $parts = preg_split('/\s+/', trim($creatorName));
                            $first = $parts[0] ?? '';
                            $last = $parts[count($parts) - 1] ?? '';
                            $initials = strtoupper(mb_substr($first, 0, 1) . mb_substr($last, 0, 1));
                            
                            // Deterministic color for avatar
                            $palette = [
                                '#FEC84B', // amber
                                '#F97066', // red
                                '#84C5F4', // blue
                                '#6CE9A6', // green
                                '#9B8AFB', // purple
                                '#F7B4A3', // coral
                                '#A3E3F7', // cyan
                                '#FFD3A3', // orange
                            ];
                            $idx = crc32($creatorName) % count($palette);
                            $avatarBg = $palette[$idx];
                        @endphp
                        <tr>
                            <td>
                                <div class="d-flex align-items-center">
                                    @php
                                        $campaignImageUrl = null;
                                        if (is_array($campaign->campaign_image ?? [])) {
                                            $campaignImageUrl = $campaign->campaign_image['thumb'] ?? $campaign->campaign_image['original'] ?? null;
                                        } elseif (is_string($campaign->campaign_image ?? null) && !empty($campaign->campaign_image)) {
                                            $campaignImageUrl = $campaign->campaign_image;
                                        }
                                    @endphp
                                    @if($campaignImageUrl)
                                        <img src="{{ $campaignImageUrl }}" alt="{{ $campaign->title }}" class="rounded-3 me-3" style="width: 48px; height: 48px; object-fit: cover;">
                                    @else
                                        <div class="p-3 rounded-3 me-3" style="background:{{ $iconData['bg'] }};">
                                            <i class="bi {{ $iconData['icon'] }} fs-4 {{ $iconData['color'] }}"></i>
                                        </div>
                                    @endif
                                    <div>
                                        <div class="fw-semibold">{{ mb_strlen($campaign->title) > 30 ? mb_substr($campaign->title, 0, 30) . '...' : $campaign->title; }}</div>
                                        <small class="text-muted">{{ $campaign->category->title ?? 'Campaign' }}</small>
                                    </div>
                                </div>
                            </td>
                            
                            <td style="width: 2%;">
                                <div class="avatar-xs">
                                    <span class="avatar-title rounded-circle text-white font-size-16" style="background: {{ $avatarBg }};">{{ $initials }}</span>
                                </div>
                            </td>
                            <td>{{ $creatorName }}</td>
                            <td class="text-right">{!! \App\Helpers\Helper::price($campaign->fund_target) !!}</td>
                            <td>
                                <div class="fw-semibold {{ $iconData['color'] }}">{!! \App\Helpers\Helper::price($campaign->fund_raised) !!} ({{ number_format($progress, 0) }}%)</div>
                                <div class="progress" style="height:6px;">
                                    <div class="progress-bar" role="progressbar" style="width:{{ $progress }}%; background:{{ $iconData['progress'] }};"></div>
                                </div>
                            </td>
                            <td>{{ number_format($totalNftsMinted, 0) }}</td>
                            <td>
                                <span class="badge rounded-pill {{ $statusBadgeClass }}" style="background:{{ $badgeBg }}; color:{{ $badgeColor }};">● {{ $statusText }}</span>
                            </td>
                            <td class="text-right">
                                <a href="{{ route('front.campaigns.show', ['id' => $campaign->id]) }}" target="_blank" class="btn btn-sm btn-outline-primary waves-effect" data-toggle="tooltip" title="View Campaign" data-original-title="View Campaign">
                                    <i class="mdi mdi-eye"></i>
                                </a>
                                <a href="{{ route('fund-rising-campaigns.transactions', $campaign->id) }}" class="btn btn-sm btn-outline-info waves-effect" data-toggle="tooltip" title="View Transactions" data-original-title="View Transactions">
                                    <i class="mdi mdi-receipt"></i>
                                </a>
                            </td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="9">
                            <div class="alert alert-danger">No Data</div>
                        </td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>

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