@extends('layouts.app')
@section('title', 'Upah Terbayar — ' . $project->nama_proyek)

@section('page-style')
<style>
.no-print { }
@media print {
    .no-print { display: none !important; }
    .sidebar-wrapper, aside, nav, footer { display: none !important; }
    .layout-page { margin-left: 0 !important; }
}
</style>
@endsection

@section('content')

@include('admin.projects.tabs', ['activeTab' => 'paid_wages'])

<div class="d-flex justify-content-between align-items-center mb-4 no-print">
    <div class="d-flex gap-2">
        <button type="button" onclick="printDocumentInIframe('{{ route('admin.paid-wages.print', $project) }}')" class="btn btn-outline-secondary">
            <i class="bx bx-printer me-1"></i>Cetak Laporan Upah
        </button>
        <a href="{{ route('admin.paid-wages.print', [$project, 'pdf' => 1]) }}" class="btn btn-outline-danger">
            <i class="bx bx-file-pdf me-1"></i>Ekspor PDF
        </a>
    </div>
    <a href="{{ route('admin.paid-wages.create', $project) }}" class="btn btn-primary">
        <i class="bx bx-plus me-1"></i>Tambah Upah Terbayar
    </a>
</div>

{{-- Summary Card --}}
<div class="card mb-4" style="border-left: 4px solid #2563EB;">
    <div class="card-body py-3">
        <div class="row align-items-center g-3">
            <div class="col-md-3">
                <p class="mb-0 text-muted" style="font-size:0.75rem;">TOTAL UPAH TERBAYAR</p>
                <h4 class="mb-0 fw-bold text-primary">
                    Rp {{ number_format($totalPaidWages, 0, ',', '.') }}
                </h4>
            </div>
            <div class="col-md-3">
                <p class="mb-0 text-muted" style="font-size:0.75rem;">ANGGARAN RAB UPAH</p>
                <h5 class="mb-0 fw-semibold text-success">
                    Rp {{ number_format($totalUpahBudget, 0, ',', '.') }}
                </h5>
            </div>
            <div class="col-md-3">
                <p class="mb-0 text-muted" style="font-size:0.75rem;">SISA ANGGARAN UPAH</p>
                <h5 class="mb-0 fw-semibold {{ $sisaUpahBudget >= 0 ? 'text-info' : 'text-danger' }}">
                    Rp {{ number_format($sisaUpahBudget, 0, ',', '.') }}
                </h5>
            </div>
            <div class="col-md-3">
                <p class="mb-0 text-muted" style="font-size:0.75rem;">TOTAL TRANSAKSI PEMBAYARAN</p>
                <h6 class="mb-0 fw-semibold">{{ $paidWages->count() }} transaksi</h6>
            </div>
        </div>
    </div>
</div>

{{-- Tabel Daftar Upah Terbayar --}}
<div class="card mb-4">
    <div class="card-header py-3">
        <h6 class="mb-0 fw-bold"><i class="bx bx-table me-2"></i>Rincian Upah Terbayar — {{ $project->nama_proyek }}</h6>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table id="paidWagesTable" class="table table-striped table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th style="width:40px;">No.</th>
                        <th style="width:100px;">Tanggal</th>
                        <th>Nama Tukang</th>
                        <th>Item Pekerjaan</th>
                        <th style="width:140px;">Unit Rumah / Blok</th>
                        <th class="text-end" style="width:150px;">Jumlah Upah (Rp)</th>
                        <th>Catatan</th>
                        <th style="width:110px;" class="text-center">Lampiran</th>
                        <th style="width:90px;" class="text-center no-print">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($paidWages as $i => $pw)
                    <tr>
                        <td>{{ $i + 1 }}</td>
                        <td>{{ \Carbon\Carbon::parse($pw->tanggal)->format('d/m/Y') }}</td>
                        <td>
                            @if(!empty($pw->nama_tukang))
                                <span class="badge bg-label-primary" style="font-size:0.8rem;">
                                    <i class="bx bx-user me-1"></i>{{ $pw->nama_tukang }}
                                </span>
                            @else
                                <span class="text-muted small" title="Belum diisi">-</span>
                            @endif
                        </td>
                        <td class="fw-semibold">{{ $pw->item_pekerjaan }}</td>
                        <td>
                            @if($pw->unit_rumah)
                                <span class="badge bg-label-info">{{ $pw->unit_rumah }}</span>
                            @else
                                <span class="text-muted">-</span>
                            @endif
                        </td>
                        <td class="text-end fw-bold text-success">
                            Rp {{ number_format($pw->jumlah_upah, 0, ',', '.') }}
                        </td>
                        <td class="small text-muted">{{ $pw->catatan ?: '-' }}</td>
                        <td class="text-center">
                            @if($pw->files && $pw->files->isNotEmpty())
                                @foreach($pw->files as $file)
                                    <a href="{{ route('admin.files.preview', [$project, $file]) }}" target="_blank" class="badge bg-label-primary text-decoration-none me-1" title="Lihat {{ $file->nama_asli }}">
                                        <i class="bx {{ $file->icon_class }} me-1"></i>{{ Str::limit($file->nama_asli, 12) }}
                                    </a>
                                @endforeach
                            @else
                                <span class="text-muted small">-</span>
                            @endif
                        </td>
                        <td class="text-center no-print">
                            <a href="{{ route('admin.paid-wages.edit', [$project, $pw]) }}" class="btn btn-xs btn-outline-warning me-1" style="font-size:0.72rem; padding:2px 6px;" title="Edit">
                                <i class="bx bx-edit-alt"></i>
                            </a>
                            <form action="{{ route('admin.paid-wages.destroy', [$project, $pw]) }}" method="POST" class="d-inline" onsubmit="return confirm('Hapus catatan pembayaran ini?')">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-xs btn-outline-danger" style="font-size:0.72rem; padding:2px 6px;" title="Hapus">
                                    <i class="bx bx-trash"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr class="fw-bold table-primary">
                        <td colspan="5" class="text-end">TOTAL KESELURUHAN UPAH TERBAYAR:</td>
                        <td class="text-end text-success">Rp {{ number_format($totalPaidWages, 0, ',', '.') }}</td>
                        <td colspan="3" class="no-print"></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>

@endsection

@section('page-script')
<script>
$(document).ready(function() {
    $('#paidWagesTable').DataTable({
        "language": {
            "emptyTable": "Belum ada catatan pembayaran upah."
        }
    });
});
</script>
@endsection