@extends('layouts.admin')
@section('title', 'Compare Branches')
@section('page-title', 'Compare Branches')
@section('page-subtitle', 'Compare performance across multiple branches')

@section('content')
<div class="space-y-6">
    <div class="flex items-center justify-between">
        <div class="flex items-center gap-4">
            <a href="{{ route('admin.superadmin.dashboard') }}" class="p-2 rounded-lg hover:bg-[var(--bg-secondary)] text-[var(--text-secondary)]">
                <i class="fas fa-arrow-left"></i>
            </a>
            <div>
                <h2 class="text-2xl font-cinzel font-bold text-[var(--text-primary)]">Compare Branches</h2>
                <p class="text-sm text-[var(--text-secondary)]">Side-by-side performance comparison</p>
            </div>
        </div>
    </div>

    <div class="card-royal p-6">
        <h3 class="font-cinzel font-semibold text-lg text-[var(--text-primary)] mb-4">Select Branches to Compare</h3>
        <form action="{{ route('admin.superadmin.compare') }}" method="GET" class="flex flex-wrap gap-4 items-end">
            <div class="flex-1 min-w-[300px]">
                <label class="block text-sm text-[var(--text-secondary)] mb-2">Select 2 or more branches</label>
                <select name="churches[]" multiple class="w-full px-4 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)]" required>
                    @foreach(\App\Models\Church::orderBy('name')->get() as $church)
                        <option value="{{ $church->id }}">{{ $church->name }}</option>
                    @endforeach
                </select>
            </div>
            <button type="submit" class="btn-royal px-6 py-2 rounded-lg text-white">
                <i class="fas fa-balance-scale mr-2"></i> Compare
            </button>
        </form>
    </div>

    @if(isset($comparison) && $comparison->count() > 0)
    <div class="card-royal p-6">
        <div class="overflow-x-auto">
            <table class="w-full">
                <thead>
                    <tr class="border-b border-[var(--border-color)]">
                        <th class="text-left py-3 px-4 text-sm font-medium text-[var(--text-secondary)]">Metric</th>
                        @foreach($comparison as $item)
                            <th class="text-center py-3 px-4 text-sm font-medium text-[var(--text-primary)]">{{ $item['church']->name }}</th>
                        @endforeach
                    </tr>
                </thead>
                <tbody>
                    <tr class="border-b border-[var(--border-color)] bg-[var(--bg-secondary)]">
                        <td class="py-3 px-4 font-medium text-[var(--text-primary)]">Members</td>
                        @foreach($comparison as $item)
                            <td class="py-3 px-4 text-center text-[var(--text-primary)]">{{ number_format($item['members']) }}</td>
                        @endforeach
                    </tr>
                    <tr class="border-b border-[var(--border-color)]">
                        <td class="py-3 px-4 font-medium text-[var(--text-primary)]">Total Donations</td>
                        @foreach($comparison as $item)
                            <td class="py-3 px-4 text-center text-green-500 font-semibold">GH₵{{ number_format($item['donations'], 2) }}</td>
                        @endforeach
                    </tr>
                    <tr class="border-b border-[var(--border-color)] bg-[var(--bg-secondary)]">
                        <td class="py-3 px-4 font-medium text-[var(--text-primary)]">Total Tithes</td>
                        @foreach($comparison as $item)
                            <td class="py-3 px-4 text-center text-green-500 font-semibold">GH₵{{ number_format($item['tithes'], 2) }}</td>
                        @endforeach
                    </tr>
                    <tr class="border-b border-[var(--border-color)]">
                        <td class="py-3 px-4 font-medium text-[var(--text-primary)]">Total Expenses</td>
                        @foreach($comparison as $item)
                            <td class="py-3 px-4 text-center text-red-500 font-semibold">GH₵{{ number_format($item['expenses'], 2) }}</td>
                        @endforeach
                    </tr>
                    <tr class="border-b border-[var(--border-color)] bg-[var(--bg-secondary)]">
                        <td class="py-3 px-4 font-medium text-[var(--text-primary)]">Net Balance</td>
                        @foreach($comparison as $item)
                            <br />
<b>Warning</b>:  Undefined variable $item in <b>/home2/celtixg1/michurch.celtixgh.com/resources/views/admin/superadmin/compare.blade.php</b> on line <b>77</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home2/celtixg1/michurch.celtixgh.com/resources/views/admin/superadmin/compare.blade.php</b> on line <b>77</b><br />
<br />
<b>Warning</b>:  Undefined variable $item in <b>/home2/celtixg1/michurch.celtixgh.com/resources/views/admin/superadmin/compare.blade.php</b> on line <b>77</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home2/celtixg1/michurch.celtixgh.com/resources/views/admin/superadmin/compare.blade.php</b> on line <b>77</b><br />
<br />
<b>Warning</b>:  Undefined variable $item in <b>/home2/celtixg1/michurch.celtixgh.com/resources/views/admin/superadmin/compare.blade.php</b> on line <b>77</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home2/celtixg1/michurch.celtixgh.com/resources/views/admin/superadmin/compare.blade.php</b> on line <b>77</b><br />
                            <td class="py-3 px-4 text-center font-bold {{ $net >= 0 ? 'text-green-500' : 'text-red-500' }}">
                                GH₵{{ number_format($net, 2) }}
                            </td>
                        @endforeach
                    </tr>
                    <tr class="border-b border-[var(--border-color)]">
                        <td class="py-3 px-4 font-medium text-[var(--text-primary)]">Attendance</td>
                        @foreach($comparison as $item)
                            <td class="py-3 px-4 text-center text-[var(--text-primary)]">{{ number_format($item['attendance']) }}</td>
                        @endforeach
                    </tr>
                    <tr class="border-b border-[var(--border-color)] bg-[var(--bg-secondary)]">
                        <td class="py-3 px-4 font-medium text-[var(--text-primary)]">Users</td>
                        @foreach($comparison as $item)
                            <td class="py-3 px-4 text-center text-[var(--text-primary)]">{{ $item['users'] }}</td>
                        @endforeach
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    @endif
</div>
@endsection