@extends('layouts.app')

@section('title', 'Redmine 申請單詳情')

@section('content')
  <div class="container py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
      <h1>Redmine 申請單詳情</h1>
      <a href="{{ route('redmine-requests.index') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left"></i> 返回列表
      </a>
    </div>

    <div class="card">
      <div class="card-header bg-success text-white">
        <i class="bi bi-file-text"></i> 申請單 #{{ $redmineRequest->id }}
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-6">
            <div class="table-responsive"><table class="table table-borderless mb-0">
              <tr>
                <th class="text-muted" style="width:130px">申請類型</th>
                <td>
                  @php
                    $typeColor = match ($redmineRequest->request_type) {
                        'new_account' => 'success',
                        'join_project' => 'primary',
                        'new_project' => 'warning',
                        default => 'secondary',
                    };
                  @endphp
                  <span class="badge bg-{{ $typeColor }} fs-6">{{ $redmineRequest->request_type_label }}</span>
                </td>
              </tr>
              @if ($redmineRequest->request_type === 'new_account')
                <tr>
                  <th class="text-muted">申請帳號</th>
                  <td class="fw-bold">{{ $redmineRequest->username }}</td>
                </tr>
                <tr>
                  <th class="text-muted">電子郵件</th>
                  <td>{{ $redmineRequest->email ?? $redmineRequest->user->email ?? '-' }}</td>
                </tr>
                <tr>
                  <th class="text-muted">到期日</th>
                  <td>{{ $redmineRequest->expire_date }}</td>
                </tr>
              @elseif ($redmineRequest->request_type === 'join_project')
                <tr>
                  <th class="text-muted">Redmine 帳號</th>
                  <td class="fw-bold">{{ $redmineRequest->redmine_login }}</td>
                </tr>
              @elseif ($redmineRequest->request_type === 'new_project')
                <tr>
                  <th class="text-muted">專案名稱</th>
                  <td class="fw-bold">{{ $redmineRequest->projects }}</td>
                </tr>
                <tr>
                  <th class="text-muted">Identifier</th>
                  <td><code>{{ $redmineRequest->username }}</code></td>
                </tr>
              @endif
              <tr>
                <th class="text-muted">指派專案</th>
                <td>{{ $redmineRequest->project_name ?? ($redmineRequest->projects ?: '未指定') }}</td>
              </tr>
            </table></div>
          </div>
          <div class="col-md-6">
            <div class="table-responsive"><table class="table table-borderless mb-0">
              <tr>
                <th class="text-muted" style="width:130px">申請人</th>
                <td>{{ $redmineRequest->user->name ?? '-' }}</td>
              </tr>
              <tr>
                <th class="text-muted">申請日期</th>
                <td>{{ $redmineRequest->created_at->format('Y-m-d H:i') }}</td>
              </tr>
              <tr>
                <th class="text-muted">目前狀態</th>
                <td>
                  @php
                    $color = match ($redmineRequest->status) {
                        'pending' => 'warning',
                        'pending_admin' => 'info',
                        'approved' => 'success',
                        'rejected' => 'danger',
                        default => 'secondary',
                    };
                    $label = match ($redmineRequest->status) {
                        'pending' => '待主管審核',
                        'pending_admin' => '待管理者審核',
                        'approved' => '已通過',
                        'rejected' => '已拒絕',
                        default => '未知',
                    };
                  @endphp
                  <span class="badge bg-{{ $color }} fs-6">{{ $label }}</span>
                </td>
              </tr>
            </table></div>
          </div>
        </div>

        @if ($redmineRequest->reason)
          <hr>
          <h6 class="fw-bold text-muted">申請原因</h6>
          <p class="mb-0">{{ $redmineRequest->reason }}</p>
        @endif
      </div>
    </div>

    <div class="d-flex gap-2 mt-4">
      @if ($redmineRequest->status === 'approved')
        <a href="{{ route('redmine-requests.download', $redmineRequest) }}" class="btn btn-secondary">
          <i class="bi bi-download"></i> 下載申請單
        </a>
      @endif
      @if (in_array($redmineRequest->status, ['pending', 'pending_admin']))
        <form action="{{ route('redmine-requests.destroy', $redmineRequest) }}" method="POST"
          onsubmit="return confirm('確定要取消此申請？');">
          @csrf @method('DELETE')
          <button type="submit" class="btn btn-danger">
            <i class="bi bi-x-circle"></i> 取消申請
          </button>
        </form>
      @endif
    </div>
  </div>
@endsection