@extends('admin.layout')
@section('title','Tahapan PPDB')
@section('content')

<div class="page-header">
  <div><h1>Manajemen Tahapan PPDB</h1><p>Atur status tahapan yang sedang berlangsung</p></div>
</div>

<div class="alert alert-warning">
  <i data-lucide="info" style="width:16px;height:16px;flex-shrink:0;"></i>
  Saat Anda mengatur satu tahapan menjadi "Berlangsung", tahapan lain yang sedang berlangsung akan otomatis menjadi "Selesai".
</div>

<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;">
  @foreach($tahapan as $t)
  <div class="card">
    <div class="card-body">
      <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">
        <div style="width:40px;height:40px;border-radius:50%;background:{{ $t->status==='berlangsung' ? 'var(--primary)' : ($t->status==='selesai' ? '#2563EB' : 'var(--gray-200)') }};display:flex;align-items:center;justify-content:center;color:{{ $t->status!='belum_mulai' ? 'white' : 'var(--gray-600)' }};font-weight:800;font-size:14px;flex-shrink:0;">{{ $t->urutan }}</div>
        <div>
          <div style="font-size:15px;font-weight:800;color:var(--gray-900);">{{ $t->nama_tahapan }}</div>
          <div style="font-size:12px;color:var(--gray-600);margin-top:2px;">{{ $t->deskripsi }}</div>
        </div>
      </div>

      @if($t->tanggal_mulai)
      <div style="font-size:12px;color:var(--gray-600);margin-bottom:12px;">
        📅 {{ \Carbon\Carbon::parse($t->tanggal_mulai)->format('d M Y') }}
        @if($t->tanggal_selesai) – {{ \Carbon\Carbon::parse($t->tanggal_selesai)->format('d M Y') }} @endif
      </div>
      @endif

      <div style="display:flex;gap:8px;align-items:center;">
        <span class="badge badge-{{ $t->status==='berlangsung' ? 'green' : ($t->status==='selesai' ? 'blue' : 'gray') }}">
          {{ $t->status==='berlangsung' ? '🟢 Berlangsung' : ($t->status==='selesai' ? '✓ Selesai' : '○ Belum Dimulai') }}
        </span>
        <div style="margin-left:auto;display:flex;gap:6px;">
          @foreach(['belum_mulai'=>'Belum Mulai','berlangsung'=>'Berlangsung','selesai'=>'Selesai'] as $sv=>$sl)
          @if($t->status !== $sv)
          <form method="POST" action="{{ route('admin.tahapan.status',$t->id_tahapan) }}">@csrf
            <input type="hidden" name="status" value="{{ $sv }}">
            <button type="submit" class="btn btn-outline btn-sm" style="{{ $sv==='berlangsung' ? 'background:var(--primary-pale);color:var(--primary);border-color:rgba(27,94,59,0.3);' : '' }}">{{ $sl }}</button>
          </form>
          @endif
          @endforeach
        </div>
      </div>
    </div>
  </div>
  @endforeach
</div>
@endsection