MIF_E31231003/resources/views/pages/admin/jurusan/index.blade.php

50 lines
3.7 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@extends('layouts.admin')
@section('title','Kelola Jurusan')
@section('content')
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px;">
<div>
<h1 style="font-family:'Syne',sans-serif;font-size:20px;font-weight:800;color:#0d1117;">🏫 Data & Status Jurusan</h1>
<p style="font-size:12px;color:#64748b;margin-top:3px;">FR-A-08 · Tambah dan kelola status jurusan</p>
</div>
<a href="{{ route('admin.jurusan.create') }}" style="display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0d1117,#1c2333);color:#fff;padding:9px 18px;border-radius:9px;font-size:12.5px;font-weight:700;text-decoration:none;"> Tambah Jurusan</a>
</div>
@if(session('success'))
<div style="background:#ecfdf5;border:1px solid #a7f3d0;border-left:3px solid #059669;color:#065f46;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px;"> {{ session('success') }}</div>
@endif
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;">
@forelse($jurusans as $j)
<div style="background:#fff;border:1px solid {{ $j->is_active ? '#e2e8f0' : '#fecaca' }};border-radius:14px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.06);position:relative;overflow:hidden;">
<div style="position:absolute;top:0;left:0;right:0;height:3px;background:{{ $j->is_active ? '#059669' : '#dc2626' }};"></div>
<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:10px;">
<div>
<div style="font-family:'Syne',sans-serif;font-size:15px;font-weight:800;color:#0d1117;margin-bottom:6px;">{{ $j->nama_jurusan}}</div>
<div style="display:flex;gap:8px;flex-wrap:wrap;">
<span style="background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;padding:2px 8px;border-radius:100px;font-size:10px;font-weight:700;">{{ $j->artikel_jurusan_count ?? 0 }} artikel</span>
<span style="background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe;padding:2px 8px;border-radius:100px;font-size:10px;font-weight:700;">{{ $j->prospek_kerja_count ?? 0 }} prospek</span>
</div>
</div>
@if($j->is_active)
<span style="background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;padding:3px 9px;border-radius:100px;font-size:10.5px;font-weight:700;flex-shrink:0;"> Aktif</span>
@else
<span style="background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:3px 9px;border-radius:100px;font-size:10.5px;font-weight:700;flex-shrink:0;"> Nonaktif</span>
@endif
</div>
<div style="display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #e2e8f0;">
<a href="{{ route('admin.jurusan.edit', $j->id) }}" style="flex:1;text-align:center;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;padding:6px;border-radius:7px;font-size:11.5px;font-weight:700;text-decoration:none;">✏️ Edit</a>
<form method="POST" action="{{ route('admin.jurusan.status', $j->id) }}" style="flex:1;">
@csrf @method('PATCH')
<button type="submit" style="width:100%;background:{{ $j->is_active ? '#fef2f2' : '#ecfdf5' }};color:{{ $j->is_active ? '#dc2626' : '#059669' }};border:1px solid {{ $j->is_active ? '#fecaca' : '#a7f3d0' }};padding:6px;border-radius:7px;font-size:11.5px;font-weight:700;cursor:pointer;">
{{ $j->is_active ? '🔴 Nonaktifkan' : '🟢 Aktifkan' }}
</button>
</form>
</div>
</div>
@empty
<div style="grid-column:1/-1;text-align:center;padding:40px;color:#94a3b8;font-size:13px;">Belum ada data jurusan.</div>
@endforelse
</div>
@endsection