@extends('layouts.admin')

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

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>Penempatan PKL</h2>
    <div class="d-flex gap-2">
        @can('view-any internships')
        <a href="{{ route('internships.export') }}" class="btn btn-success">Export Excel</a>
        @endcan
        @can('create internships')
        <a href="{{ route('internships.create') }}" class="btn btn-primary">+ Tambah Penempatan</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/perusahaan..." value="{{ request('search') }}">
        <button class="btn btn-outline-secondary" type="submit">Cari</button>
        @if(request('search'))
        <a href="{{ route('internships.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>Jurusan</th>
                    <th>Perusahaan</th>
                    <th>Guru</th>
                    <th>Periode</th>
                    <th>Status</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($internships as $internship)
                <tr>
                    <td data-label="No">{{ $internships->firstItem() + $loop->index }}</td>
                    <td data-label="Siswa">{{ $internship->student->user->name }}</td>
                    <td data-label="Jurusan"><span class="badge bg-info">{{ $internship->student->department->code }}</span></td>
                    <td data-label="Perusahaan">{{ $internship->company->name }}</td>
                    <td data-label="Guru">{{ $internship->teacher?->user?->name ?? '-' }}</td>
                    <td data-label="Periode">{{ $internship->start_date->format('d/m/Y') }} - {{ $internship->end_date->format('d/m/Y') }}</td>
                    <td data-label="Status">
                        @php
                            $statusMap = ['draft' => 'secondary', 'aktif' => 'success', 'selesai' => 'primary', 'berhenti' => 'danger'];
                            $statusLabels = ['draft' => 'Draft', 'aktif' => 'Aktif', 'selesai' => 'Selesai', 'berhenti' => 'Berhenti'];
                        @endphp
                        <span class="badge bg-{{ $statusMap[$internship->status] ?? 'secondary' }}">{{ $statusLabels[$internship->status] ?? $internship->status }}</span>
                    </td>
                    <td data-label="Aksi">
                        @can('update internships')
                        <a href="{{ route('internships.edit', $internship) }}" class="btn btn-sm btn-warning">Edit</a>
                        @endcan
                        @can('view-any internships')
                        @if($internship->status === 'selesai')
                        <a href="{{ route('internships.certificate', $internship) }}" target="_blank" class="btn btn-sm btn-info">Sertifikat</a>
                        @endif
                        @endcan
                        @can('delete internships')
                        <form method="POST" action="{{ route('internships.destroy', $internship) }}" 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="8" class="text-center text-muted">Belum ada data penempatan.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
        </div>
        {{ $internships->links() }}
    </div>
</div>
@endsection