@extends('layouts.adminlte')

@section('title', 'DETAIL COST PROJECT')
@section('page_title', 'DETAIL COST PROJECT')

@push('styles')
    <style>
        .kv { display:flex; gap:12px; flex-wrap:wrap; }
        .kv .item { padding:10px 12px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; min-width:220px; }
        .kv .label { font-size:12px; color:#6b7280; }
        .kv .value { font-weight:600; }
        .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
    </style>
@endpush

@section('content')
    @php
        $fmtRp = fn($n) => 'Rp ' . number_format((float) ($n ?? 0), 2, ',', '.');
        $qTotal = (float) ($quotation?->grand_total ?? 0);
        $poBarangTotal = (float) $poBarang->sum('total_amount');
        $poJasaTotal = (float) $poJasa->sum('total_amount');
        $actualTotal = $poBarangTotal + $poJasaTotal;
        $variance = $qTotal - $actualTotal;
    @endphp

    <div class="card mb-3">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>
                <div class="fw-semibold">{{ $project->code }} - {{ $project->name }}</div>
                <div class="small text-muted">Client: {{ $project->customer?->name ?: '-' }}</div>
            </div>
            <div class="d-flex gap-2 flex-wrap">
                <a href="{{ route('project_cost_report.index') }}" class="btn btn-outline-secondary btn-sm">
                    <i class="fas fa-arrow-left me-1"></i>Kembali
                </a>
                <a href="{{ route('project_cost_report.detail.export', ['projectId' => $project->id]) }}" class="btn btn-outline-success btn-sm" target="_blank">
                    <i class="fas fa-file-excel me-1"></i>Export Detail XLSX
                </a>
            </div>
        </div>
        <div class="card-body">
            <div class="kv">
                <div class="item">
                    <div class="label">No WO</div>
                    <div class="value mono">{{ $project->no_wo ?: '-' }}</div>
                </div>
                <div class="item">
                    <div class="label">WO Amount</div>
                    <div class="value">{{ $fmtRp($project->wo_amount ?: 0) }}</div>
                </div>
                <div class="item">
                    <div class="label">Quotation</div>
                    <div class="value">{{ $quotation?->quotation_number ?: '-' }} ({{ $quotation?->status ?: '-' }})</div>
                </div>
                <div class="item">
                    <div class="label">Quotation Total</div>
                    <div class="value">{{ $fmtRp($qTotal) }}</div>
                </div>
                <div class="item">
                    <div class="label">Actual PO Barang (Approved/Closed)</div>
                    <div class="value">{{ $fmtRp($poBarangTotal) }}</div>
                </div>
                <div class="item">
                    <div class="label">Actual PO Jasa (Approved/Closed)</div>
                    <div class="value">{{ $fmtRp($poJasaTotal) }}</div>
                </div>
                <div class="item">
                    <div class="label">Actual Total</div>
                    <div class="value">{{ $fmtRp($actualTotal) }}</div>
                </div>
                <div class="item">
                    <div class="label">Variance (Quotation - Actual)</div>
                    <div class="value {{ $variance < 0 ? 'text-danger' : 'text-success' }}">{{ $fmtRp($variance) }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-header">
            <h3 class="card-title m-0">Quotation Items</h3>
        </div>
        <div class="card-body">
            @if(!$quotation)
                <div class="text-muted">Belum ada quotation untuk project ini.</div>
            @else
                <div class="table-responsive">
                    <table class="table table-sm table-bordered align-middle">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Description</th>
                            <th class="text-end">Qty</th>
                            <th>Unit</th>
                            <th class="text-end">Unit Price</th>
                            <th class="text-end">Total</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach(($quotation->items ?? collect())->sortBy('sort_order') as $i => $it)
                            <tr>
                                <td>{{ $i+1 }}</td>
                                <td>{{ $it->description }}</td>
                                <td class="text-end">{{ number_format((float)$it->qty, 3, ',', '.') }}</td>
                                <td>{{ $it->unit ?: '-' }}</td>
                                <td class="text-end">{{ $fmtRp($it->unit_price) }}</td>
                                <td class="text-end">{{ $fmtRp($it->total_price) }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>
                            <th colspan="5" class="text-end">Grand Total</th>
                            <th class="text-end">{{ $fmtRp($quotation->grand_total) }}</th>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            @endif
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-header">
            <h3 class="card-title m-0">PO Barang (Approved/Closed)</h3>
        </div>
        <div class="card-body">
            @if($poBarang->isEmpty())
                <div class="text-muted">Tidak ada PO barang approved/closed.</div>
            @else
                @foreach($poBarang as $po)
                    <div class="border rounded p-3 mb-3">
                        <div class="d-flex justify-content-between flex-wrap gap-2">
                            <div>
                                <div class="fw-semibold">{{ $po->po_number }} <span class="badge text-bg-secondary ms-1">{{ $po->status }}</span></div>
                                <div class="small text-muted">Vendor: {{ $po->vendor?->name ?: '-' }} | Tanggal: {{ $po->po_date ?: '-' }}</div>
                            </div>
                            <div class="text-end">
                                <div class="small text-muted">Payment</div>
                                <div class="fw-semibold">{{ $po->payment_status ?: 'unpaid' }} | {{ $fmtRp($po->paid_amount ?: 0) }}</div>
                            </div>
                        </div>
                        <div class="table-responsive mt-2">
                            <table class="table table-sm table-bordered align-middle mb-0">
                                <thead>
                                <tr>
                                    <th>Item</th>
                                    <th class="text-end">Qty</th>
                                    <th class="text-end">Unit Price</th>
                                    <th class="text-end">Total</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($po->items as $it)
                                    <tr>
                                        <td>{{ $it->rabItem?->item_code ?: '-' }} - {{ $it->rabItem?->item_name ?: '-' }}</td>
                                        <td class="text-end">{{ number_format((float)$it->qty, 3, ',', '.') }}</td>
                                        <td class="text-end">{{ $fmtRp($it->unit_price) }}</td>
                                        <td class="text-end">{{ $fmtRp($it->total_price) }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                                <tfoot>
                                <tr>
                                    <th colspan="3" class="text-end">PO Total</th>
                                    <th class="text-end">{{ $fmtRp($po->total_amount) }}</th>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h3 class="card-title m-0">PO Jasa (Approved/Closed)</h3>
        </div>
        <div class="card-body">
            @if($poJasa->isEmpty())
                <div class="text-muted">Tidak ada PO jasa approved/closed.</div>
            @else
                @foreach($poJasa as $po)
                    <div class="border rounded p-3 mb-3">
                        <div class="d-flex justify-content-between flex-wrap gap-2">
                            <div>
                                <div class="fw-semibold">{{ $po->po_number }} <span class="badge text-bg-secondary ms-1">{{ $po->status }}</span></div>
                                <div class="small text-muted">Vendor: {{ $po->vendor?->name ?: '-' }} | Tanggal: {{ $po->po_date ?: '-' }}</div>
                            </div>
                            <div class="text-end">
                                <div class="small text-muted">Payment</div>
                                <div class="fw-semibold">{{ $po->payment_status ?: 'unpaid' }} | {{ $fmtRp($po->paid_amount ?: 0) }}</div>
                            </div>
                        </div>
                        <div class="table-responsive mt-2">
                            <table class="table table-sm table-bordered align-middle mb-0">
                                <thead>
                                <tr>
                                    <th>Description</th>
                                    <th class="text-end">Qty</th>
                                    <th>Unit</th>
                                    <th class="text-end">Unit Price</th>
                                    <th class="text-end">Total</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($po->serviceItems as $it)
                                    <tr>
                                        <td>{{ $it->description }}</td>
                                        <td class="text-end">{{ number_format((float)$it->qty, 3, ',', '.') }}</td>
                                        <td>{{ $it->unit ?: '-' }}</td>
                                        <td class="text-end">{{ $fmtRp($it->unit_price) }}</td>
                                        <td class="text-end">{{ $fmtRp($it->total_price) }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                                <tfoot>
                                <tr>
                                    <th colspan="4" class="text-end">PO Total</th>
                                    <th class="text-end">{{ $fmtRp($po->total_amount) }}</th>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
@endsection