@extends('layouts.app')
@section('title', '申請詳情 - 閱讀卡管理平台')
@section('content')
<div class="card mb-4">
    <div class="card-header">
        <h5 class="mb-0"><i class="bi bi-file-earmark-text me-1"></i>申請詳情 #{{ $apply->apply_id }}</h5>
    </div>
    <div class="card-body">
        <div class="row mb-3">
            <div class="col-md-3"><strong>申請編號：</strong>{{ $apply->apply_id }}</div>
            <div class="col-md-3"><strong>申請類型：</strong>{{ $apply->type_text }}</div>
            <div class="col-md-3"><strong>狀態：</strong><span class="badge status-badge-{{ str_replace('-', 'neg', $apply->apply_status) }}">{{ $apply->status_text }}</span></div>
            <div class="col-md-3"><strong>申請時間：</strong>{{ $apply->apply_timestamp }}</div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header"><h6 class="mb-0">卡片明細</h6></div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover align-middle">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>姓名</th>
                        <th>身份證</th>
                        <th>班級座號</th>
                        <th>卡號</th>
                        <th>條碼</th>
                        <th>狀態</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($cards as $card)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $card->user_name }}</td>
                        <td>{{ $card->masked_idno }}</td>
                        <td>{{ $card->user_class }}{{ $card->user_seatno }}</td>
                        <td>{{ $card->card_no }}</td>
                        <td>{{ $card->card_barcode }}</td>
                        <td><span class="badge status-badge-{{ str_replace('-', 'neg', $card->card_status) }}">{{ $card->status_text }}</span></td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="mt-3">
    <a href="{{ route('apply.index') }}" class="btn btn-secondary"><i class="bi bi-arrow-left me-1"></i>返回列表</a>
</div>
@endsection