@extends('layouts.app')

@section('content')
<div class="container my-4" style="max-width:720px;">
  <div class="d-flex justify-content-between align-items-center mb-4">
    <h1>帳號申請詳情</h1>
    <a href="{{ route('account-requests.index') }}" class="btn btn-outline-secondary">
      <i class="bi bi-arrow-left"></i> 返回列表
    </a>
  </div>

  @if (session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
  @endif

  <div class="card mb-3">
    <div class="card-header d-flex justify-content-between align-items-center">
      <span><i class="bi bi-file-earmark-text me-1"></i> 申請 #{{ $accountRequest->id }}</span>
      <span class="badge bg-{{ $accountRequest->status_badge }} fs-6">{{ $accountRequest->status_label }}</span>
    </div>
    <div class="card-body">
      <dl class="row mb-0">
        <dt class="col-sm-4">申請人</dt>
        <dd class="col-sm-8">{{ optional($accountRequest->user)->name ?? '-' }}</dd>

        <dt class="col-sm-4">申請類型</dt>
        <dd class="col-sm-8">{{ $accountRequest->request_type_label }}</dd>

        @if ($accountRequest->apply_for)
          <dt class="col-sm-4">申請身份</dt>
          <dd class="col-sm-8">{{ $accountRequest->apply_for_label }}</dd>
        @endif

        @if ($accountRequest->chinese_name)
          <dt class="col-sm-4">中文姓名</dt>
          <dd class="col-sm-8">{{ $accountRequest->chinese_name }}</dd>
        @endif

        <dt class="col-sm-4">帳號名稱</dt>
        <dd class="col-sm-8">{{ $accountRequest->username }}</dd>

        @if ($accountRequest->request_type === 'host_account')
          <dt class="col-sm-4">主機名稱 / IP</dt>
          <dd class="col-sm-8">{{ $accountRequest->host_info ?? '-' }}</dd>
        @endif

        <dt class="col-sm-4">申請原因</dt>
        <dd class="col-sm-8">{{ $accountRequest->reason }}</dd>

        @if ($accountRequest->notes)
          <dt class="col-sm-4">備注</dt>
          <dd class="col-sm-8">{{ $accountRequest->notes }}</dd>
        @endif

        <dt class="col-sm-4">申請日期</dt>
        <dd class="col-sm-8">{{ $accountRequest->created_at->format('Y-m-d H:i') }}</dd>

        @if ($accountRequest->supervisor_at)
          <dt class="col-sm-4">主管審核時間</dt>
          <dd class="col-sm-8">{{ $accountRequest->supervisor_at->format('Y-m-d H:i') }}</dd>
        @endif

        @if ($accountRequest->admin_at)
          <dt class="col-sm-4">管理者審核時間</dt>
          <dd class="col-sm-8">{{ $accountRequest->admin_at->format('Y-m-d H:i') }}</dd>
        @endif

        @if ($accountRequest->reject_reason)
          <dt class="col-sm-4 text-danger">拒絕原因</dt>
          <dd class="col-sm-8 text-danger">{{ $accountRequest->reject_reason }}</dd>
        @endif
      </dl>
    </div>
  </div>

  @if ($accountRequest->status === 'pending' && Auth::id() === $accountRequest->user_id)
    <form action="{{ route('account-requests.destroy', $accountRequest) }}" method="POST"
      onsubmit="return confirm('確定要取消此申請？')">
      @csrf @method('DELETE')
      <button class="btn btn-outline-danger"><i class="bi bi-x-circle"></i> 取消申請</button>
    </form>
  @endif
</div>
@endsection