@extends('layouts.app')
@section('title', '批次開卡 - 閱讀卡管理平台')
@section('content')
<div class="card">
    <div class="card-header"><h5 class="mb-0"><i class="bi bi-key me-1"></i>批次開卡</h5></div>
    <div class="card-body">
        <form method="POST" action="{{ route('card.activation') }}">
            @csrf
            <input type="hidden" name="apply" value="{{ implode(',', $applyIds) }}">
            <input type="hidden" name="category" value="{{ $category }}">
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead>
                        <tr><th>#</th><th>姓名</th><th>身份證</th><th>班級座號</th><th>卡號</th></tr>
                    </thead>
                    <tbody>
                        @foreach($cards as $i => $card)
                        <tr>
                            <td>{{ $i + 1 }}</td>
                            <td>{{ $card->user_name }}</td>
                            <td>{{ $card->masked_idno }}</td>
                            <td>{{ $card->user_class }}{{ $card->user_seatno }}</td>
                            <td><input type="text" class="form-control form-control-sm" name="card_nos[]" value="{{ $card->card_no }}"></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="d-flex gap-2 mt-3">
                <button type="submit" name="submit" value="完成" class="btn btn-primary"><i class="bi bi-check-lg me-1"></i>完成</button>
                <a href="{{ route('card.index', ['category' => $category]) }}" class="btn btn-secondary">返回</a>
            </div>
        </form>
    </div>
</div>
@endsection