030bb7c174
Avoid mixed-content form submissions behind Coolify by rendering internal links and form actions as relative paths.
83 lines
5.8 KiB
PHP
83 lines
5.8 KiB
PHP
<x-mahasiswa.partials.page-shell :title="$title" :sidebar="$sidebar" :page-title="$pageTitle" :page-description="$pageDescription" :page-date="$pageDate" :user="$user">
|
|
<section class="space-y-5">
|
|
<form method="GET" action="{{ route('mahasiswa.penawaran.index', [], false) }}" class="rounded-xl border border-[#E5E7EB] bg-white p-5 shadow-[0_8px_12px_rgba(13,10,44,0.04)]">
|
|
<div class="grid gap-4 lg:grid-cols-[220px_minmax(0,1fr)_auto] lg:items-end">
|
|
<div>
|
|
<label class="text-sm font-semibold text-[#15171A]">Status Judul</label>
|
|
<select name="status" class="mt-2 w-full rounded-md border border-[#D1D5DB] px-4 py-3 text-sm">
|
|
<option value="0" @selected($filters['status'] === '0')>Belum Diambil</option>
|
|
<option value="1" @selected($filters['status'] === '1')>Sudah Diambil</option>
|
|
<option value="Semua" @selected($filters['status'] === 'Semua')>Semua Status</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label class="text-sm font-semibold text-[#15171A]">Tampilkan</label>
|
|
<select name="kk" class="mt-2 w-full rounded-md border border-[#D1D5DB] px-4 py-3 text-sm">
|
|
<option value="Semua" @selected($filters['kk'] === 'Semua')>Semua Kelompok Keahlian</option>
|
|
@foreach ($kelompokKeahlian as $kk)
|
|
<option value="{{ $kk->idKK }}" @selected((string) $filters['kk'] === (string) $kk->idKK)>{{ $kk->namaKK }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
<button type="submit" class="rounded-md bg-[#15171A] px-5 py-3 text-sm font-medium text-white hover:opacity-90">Filter</button>
|
|
</div>
|
|
</form>
|
|
|
|
<section class="overflow-hidden rounded-xl border border-[#E5E7EB] bg-white shadow-[0_8px_12px_rgba(13,10,44,0.04)]">
|
|
<div class="overflow-x-auto">
|
|
<table class="min-w-[980px] w-full text-left text-sm">
|
|
<thead class="bg-[#F9FAFB] text-xs uppercase tracking-[0.12em] text-[#6B7280]">
|
|
<tr>
|
|
<th class="px-4 py-3">No.</th>
|
|
<th class="px-4 py-3">Judul</th>
|
|
<th class="px-4 py-3">Ditawarkan Oleh</th>
|
|
<th class="px-4 py-3">KK</th>
|
|
<th class="px-4 py-3">Status</th>
|
|
<th class="px-4 py-3">Diambil Oleh</th>
|
|
<th class="px-4 py-3 text-right">Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="divide-y divide-[#E5E7EB]">
|
|
@forelse ($penawaran as $item)
|
|
@php
|
|
$available = is_null($item->statusPengambilan) || $item->statusPengambilan === '2';
|
|
@endphp
|
|
<tr>
|
|
<td class="px-4 py-4 text-[#6B7280]">{{ $loop->iteration + ($penawaran->currentPage() - 1) * $penawaran->perPage() }}</td>
|
|
<td class="px-4 py-4">
|
|
<a href="{{ route('mahasiswa.penawaran.show', ['id' => $item->idPenawaran], false) }}" class="font-semibold text-[#15171A] hover:text-[#625DF5]">{{ $item->judul }}</a>
|
|
<p class="mt-1 line-clamp-2 text-xs leading-5 text-[#6B7280]">{{ str($item->deskripsi)->stripTags()->squish()->limit(120) }}</p>
|
|
</td>
|
|
<td class="px-4 py-4 text-[#374151]">{{ $item->dosen ?: '-' }}</td>
|
|
<td class="px-4 py-4 text-[#374151]">{{ $item->kk ?: '-' }}</td>
|
|
<td class="px-4 py-4">
|
|
<span class="rounded-full px-2.5 py-1 text-xs font-semibold {{ $available ? 'bg-emerald-100 text-emerald-800' : 'bg-amber-100 text-amber-800' }}">{{ $available ? 'Belum Diambil' : 'Sudah Diambil' }}</span>
|
|
</td>
|
|
<td class="px-4 py-4 text-[#374151]">{{ $item->diambil_oleh ?: '-' }}</td>
|
|
<td class="px-4 py-4">
|
|
<div class="flex justify-end gap-2 whitespace-nowrap">
|
|
<a href="{{ route('mahasiswa.penawaran.show', ['id' => $item->idPenawaran], false) }}" class="rounded-md border border-[#D1D5DB] px-3 py-2 text-xs font-medium text-[#15171A] hover:bg-[#F9FAFB]">Lihat</a>
|
|
@if ($available)
|
|
<form method="POST" action="{{ route('mahasiswa.penawaran.book', ['id' => $item->idPenawaran], false) }}">
|
|
@csrf
|
|
<button type="submit" class="rounded-md bg-[#15171A] px-3 py-2 text-xs font-medium text-white hover:opacity-90">Booking</button>
|
|
</form>
|
|
@endif
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<td colspan="7" class="px-4 py-8 text-center text-[#6B7280]">Tidak ada penawaran judul sesuai filter.</td>
|
|
</tr>
|
|
@endforelse
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="border-t border-[#E5E7EB] px-4 py-3">
|
|
{{ $penawaran->links() }}
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</x-mahasiswa.partials.page-shell>
|