@extends('layout')

@section('css')
<style>
    .loading-plan-detail-strip {
        border: 1px solid #d6d8dc;
        border-left: 4px solid #26a69a;
        border-radius: 0.375rem;
        background: linear-gradient(90deg, #f8fffe 0%, #f6f7fb 100%);
        padding: 14px 18px;
        margin-top: 16px;
    }

    .loading-plan-detail-strip-title {
        font-weight: 700;
        color: #2f3941;
        margin-bottom: 4px;
    }

    .loading-plan-detail-strip-meta {
        color: #5f6b77;
        font-size: 0.95rem;
    }

    .loading-plan-detail-strip-badge {
        display: inline-block;
        margin-left: 8px;
        padding: 3px 10px;
        border-radius: 999px;
        background-color: #26a69a;
        color: #fff;
        font-size: 0.85rem;
        font-weight: 600;
    }
</style>
@endsection

@section('content')

<div class="page-header page-header-light">
    <div class="page-header-content header-elements-md-inline">
        <div class="page-title d-flex">
            <h3 class="font-weight-bold"><span class="font-weight-light">LOADING PLAN TRACKING -</span> {{ $tracking->no_loading_plan }}</h3>
            <a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
        </div>
    </div>
</div>

<div class="content">
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group row">
                        <label class="col-form-label col-lg-4">No. Loading Plan</label>
                        <div class="col-lg-8">
                            <label class="col-form-label">{{ $tracking->no_loading_plan ?: '-' }}</label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-lg-4">Gudang</label>
                        <div class="col-lg-8">
                            <label class="col-form-label">{{ $tracking->gudang ?: '-' }}</label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-lg-4">Jalur</label>
                        <div class="col-lg-8">
                            <label class="col-form-label">{{ $tracking->shipping_to ?: '-' }}</label>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group row">
                        <label class="col-form-label col-lg-4">Berat Container</label>
                        <div class="col-lg-8">
                            <label class="col-form-label">{{ $tracking->berat_container ?: '-' }}</label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-lg-4">Created At</label>
                        <div class="col-lg-8">
                            <label class="col-form-label">{{ $tracking->created_at }}</label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-lg-4">Total Detail</label>
                        <div class="col-lg-8">
                            <label class="col-form-label">{{ $tracking->details->count() }}</label>
                        </div>
                    </div>
                </div>
            </div>

            @foreach($tracking->details as $index => $detail)
                @php
                    $detailCalculatedCbm = number_format((float) $detail->barangs->sum('cbm'), 3, '.', '');
                    $detailCalculatedBerat = number_format((float) $detail->barangs->sum('berat'), 3, '.', '');
                @endphp
                <div class="loading-plan-detail-strip">
                    <div class="loading-plan-detail-strip-title">
                        Detail {{ $index + 1 }}
                        <span class="loading-plan-detail-strip-badge">
                            CBM {{ $detailCalculatedCbm }}/{{ $detail->cbm ?: '0' }} | Berat {{ $detailCalculatedBerat }}/{{ $tracking->berat_container }}
                        </span>
                    </div>
                    <div class="loading-plan-detail-strip-meta">
                        {{ $ekspedisiMap[$detail->tipe_ekspedisi] ?? $detail->tipe_ekspedisi ?? '-' }}
                    </div>
                </div>
            @endforeach

            <div class="table-responsive mt-4">
                <table class="table table-hover table-bordered">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Detail</th>
                            <th>No. Resi</th>
                            <th>Tipe Barang</th>
                            <th>CBM</th>
                            <th>Berat</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $allBarangs = $tracking->details->flatMap(function ($detail) {
                                return $detail->barangs->map(function ($barang) use ($detail) {
                                    $barang->tracking_detail_ref = $detail;
                                    return $barang;
                                });
                            })->values();
                        @endphp

                        @forelse($allBarangs as $barang)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>
                                    @php
                                        $detailRef = $barang->tracking_detail_ref;
                                    @endphp
                                    Detail {{ $tracking->details->search(function ($detail) use ($detailRef) {
                                        return $detail->id === $detailRef->id;
                                    }) + 1 }}
                                </td>
                                <td>
                                    @if(optional($barang->receipt)->id && optional($barang->receipt)->no_resi)
                                        <a href="{{ route('receipt.show', $barang->receipt->id) }}" target="_blank">
                                            {{ $barang->receipt->no_resi }}
                                        </a>
                                    @else
                                        -
                                    @endif
                                </td>
                                <td>{{ $barangTipeBarangMap[$barang->tipe_ekspedisi] ?? '-' }}</td>
                                <td>{{ $barang->cbm ?: '-' }}</td>
                                <td>{{ $barang->berat ?: '-' }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center">Data Kosong</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <div class="mt-4">
                <a href="{{ route('loadingplantracking.export', $tracking->id) }}" class="btn btn-success mr-2">
                    <i class="icon-file-spreadsheet mr-2"></i> Export Excel
                </a>
                <a href="{{ route('loadingplantracking.index') }}" class="btn btn-light">Back</a>
            </div>
        </div>
    </div>
</div>
@endsection