{{-- resources/views/school/transcripts/history.blade.php --}}
@extends('layouts.app')
@section('title', 'Transcript History')
@section('breadcrumb', 'Transcripts › Issuance History')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h4 class="fw-bold mb-0" style="color:#0f3d23;">
            <i class="bi bi-clock-history me-2" style="color:#c9a94d;"></i>Transcript Issuance History
        </h4>
        <p class="text-muted mb-0" style="font-size:.85rem;">{{ $student->full_name }} — {{ $student->mcss_student_id }}</p>
    </div>
    <a href="{{ route('school.transcripts.preview', $student) }}" class="btn btn-outline-secondary" style="border-radius:8px;">
        <i class="bi bi-arrow-left me-1"></i>Back to Preview
    </a>
</div>

<div class="card table-card">
    <div class="table-responsive">
        <table class="table table-hover mb-0 align-middle" style="font-size:.85rem;">
            <thead>
                <tr><th>Issued Date</th><th>Purpose</th><th>Issued By</th><th>School</th><th>Expires</th><th>Verification Code</th></tr>
            </thead>
            <tbody>
                @forelse($logs as $log)
                <tr>
                    <td class="fw-semibold">{{ $log->issued_at->format('M d, Y H:i') }}</td>
                    <td>{{ $log->purpose ?? '—' }}</td>
                    <td>{{ $log->issuedBy->name }}</td>
                    <td>{{ optional($log->school)->code ?? 'MCSS' }}</td>
                    <td class="text-muted" style="font-size:.78rem;">
                        @if($log->expires_at)
                            {{ $log->expires_at->format('M d, Y') }}
                            @if($log->expires_at->isPast())
                            <span class="badge bg-danger ms-1">Expired</span>
                            @endif
                        @else —
                        @endif
                    </td>
                    <td>
                        <code style="font-size:.65rem; word-break:break-all;">
                            {{ substr($log->verification_code, 0, 16) }}…
                        </code>
                        <button class="btn btn-sm btn-outline-secondary ms-1"
                                onclick="navigator.clipboard.writeText('{{ $log->verification_code }}').then(() => alert('Code copied!'))"
                                title="Copy full code">
                            <i class="bi bi-clipboard" style="font-size:.7rem;"></i>
                        </button>
                    </td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center py-5 text-muted">
                    <i class="bi bi-file-earmark-x fs-2 d-block mb-2"></i>No transcripts have been issued yet.
                </td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection