@extends('layouts.admin')

@section('title', 'Nilai PKL')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>Nilai PKL</h2>
    <div>
        @can('view-any scores')
        <a href="{{ route('scores.download-pdf', ['search' => request('search')]) }}" class="btn btn-outline-danger">Download PDF</a>
        @endcan
        @can('create scores')
        <a href="{{ route('scores.create') }}" class="btn btn-primary">+ Tambah Nilai</a>
        @endcan
    </div>
</div>

<x-alert />

<form method="GET" class="mb-3">
    <div class="input-group" style="max-width:400px;">
        <input type="text" name="search" class="form-control" placeholder="Cari siswa/kategori..." value="{{ request('search') }}">
        <button class="btn btn-outline-secondary" type="submit">Cari</button>
        @if(request('search'))
        <a href="{{ route('scores.index') }}" class="btn btn-outline-danger">Reset</a>
        @endif
    </div>
</form>

<div class="card">
    <div class="card-body">
        <div class="table-responsive table-mobile-cards">
        <table class="table table-bordered table-hover">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Siswa</th>
                    <th>Kategori</th>
                    <th>Nilai</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($scores as $score)
                <tr>
                    <td data-label="No">{{ $loop->iteration }}</td>
                    <td data-label="Siswa">{{ $score->internship->student->user->name }}</td>
                    <td data-label="Kategori">{{ $score->scoreCategory->name }}</td>
                    <td data-label="Nilai">{{ $score->score }}</td>
                    <td data-label="Aksi">
                        @can('update scores')
                        <a href="{{ route('scores.edit', $score) }}" class="btn btn-sm btn-warning">Edit</a>
                        @endcan
                        @can('delete scores')
                        <form method="POST" action="{{ route('scores.destroy', $score) }}" class="d-inline" onsubmit="return confirm('Yakin hapus?')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger">Hapus</button>
                        </form>
                        @endcan
                    </td>
                </tr>
                @empty
                <tr>
                    <td data-label="" colspan="5" class="text-center text-muted">Belum ada data nilai.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
        </div>
    </div>
</div>

@if ($scores->hasPages())
<div class="mt-3">
    {{ $scores->links() }}
</div>
@endif
@endsection