@extends('layouts.user_type.auth')

@section('content')
  <div class="container-fluid">
    <div class="row">
      <div class="col-12">
        <div class="card card-info">
          <div class="card-header">
            <h3 class="card-title">Detail Review: {{ $review->usulan->nomor_usulan ?? '-' }}</h3>
            <div class="card-tools">
              <a href="{{ route('monitoring-review') }}" class="btn btn-sm btn-secondary">
                <i class="fas fa-arrow-left"></i> Kembali
              </a>
            </div>
          </div>
          <div class="card-body">
            <div class="row mb-3">
              <div class="col-md-6">
                <p><strong>Nomor Usulan:</strong> {{ $review->usulan->nomor_usulan ?? '-' }}</p>
                <p><strong>Direview oleh:</strong> {{ $review->user->name ?? '-' }}</p>
                <p><strong>Departemen:</strong> {{ $review->departement->nm_dpt ?? '-' }}</p>
              </div>
              <div class="col-md-6">
                <p><strong>Status Review:</strong>
                  @if ($review->status_review === 'disetujui')
                    <span class="badge badge-success">Disetujui</span>
                  @elseif ($review->status_review === 'ditolak')
                    <span class="badge badge-danger">Ditolak</span>
                  @elseif ($review->status_review === 'perlu_revisi')
                    <span class="badge badge-warning">Perlu Revisi</span>
                  @else
                    <span class="badge badge-secondary">{{ $review->status_review }}</span>
                  @endif
                </p>
                <p><strong>Tanggal Review:</strong> {{ $review->created_at->format('d/m/Y H:i') }}</p>
              </div>
            </div>

            <div class="card">
              <div class="card-header">
                <h5>Komentar Review</h5>
              </div>
              <div class="card-body">
                <p>{{ $review->komentar ?? 'Tidak ada komentar' }}</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection