@extends('layouts.app')
@section('title', '請假申請詳情')

@section('content')
<div class="container py-4" style="max-width:640px;">
  <div class="mb-4">
    <a href="{{ route('leave.index') }}" class="text-decoration-none text-muted small">
      <i class="bi bi-arrow-left me-1"></i>返回
    </a>
    <h4 class="fw-bold mt-2 mb-0">請假申請詳情</h4>
  </div>

  @foreach(['success','error'] as $t)
    @if(session($t))
      <div class="alert alert-{{ $t==='error'?'danger':$t }} alert-dismissible fade show py-2 mb-3">
        {{ session($t) }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
      </div>
    @endif
  @endforeach

  <div class="card shadow-sm border-0">
    <div class="card-body p-4">

      {{-- 狀態 --}}
      <div class="d-flex justify-content-between align-items-start mb-4">
        <div>
          <span class="badge rounded-pill text-white fs-6 px-3 py-2" style="background:{{ $leave->leaveType->color }}">
            {{ $leave->leaveType->name }}
          </span>
          <span class="badge bg-{{ $leave->statusColor() }} ms-2 py-2 px-3">{{ $leave->statusLabel() }}</span>
        </div>
        <div class="text-muted small">{{ $leave->created_at->format('Y-m-d H:i') }}</div>
      </div>

      {{-- 基本資訊 --}}
      <dl class="row mb-0">
        <dt class="col-4 text-muted fw-normal small">申請人</dt>
        <dd class="col-8 mb-2">{{ $leave->user->name }}</dd>

        <dt class="col-4 text-muted fw-normal small">請假期間</dt>
        <dd class="col-8 mb-2">
          {{ $leave->start_date->format('Y-m-d') }}
          @if($leave->start_half)<span class="text-muted small">（下午）</span>@endif
          @if($leave->start_date->ne($leave->end_date))
            — {{ $leave->end_date->format('Y-m-d') }}
            @if($leave->end_half)<span class="text-muted small">（上午）</span>@endif
          @endif
        </dd>

        <dt class="col-4 text-muted fw-normal small">天數</dt>
        <dd class="col-8 mb-2"><strong>{{ $leave->days }} 天</strong></dd>

        <dt class="col-4 text-muted fw-normal small">事由</dt>
        <dd class="col-8 mb-2">{{ $leave->reason }}</dd>
      </dl>

      <hr>

      {{-- 審核流程 --}}
      <div class="mb-3 fw-semibold small text-muted text-uppercase">審核流程</div>

      {{-- 主管審核 --}}
      <div class="d-flex gap-3 mb-3 align-items-start">
        <div class="mt-1">
          @if($leave->supervisor_at)
            <span class="badge bg-{{ $leave->status==='rejected' && !$leave->boss_at ? 'danger' : 'success' }} rounded-circle p-1">
              <i class="bi bi-check fs-6"></i>
            </span>
          @else
            <span class="badge bg-secondary rounded-circle p-1 opacity-50">
              <i class="bi bi-hourglass fs-6"></i>
            </span>
          @endif
        </div>
        <div class="flex-grow-1">
          <div class="fw-semibold small">
            {{ $leave->needsBossApproval() ? '第一關：' : '' }}主管審核
          </div>
          @if($leave->supervisor)
            <div class="text-muted small">{{ $leave->supervisor->name }}
              @if($leave->supervisor_at) · {{ $leave->supervisor_at->format('Y-m-d H:i') }} @endif
            </div>
          @else
            <div class="text-muted small">{{ $leave->user->supervisor?->name ?? '（未設定主管）' }}</div>
          @endif
          @if($leave->supervisor_note)
            <div class="bg-light rounded p-2 mt-1 small">{{ $leave->supervisor_note }}</div>
          @endif
        </div>
      </div>

      {{-- 老闆審核（>3天） --}}
      @if($leave->needsBossApproval())
      <div class="d-flex gap-3 mb-3 align-items-start">
        <div class="mt-1">
          @if($leave->boss_at)
            <span class="badge bg-{{ $leave->status==='rejected' && $leave->boss_at ? 'danger' : 'success' }} rounded-circle p-1">
              <i class="bi bi-check fs-6"></i>
            </span>
          @else
            <span class="badge bg-secondary rounded-circle p-1 opacity-50">
              <i class="bi bi-hourglass fs-6"></i>
            </span>
          @endif
        </div>
        <div class="flex-grow-1">
          <div class="fw-semibold small">最終核准：老闆</div>
          @if($leave->boss)
            <div class="text-muted small">{{ $leave->boss->name }}
              @if($leave->boss_at) · {{ $leave->boss_at->format('Y-m-d H:i') }} @endif
            </div>
          @else
            <div class="text-muted small">等待核准中…</div>
          @endif
          @if($leave->boss_note)
            <div class="bg-light rounded p-2 mt-1 small">{{ $leave->boss_note }}</div>
          @endif
        </div>
      </div>
      @endif
    </div>

    {{-- 補充文件提醒 --}}
    @if($leave->status === 'approved' && $leave->leaveType->requires_document && $leave->user_id === Auth::id())
    <div class="card-footer bg-transparent">
      @if($leave->document_submitted_at)
        <div class="text-success small">
          <i class="bi bi-check-circle-fill me-1"></i>
          已標記補充文件（{{ $leave->document_submitted_at->format('Y-m-d H:i') }}）
        </div>
      @else
        <div class="alert alert-warning py-2 mb-2 small">
          <i class="bi bi-file-earmark-medical me-1"></i>
          <strong>請記得補交證明文件給人事存查</strong>（如：醫療單、收據等）
        </div>
        <form method="POST" action="{{ route('leave.doc-submit', $leave) }}">
          @csrf
          <button class="btn btn-warning btn-sm">
            <i class="bi bi-check2-square me-1"></i>已提交文件給人事
          </button>
        </form>
      @endif
    </div>
    @endif

    {{-- 操作 --}}
    @if($leave->status === 'pending' && $leave->user_id === Auth::id())
    <div class="card-footer bg-transparent">
      <form method="POST" action="{{ route('leave.destroy', $leave) }}"
            onsubmit="return confirm('確定取消此申請？')">
        @csrf @method('DELETE')
        <button class="btn btn-outline-danger btn-sm">
          <i class="bi bi-x-circle me-1"></i>取消申請
        </button>
      </form>
    </div>
    @endif
  </div>
</div>
@endsection