@extends('layouts.app')

@section('content')
  <h2>加班申請詳情</h2>

  <div class="table-responsive"><table class="table table-bordered">
    <tr>
      <th>申請人</th>
      <td>{{ $overtimeRequest->user->name }}</td>
    </tr>
    <tr>
      <th>部門</th>
      <td>{{ $overtimeRequest->department }}</td>
    </tr>
    <tr>
      <th>加班日期</th>
      <td>{{ $overtimeRequest->overtime_date }}</td>
    </tr>
    <tr>
      <th>時間</th>
      <td>{{ $overtimeRequest->start_time }} ~ {{ $overtimeRequest->end_time }}</td>
    </tr>
    @php
      $projectIds = is_array($overtimeRequest->projects)
          ? $overtimeRequest->projects
          : json_decode($overtimeRequest->projects ?? '[]', true);

      $projectNames = \App\Models\Project::whereIn('id', $projectIds)->pluck('name')->toArray();
    @endphp

    <tr>
      <th>專案</th>
      <td>{{ implode('、', $projectNames) }}</td>
    </tr>
    <tr>
      <th>加班原因</th>
      <td>{{ $overtimeRequest->reason }}</td>
    </tr>
    <tr>
      <th>狀態</th>
      <td><span class="badge bg-secondary">{{ $overtimeRequest->status }}</span></td>
    </tr>
    <tr>
      <th>主管</th>
      <td>{{ $overtimeRequest->supervisor->name ?? '' }}</td>
    </tr>
    <tr>
      <th>審核人</th>
      <td>{{ $overtimeRequest->approver->name ?? '' }}</td>
    </tr>
    <tr>
      <th>核准時間</th>
      <td>{{ $overtimeRequest->approved_at ?? '' }}</td>
    </tr>
    <tr>
      <th>駁回原因</th>
      <td>{{ $overtimeRequest->reject_reason ?? '-' }}</td>
    </tr>
  </table></div>

  <a href="{{ route('overtime-requests.download', $overtimeRequest) }}" class="btn btn-outline-secondary">下載 Word</a>
  <a href="{{ route('overtime-requests.index') }}" class="btn btn-secondary">返回列表</a>
@endsection