@extends('layouts.admin')
@section('page-title', 'سوابق خرید ما')

@section('content')
    @php
        $currentYear  = $year ?? request('year', now()->year);
        $currentMonth = $month ?? request('month', now()->month);

        function safeJalaliMonth($y, $m)
        {
            $months = [
                1 => 'فروردین', 2 => 'اردیبهشت', 3 => 'خرداد', 4 => 'تیر', 5 => 'مرداد', 6 => 'شهریور',
                7 => 'مهر', 8 => 'آبان', 9 => 'آذر', 10 => 'دی', 11 => 'بهمن', 12 => 'اسفند'
            ];

            $monthName = $months[$m] ?? 'نامشخص';
            return $monthName . ' ' . $y;
        }

        $currentJalali = safeJalaliMonth($currentYear, $currentMonth);
    @endphp

    <div class="space-y-10 p-6">

        <!-- هدر + فیلتر -->
        <div class="bg-white rounded-2xl shadow-lg border p-8">
            <div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-6">
                <div>
                    <h1 class="text-3xl font-bold text-gray-800">خرید برق ما — {{ $currentJalali }}</h1>
                    <p class="text-gray-600 mt-2">جمع‌بندی کامل خریدهای انجام‌شده</p>
                </div>

                <div class="flex flex-col sm:flex-row gap-4 w-full md:w-auto">
                    <select id="month-filter" class="px-6 py-3 border-2 border-gray-300 rounded-xl text-lg font-medium focus:ring-4 focus:ring-blue-400 focus:border-blue-500">
                        @if($availablePeriods->isEmpty())
                            <option value="{{ now()->year }}-{{ now()->month }}" selected>
                                {{ safeJalaliMonth(now()->year, now()->month) }}
                            </option>
                        @else
                            @foreach($availablePeriods as $period)
                                <option value="{{ $period->year }}-{{ $period->month }}"
                                    {{ $currentYear == $period->year && $currentMonth == $period->month ? 'selected' : '' }}>
                                    {{ safeJalaliMonth($period->year, $period->month) }}
                                </option>
                            @endforeach
                        @endif
                    </select>

                    <a href="{{ route('admin.our-purchases.create') }}"
                       class="bg-gradient-to-r from-blue-600 to-cyan-600 text-white px-8 py-4 rounded-xl font-bold hover:shadow-2xl transition text-lg text-center">
                        ثبت خرید جدید
                    </a>
                </div>
            </div>
        </div>

        <!-- اگر هیچ خریدی نیست -->
        @if($purchases->isEmpty())
            <div class="bg-yellow-50 border-4 border-yellow-300 rounded-2xl p-16 text-center">
                <i class="fas fa-exclamation-triangle text-8xl text-yellow-600 mb-6"></i>
                <h3 class="text-3xl font-bold text-yellow-900 mb-4">هیچ خریدی برای {{ $currentJalali }} ثبت نشده</h3>
                <a href="{{ route('admin.our-purchases.create') }}" class="inline-block bg-blue-600 text-white px-12 py-5 rounded-xl text-xl font-bold hover:bg-blue-700 transition">
                    اولین خرید را ثبت کنید
                </a>
            </div>
        @else

            @php
                $allItems = $purchases->pluck('items')->flatten();

                $baseItems  = $allItems->where('load_type', 'base_load');
                $touItems   = $allItems->whereIn('load_type', ['peak_load', 'mid_load', 'low_load']);
                $greenItems = $allItems->where('load_type', 'green');

                $totalBaseMW    = $baseItems->sum('amount_purchase');
                $totalBaseKWh   = $baseItems->sum('total_kwh');
                $totalBaseCost  = $baseItems->sum(fn($i) => ($i->total_kwh ?? 0) * ($i->rate_per_kw ?? 0) / 1000);

                $totalTouKWh    = $touItems->sum('total_kwh');
                $totalTouCost   = $touItems->sum(fn($i) => ($i->total_kwh ?? 0) * ($i->rate_per_kw ?? 0) / 1000);

                $totalGreenKWh  = $greenItems->sum('total_kwh');
                $totalGreenCost = $greenItems->sum(fn($i) => ($i->total_kwh ?? 0) * ($i->rate_per_kw ?? 0) / 1000);

                $grandTotalKWh  = $totalBaseKWh + $totalTouKWh + $totalGreenKWh;
                $grandTotalCost = $totalBaseCost + $totalTouCost + $totalGreenCost;
                $totalPowerMW   = $totalBaseMW + $touItems->sum('amount_purchase') + $greenItems->sum('amount_purchase');
            @endphp

            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-10">
                <div class="bg-gradient-to-br from-blue-600 to-blue-800 text-white p-8 rounded-2xl shadow-xl text-center">
                    <p class="text-5xl font-bold">{{ number_format($totalPowerMW, 2) }}</p>
                    <p class="text-blue-100 text-xl mt-2">مگاوات قدرت خریداری‌شده</p>
                </div>
                <div class="bg-gradient-to-br from-green-600 to-emerald-700 text-white p-8 rounded-2xl shadow-xl text-center">
                    <p class="text-5xl font-bold">{{ number_format($grandTotalCost, 1) }}</p>
                    <p class="text-green-100 text-xl mt-2">میلیارد تومان هزینه</p>
                </div>
                <div class="bg-gradient-to-br from-purple-600 to-pink-600 text-white p-8 rounded-2xl shadow-xl text-center">
                    <p class="text-5xl font-bold">{{ number_format($grandTotalKWh / 1000, 0) }}</p>
                    <p class="text-purple-100 text-xl mt-2">هزار مگاوات‌ساعت مصرف</p>
                </div>
            </div>


            @if($baseItems->count())
                <div class="bg-white rounded-2xl shadow-lg border overflow-hidden mb-8">
                    <div class="bg-gradient-to-r from-blue-600 to-blue-800 text-white px-8 py-6">
                        <h2 class="text-2xl font-bold">بار پایه (Base Load)</h2>
                    </div>
                    <div class="overflow-x-auto">
                        <table class="w-full">
                            <thead class="bg-gray-100">
                            <tr>
                                <th class="px-6 py-4 text-right">تأمین‌کننده</th>
                                <th class="px-6 py-4 text-right">قدرت (MW)</th>
                                <th class="px-6 py-4 text-right">نرخ</th>
                                <th class="px-6 py-4 text-right">MWh</th>
                                <th class="px-6 py-4 text-right">هزینه (میلیارد)</th>
                                <th class="px-6 py-4 text-right">عملیات</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($baseItems as $item)
                                <tr class="border-b hover:bg-gray-50">
                                    <td class="px-6 py-4">{{ $item->purchase->supplier->name ?? '-' }}</td>
                                    <td class="px-6 py-4 text-center font-bold text-blue-700">{{ number_format($item->amount_purchase, 3) }}</td>
                                    <td class="px-6 py-4 text-right">{{ number_format($item->rate_per_kw ?? 0) }}</td>
                                    <td class="px-6 py-4 text-center">{{ number_format(($item->total_kwh ?? 0)/1000, 1) }}</td>
                                    <td class="px-6 py-4 text-right text-green-600 font-bold">{{ number_format(($item->total_kwh * $item->rate_per_kw)/1000000000, 2) }}</td>
                                    <td class="px-6 py-4 text-center">
                                        <a href="{{ route('admin.our-purchases.edit', $item->purchase) }}" class="text-indigo-600 hover:underline">ویرایش</a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                            <tfoot class="bg-blue-50 font-bold">
                            <tr>
                                <td colspan="1" class="px-6 py-4 text-right">جمع کل</td>
                                <td class="text-center">{{ number_format($totalBaseMW, 3) }}</td>
                                <td>-</td>
                                <td class="text-center">{{ number_format($totalBaseKWh/1000, 1) }}</td>
                                <td class="text-right text-green-700">{{ number_format($totalBaseCost, 1) }}</td>
                                <td></td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            @endif


        @endif
    </div>

    <script>
        document.getElementById('month-filter')?.addEventListener('change', function() {
            const [y, m] = this.value.split('-');
            location.href = `{{ route('admin.our-purchases.index') }}?year=${y}&month=${m}`;
        });
    </script>
@endsection