{{-- resources/views/vpn-requests/show.blade.php --}}
@extends('layouts.app')

@section('content')
  <div class="container py-4">
    <h1 class="mb-4">申請詳情</h1>

    <div class="card mb-4">
      <div class="card-body">
        {{-- 申請基本資訊 --}}
        <div class="row mb-3">
          <label class="col-sm-2 fw-semibold">申請帳號</label>
          <div class="col-sm-10">{{ $vpnRequest->username }}</div>
        </div>
        <div class="row mb-3">
          <label class="col-sm-2 fw-semibold">FortiGate 群組</label>
          <div class="col-sm-10">{{ $vpnRequest->group }}</div>
        </div>
        <div class="row mb-3">
          <label class="col-sm-2 fw-semibold">到期日</label>
          <div class="col-sm-10">{{ \Carbon\Carbon::parse($vpnRequest->expire_date)->toDateString() }}</div>
        </div>
        <div class="row mb-3">
          <label class="col-sm-2 fw-semibold">申請原因</label>
          <div class="col-sm-10">{{ $vpnRequest->note ?: '-' }}</div>
        </div>
        <div class="row mb-3">
          <label class="col-sm-2 fw-semibold">單位主管</label>
          <div class="col-sm-10">{{ $vpnRequest->supervisor->name }}</div>
        </div>
        <div class="row mb-3">
          <label class="col-sm-2 fw-semibold">申請人</label>
          <div class="col-sm-10">{{ $vpnRequest->user->name }}</div>
        </div>
        <div class="row mb-3">
          <label class="col-sm-2 fw-semibold">申請日期</label>
          <div class="col-sm-10">{{ $vpnRequest->created_at->format('Y-m-d H:i') }}</div>
        </div>
        <div class="row mb-3">
          <label class="col-sm-2 fw-semibold">申請狀態</label>
          @php
            $color = match ($vpnRequest->status) {
                'approved' => 'success',
                'rejected' => 'danger',
                'pending_supervisor' => 'warning',
                'pending_admin' => 'info',
                default => 'secondary',
            };
          @endphp
          <div class="col-sm-10">
            <span class="badge bg-{{ $color }}">
              @switch($vpnRequest->status)
                @case('pending_supervisor')
                  待主管審核
                @break

                @case('pending_admin')
                  待管理者審核
                @break

                @case('approved')
                  已通過
                @break

                @case('rejected')
                  已拒絕
                @break

                @default
                  未知狀態
              @endswitch
            </span>
          </div>
        </div>
      </div>
    </div>

    {{-- 操作按鈕 --}}
    <div class="d-flex gap-2">
      {{-- 下載申請單（僅通過才能下載） --}}
      @if ($vpnRequest->status === 'approved')
        <a href="{{ route('vpn-requests.download', $vpnRequest) }}" class="btn btn-outline-secondary">
          下載申請單
        </a>
      @else
        <button class="btn btn-outline-secondary" disabled>
          下載申請單
        </button>
      @endif

      {{-- 取消申請（尚未審核或審核中才可） --}}
      @if (!in_array($vpnRequest->status, ['approved', 'rejected']))
        <form action="{{ route('vpn-requests.destroy', $vpnRequest) }}" method="POST"
          onsubmit="return confirm('確定要取消此申請？');">
          @csrf
          @method('DELETE')
          <button type="submit" class="btn btn-outline-danger">
            取消申請
          </button>
        </form>
      @endif

      <a href="{{ route('vpn-requests.index') }}" class="btn btn-outline-primary">
        返回列表
      </a>
    </div>
  </div>
@endsection