@extends('admin.layouts.app')

@section('title', 'Kelola Anggaran')

@section('content')
<div class="container-fluid py-4">
    <div class="row mb-4">
        <div class="col-12 d-flex justify-content-between align-items-center">
            <h2 class="mb-0">Kelola Anggaran</h2>
            <a href="{{ route('admin.anggaran.create') }}" class="btn btn-success">
                <i class="fas fa-plus me-2"></i>Tambah Anggaran
            </a>
        </div>
    </div>
    
    <!-- Summary Cards -->
    @if(isset($anggarans) && $anggarans->count() > 0)
        @php
            $totalAnggaran = $anggarans->sum('total_anggaran');
            $totalRealisasi = $anggarans->sum('realisasi');
            $overallPercentage = $totalAnggaran > 0 ? ($totalRealisasi / $totalAnggaran) * 100 : 0;
            $activeCount = $anggarans->where('is_active', true)->count();
        @endphp
        <div class="row mb-4">
            <div class="col-lg-3 col-md-6">
                <div class="card bg-primary text-white">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="flex-grow-1">
                                <h6 class="card-title mb-1">Total Anggaran</h6>
                                <h5 class="mb-0">Rp {{ number_format($totalAnggaran, 0, ',', '.') }}</h5>
                            </div>
                            <div class="ms-3">
                                <i class="fas fa-wallet fa-2x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="card bg-success text-white">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="flex-grow-1">
                                <h6 class="card-title mb-1">Total Realisasi</h6>
                                <h5 class="mb-0">Rp {{ number_format($totalRealisasi, 0, ',', '.') }}</h5>
                            </div>
                            <div class="ms-3">
                                <i class="fas fa-chart-line fa-2x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="card bg-info text-white">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="flex-grow-1">
                                <h6 class="card-title mb-1">Progress</h6>
                                <h5 class="mb-0">{{ number_format($overallPercentage, 1) }}%</h5>
                            </div>
                            <div class="ms-3">
                                <i class="fas fa-percentage fa-2x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="card bg-warning text-white">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="flex-grow-1">
                                <h6 class="card-title mb-1">Data Aktif</h6>
                                <h5 class="mb-0">{{ $activeCount }}</h5>
                            </div>
                            <div class="ms-3">
                                <i class="fas fa-check-circle fa-2x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
    
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex align-items-center justify-content-between">
                        <div class="d-flex align-items-center">
                            <i class="fas fa-calculator text-primary me-2"></i>
                            <h5 class="mb-0">Data Anggaran Desa</h5>
                        </div>
                        <div class="d-flex align-items-center gap-2">
                            @if(isset($anggarans) && $anggarans->count() > 0)
                                <span class="badge bg-info">{{ $anggarans->total() }} Total Data</span>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    @if(isset($anggarans) && $anggarans->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-hover align-middle mb-0">
                                <thead class="thead-light">
                                    <tr>
                                        <th>No</th>
                                        <th>Tahun</th>
                                        <th>Jenis</th>
                                        <th>Total Anggaran</th>
                                        <th>Realisasi</th>
                                        <th>Progress</th>
                                        <th>Status</th>
                                        <th>Aksi</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($anggarans as $index => $item)
                                    <tr>
                                        <td>{{ $anggarans->firstItem() + $index }}</td>
                                        <td>
                                            <span class="badge bg-info">{{ $item->tahun }}</span>
                                        </td>
                                        <td>
                                            <span class="badge bg-primary">{{ $item->jenis }}</span>
                                        </td>
                                        <td>
                                            <div class="fw-bold">Rp {{ number_format($item->total_anggaran, 0, ',', '.') }}</div>
                                        </td>
                                        <td>
                                            @if($item->realisasi)
                                                <div class="fw-semibold text-success">Rp {{ number_format($item->realisasi, 0, ',', '.') }}</div>
                                            @else
                                                <span class="text-muted">-</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($item->total_anggaran > 0)
                                                @php
                                                    $percentage = $item->realisasi ? ($item->realisasi / $item->total_anggaran) * 100 : 0;
                                                @endphp
                                                <div class="d-flex align-items-center">
                                                    <div class="progress me-2" style="width: 100px; height: 20px;">
                                                        <div class="progress-bar {{ $percentage > 100 ? 'bg-warning' : ($percentage > 80 ? 'bg-success' : 'bg-primary') }}" 
                                                             role="progressbar" 
                                                             style="width: {{ min($percentage, 100) }}%">
                                                        </div>
                                                    </div>
                                                    <small class="text-muted">{{ number_format($percentage, 1) }}%</small>
                                                </div>
                                            @else
                                                <span class="text-muted">-</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($item->is_active ?? true)
                                                <span class="badge bg-success">Aktif</span>
                                            @else
                                                <span class="badge bg-danger">Tidak Aktif</span>
                                            @endif
                                        </td>
                                        <td>
                                            <div class="btn-group" role="group">
                                                <a href="{{ route('admin.anggaran.show', $item) }}" class="btn btn-sm btn-info" title="Detail">
                                                    <i class="fas fa-eye"></i>
                                                </a>
                                                <a href="{{ route('admin.anggaran.edit', $item) }}" class="btn btn-sm btn-primary" title="Edit">
                                                    <i class="fas fa-edit"></i>
                                                </a>
                                                <form action="{{ route('admin.anggaran.destroy', $item) }}" method="POST" class="d-inline" onsubmit="return confirm('Yakin hapus data ini?')">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-danger" title="Hapus">
                                                        <i class="fas fa-trash"></i>
                                                    </button>
                                                </form>
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="mt-3">
                            {{ $anggarans->links() }}
                        </div>
                    @else
                        <div class="text-center py-5">
                            <i class="fas fa-calculator fa-4x text-secondary mb-3"></i>
                            <h5 class="mb-2">Belum ada data anggaran</h5>
                            <p class="text-muted mb-4">Mulai dengan menambahkan data anggaran pertama untuk mengelola keuangan desa.</p>
                            <a href="{{ route('admin.anggaran.create') }}" class="btn btn-success">
                                <i class="fas fa-plus me-2"></i>Tambah Anggaran Pertama
                            </a>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection