@extends('layouts.app')

@section('content')
@include('layouts.navbars.auth.topnav', ['title' => ''])
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2 class="mb-0">Detail Budget Project
            @if($data->is_locked)
                <span class="badge bg-danger ms-2 align-middle" title="Transaksi terkunci"><i class="fas fa-lock"></i> Terkunci</span>
            @endif
        </h2>
        <div>
            @if($data->is_locked)
                <button type="button" class="btn btn-secondary" disabled style="pointer-events: none;">
                    <i class="fas fa-edit"></i> Edit
                </button>
            @else
                <a href="{{ url('/trsbgt/edit/' . encrypt($data->id)) }}" class="btn btn-warning">
                    <i class="fas fa-edit"></i> Edit
                </a>
            @endif
            <a href="{{ url('/trsbgt') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Kembali
            </a>
        </div>
    </div>

    <div class="row">
        <!-- Informasi Project -->
        <div class="col-md-6 mb-4">
            <div class="card h-100">
                <div class="card-header bg-secondary text-white">
                    <h5 class="mb-0"><i class="fas fa-project-diagram"></i> Informasi Project</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm table-borderless">
                        <tr>
                            <th width="40%">Nama Project:</th>
                            <td><strong>{{ $data->proyek }}</strong></td>
                        </tr>
                        <tr>
                            <th>No. SPK:</th>
                            <td>{{ $data->no_spk ?? '-' }}</td>
                        </tr>
                        <tr>
                            <th>Lokasi:</th>
                            <td>{{ $data->lokasi ?? '-' }}</td>
                        </tr>
                        <tr>
                            <th>Pekerjaan:</th>
                            <td>{{ $data->pekerjaan ?? '-' }}</td>
                        </tr>
                        <tr>
                            <th>Pemilik:</th>
                            <td>{{ $data->pemilik ?? '-' }}</td>
                        </tr>
                        <tr>
                            <th>Sales:</th>
                            <td>{{ $data->sales ?? '-' }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

        <!-- Informasi Teknis -->
        <div class="col-md-6 mb-4">
            <div class="card h-100">
                <div class="card-header bg-secondary text-white">
                    <h5 class="mb-0"><i class="fas fa-solar-panel"></i> Informasi Teknis</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm table-borderless">
                        <tr>
                            <th width="40%">PV Capacity:</th>
                            <td>{{ $data->pv_capacity ?? '-' }} kWp</td>
                        </tr>
                        <tr>
                            <th>Inverter Capacity:</th>
                            <td>{{ $data->inverter_capacity ?? '-' }} kW</td>
                        </tr>
                        <tr>
                            <th>Forex:</th>
                            <td>{{ $data->forex ?? '-' }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- Informasi Budget -->
        <div class="col-md-6 mb-4">
            <div class="card h-100">
                <div class="card-header bg-secondary text-white">
                    <h5 class="mb-0"><i class="fas fa-money-bill-wave"></i> Informasi Budget</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm table-borderless">
                        <tr>
                            <th width="40%">Description:</th>
                            <td>{{ $data->description ?? '-' }}</td>
                        </tr>
                        <tr>
                            <th>Total Amount:</th>
                            <td class="text-success fw-bold fs-5">Rp {{ $data->amount_formatted }}</td>
                        </tr>
                        <tr>
                            <th>Jumlah Detail Item:</th>
                            <td><span class="badge bg-info">{{ count($details) }} item</span></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

        <!-- Informasi Sistem -->
        <div class="col-md-6 mb-4">
            <div class="card h-100">
                <div class="card-header bg-secondary text-white">
                    <h5 class="mb-0"><i class="fas fa-info-circle"></i> Informasi Sistem</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm table-borderless">
                        <tr>
                            <th width="40%">Dibuat Oleh:</th>
                            <td>{{ $data->user_create ?? '-' }}</td>
                        </tr>
                        <tr>
                            <th>Tanggal Dibuat:</th>
                            <td>{{ $data->created_at ? \Carbon\Carbon::parse($data->created_at)->format('d-M-Y h:i A') : '-' }}</td>
                        </tr>
                        <tr>
                            <th>Diubah Oleh:</th>
                            <td>{{ $data->user_update ?? '-' }}</td>
                        </tr>
                        <tr>
                            <th>Tanggal Diubah:</th>
                            <td>{{ $data->updated_at ? \Carbon\Carbon::parse($data->updated_at)->format('d-M-Y h:i A') : '-' }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Detail Items Table -->
    <div class="row">
        <div class="col-md-12 mb-4">
            <div class="card">
                <div class="card-header bg-secondary text-white">
                    <h5 class="mb-0"><i class="fas fa-list"></i> Detail Anggaran</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead class="thead-light" style="background-color: #00b7bd4f;">
                                <tr>
                                    <th class="text-center" width="50">No</th>
                                    <th class="text-center">Kategori</th>
                                    <th class="text-center">Kode</th>
                                    <th class="text-center">Detail Kategori</th>
                                    <th class="text-center">Unit</th>
                                    <th class="text-center">Quantity (Unit)</th>
                                    <th class="text-center">Amount Rupiah/Unit</th>
                                    <th class="text-center">Amount (Rupiah)</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($details as $index => $detail)
                                <tr>
                                    <td class="text-center">{{ $index + 1 }}</td>
                                    <td>{{ $detail->kategori_name ?? '-' }}</td>
                                    <td><span class="badge bg-secondary">{{ $detail->kategori_code }}</span></td>
                                    <td>{{ $detail->detail_kategori }}</td>
                                    <td>{{ $detail->unit_name ?? '-' }}</td>
                                    <td class="text-end">{{ $detail->amount_unit_formatted }}</td>
                                    <td class="text-end">{{ $detail->amount_rupiah_unit_formatted }}</td>
                                    <td class="text-end">{{ $detail->amount_rupiah_formatted }}</td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="8" class="text-center text-muted">Tidak ada detail anggaran</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection