@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])

    @php
        $statusColors = [
            'entry' => '#6c757d',
            'pending' => '#ffc107',
            'finish' => '#28a745',
            'parsial' => '#17a2b8',
            'approve' => '#28a745',
            'reject' => '#dc3545',
            'cancel' => '#6c757d',
            'Pending Head' => '#ffc107',
            'Pending PPIC' => '#ffc107',
            'draft' => '#6c757d',
        ];
        
        $rawDetailStatus = $detail->view_status ?? ($detail->status ?? 'draft');
        $detailStatusColor = $statusColors[$rawDetailStatus] ?? '#6c757d';

        $userRoles = $users_rules ?? [];
        $isApprover = in_array('head', $userRoles) || in_array('ppic', $userRoles);
        
        $detailUiStatus = $isApprover && in_array($rawDetailStatus, ['Pending Head', 'Pending PPIC'])
            ? 'Pending'
            : $rawDetailStatus;
    @endphp
    
    <div class="card shadow-lg mx-4 mt-3">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper d-flex gap-2">
                        <a href="{{ url($url_menu) }}" class="btn btn-secondary mb-0">
                            <i class="fas fa-circle-left me-1"></i><span class="font-weight-bold"> Kembali</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-12">
                <div class="card mb-4">
                    <div class="card-header pb-0">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h6 class="mb-1">View History Item</h6>
                                <p class="text-sm mb-0">No PRA PR: <strong>{{ $detail->no_prapr }}</strong></p>
                            </div>
                        </div>
                    </div>

                    <div class="card-body">
                        <div class="row mb-4">
                            <div class="col-md-3">
                                <small class="text-muted d-block mb-1">Tanggal Pengajuan</small>
                                <p class="text-sm font-weight-bold mb-0">
                                    {{ date('d M Y', strtotime($detail->tanggal_pengajuan)) }}</p>
                            </div>
                            <div class="col-md-3">
                                <small class="text-muted d-block mb-1">Peminta</small>
                                <p class="text-sm font-weight-bold mb-0">{{ $detail->user_name ?: '-' }}</p>
                            </div>
                            <div class="col-md-3">
                                <small class="text-muted d-block mb-1">Departemen</small>
                                <p class="text-sm font-weight-bold mb-0">{{ $detail->nama_departemen ?: '-' }}</p>
                            </div>
                            <div class="col-md-3">
                                <small class="text-muted d-block mb-1">Total Item PR</small>
                                <p class="text-sm font-weight-bold mb-0">{{ count($all_details) }} Item</p>
                            </div>
                        </div>

                        <hr class="my-4">

                        <h6 class="mb-3">Item History Terpilih</h6>
                        <div class="card border border-info mb-4">
                            <div class="card-body">
                                <div class="row g-3">
                                    <div class="col-md-4">
                                        <small class="text-muted d-block">Nama Barang</small>
                                        <strong>{{ $detail->nama_barang }}</strong>
                                    </div>
                                    <div class="col-md-2">
                                        <small class="text-muted d-block">Qty</small>
                                        <strong>{{ $detail->qty }} {{ $detail->satuan_nama }}</strong>
                                    </div>
                                    <div class="col-md-3">
                                        <small class="text-muted d-block">Tgl Dibutuhkan</small>
                                        <strong>{{ $detail->tanggal_dibutuhkan ? date('d/m/Y', strtotime($detail->tanggal_dibutuhkan)) : '-' }}</strong>
                                    </div>
                                    <div class="col-md-3">
                                        <small class="text-muted d-block">Status Item</small>
                                        <span class="badge badge-sm"
                                            style="background-color: {{ $detailStatusColor }}; color: #fff;">
                                            {{ strtoupper($detailUiStatus) }}
                                        </span>
                                    </div>
                                    <div class="col-md-12">
                                        <small class="text-muted d-block">Deskripsi</small>
                                        <p class="mb-0">{{ $detail->deskripsi ?: '-' }}</p>
                                    </div>
                                    @if (in_array($detail->status ?? '', ['reject', 'cancel']) && !empty($detail->catatan))
                                        <div class="col-md-12">
                                            <small class="text-danger d-block">Catatan Keputusan</small>
                                            <p class="mb-0 text-danger">{{ $detail->catatan }}</p>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <h6 class="mb-2">Lampiran Item Terpilih</h6>
                        <div class="mb-4">
                            @if (count($lampiran) > 0)
                                <div class="d-flex flex-wrap gap-2">
                                    @foreach ($lampiran as $f)
                                        <a href="{{ url($f->path) }}" target="_blank"
                                            class="badge bg-gray-100 text-dark border d-flex align-items-center text-decoration-none">
                                            <i class="fas fa-paperclip me-1 text-secondary"></i>
                                            <span>{{ \Illuminate\Support\Str::limit($f->nama_file, 30) }}</span>
                                        </a>
                                    @endforeach
                                </div>
                            @else
                                <small class="text-muted fst-italic">Tidak ada lampiran.</small>
                            @endif
                        </div>

                        <!-- <h6 class="mb-2">Semua Item dalam PR ini</h6>
                        <div class="table-responsive">
                            <table class="table table-sm align-items-center mb-0">
                                <thead class="thead-light" style="background-color: #00b7bd4f;">
                                    <tr>
                                        <th class="text-uppercase text-xxs font-weight-bolder">Barang</th>
                                        <th class="text-uppercase text-xxs font-weight-bolder">Qty</th>
                                        <th class="text-uppercase text-xxs font-weight-bolder">Tgl Dibutuhkan</th>
                                        <th class="text-uppercase text-xxs font-weight-bolder">Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($all_details as $d)
                                        @php $rowColor = ((int) $d->id === (int) $detail->id) ? 'table-info' : ''; @endphp
                                        <tr class="{{ $rowColor }}">
                                            <td>{{ $d->nama_barang }}</td>
                                            <td>{{ $d->qty }} {{ $d->satuan_nama }}</td>
                                            <td>{{ $d->tanggal_dibutuhkan ? date('d/m/Y', strtotime($d->tanggal_dibutuhkan)) : '-' }}
                                            </td>
                                            <td>{{ $d->status }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection