@extends('layouts.app')

@section('content')
  @php
    $isOut = $deviceRequest->flow === 'out'; // ★ 判斷攜出 / 攜入
  @endphp

  <div class="container py-4">
    <div class="d-flex align-items-center justify-content-between mb-3">
      <h3 class="mb-0">
        設備{{ $isOut ? '攜出' : '攜入' }}申請 #{{ $deviceRequest->id }}
      </h3>
      <a href="{{ route('device-requests.index') }}" class="btn btn-sm btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i>返回清單
      </a>
    </div>

    {{-- ============ 共用：申請人 / 時間 / 狀態 ============ --}}
    <div class="table-responsive"><table class="table table-bordered align-middle mb-4">
      <tbody>
        <tr>
          <th style="width:160px">申請人</th>
          <td>{{ $deviceRequest->user->name }}</td>
        </tr>
        <tr>
          <th>部門</th>
          <td>{{ $deviceRequest->user->department }}</td>
        </tr>
        <tr>
          <th>申請日期</th>
          <td>{{ $deviceRequest->created_at->format('Y-m-d H:i') }}</td>
        </tr>

        {{-- flow 特有欄位 --}}
        @if ($isOut)
          {{-- === 攜出資料 === --}}
          <tr>
            <th>計畫攜出日</th>
            <td>{{ $deviceRequest->bring_date }}</td>
          </tr>
          <tr>
            <th>預計歸還日</th>
            <td>{{ $deviceRequest->return_date ?? '—' }}</td>
          </tr>
          <tr>
            <th>攜出方式</th>
            <td>
              {{ $deviceRequest->out_way }}
              @if ($deviceRequest->out_way === 'freight')
                （{{ $deviceRequest->freight_company }} / {{ $deviceRequest->freight_no }}）
              @elseif($deviceRequest->out_way === 'other')
                （{{ $deviceRequest->out_way_other }}）
              @endif
            </td>
          </tr>
          @php
            $detail = $deviceRequest->out_reason_detail;
            $labels = [
                'backup_offsite' => '備份媒體異地儲存',
                'backup_return' => '異地備份媒體送回',
                'new_device' => '新增設備',
                'repair' => '設備送修',
                'transfer' => '調 / 借 / 還',
                'other' => '其他',
            ];
          @endphp
          <tr>
            <th>攜出原因</th>
            <td>
              {{ collect($detail['reasons'] ?? [])->map(fn($r) => $labels[$r] ?? $r)->implode('、') ?:
                  '—' }}
            </td>
          </tr>
        @else
          {{-- === 攜入資料 === --}}
          <tr>
            <th>計畫攜入日</th>
            <td>{{ $deviceRequest->bring_date }}</td>
          </tr>
          <tr>
            <th>預計攜出</th>
            <td>{{ $deviceRequest->return_date ?? '—' }}</td>
          </tr>
          <tr>
            <th>使用場地</th>
            <td>
              {{ ['meeting_room' => '會議室', 'office' => '辦公室', 'server_room' => '機房', 'other' => '其他'][
                  $deviceRequest->place
              ] ?? '—' }}
              @if ($deviceRequest->place === 'other')
                （{{ $deviceRequest->place_other_text }}）
              @endif
            </td>
          </tr>

          {{-- 依設備類別顯示細項 --}}
          @php $types = explode(',',$deviceRequest->device_type ?? ''); @endphp
          @if (in_array('nb', $types))
            <tr>
              <th>筆電型式</th>
              <td>{{ $deviceRequest->model ?: '—' }}</td>
            </tr>
            <tr>
              <th>筆電廠牌</th>
              <td>{{ $deviceRequest->brand ?: '—' }}</td>
            </tr>
            <tr>
              <th>病毒碼是否最新</th>
              <td>{{ $deviceRequest->av_updated ? '是' : '否' }}</td>
            </tr>
            <tr>
              <th>防毒軟體</th>
              <td>{{ $deviceRequest->nb_av ?: '—' }}</td>
            </tr>
          @endif
          @if (in_array('media', $types))
            <tr>
              <th>可攜式儲存媒體</th>
              <td>
                {!! $deviceRequest->item_usb ? '■ 隨身碟' : '□ 隨身碟' !!}
                {!! $deviceRequest->item_hdd ? '、■ 抽取式硬碟' : '、□ 抽取式硬碟' !!}
              </td>
            </tr>
          @endif
          @if (in_array('other', $types))
            <tr>
              <th>其它設備</th>
              <td>{{ $deviceRequest->item_other_name ?: '—' }}</td>
            </tr>
          @endif
        @endif

        {{-- 共同備註、主管、狀態… --}}
        <tr>
          <th>備註</th>
          <td>{{ $deviceRequest->note ?? '—' }}</td>
        </tr>
        <tr>
          <th>主管</th>
          <td>{{ optional($deviceRequest->supervisor)->name ?? '—' }}</td>
        </tr>
        @if ($deviceRequest->approver)
          <tr>
            <th>網路管理員</th>
            <td>{{ optional($deviceRequest->approver)->name }}</td>
          </tr>
          <tr>
            <th>核准日期</th>
            <td>{{ optional($deviceRequest->approved_at)->format('Y-m-d') }}</td>
          </tr>
        @endif
        <tr>
          <th>狀態</th>
          <td>
            @php
              $color =
                  [
                      'approved' => 'success',
                      'rejected' => 'danger',
                      'pending_supervisor' => 'warning',
                      'pending_admin' => 'info',
                  ][$deviceRequest->status] ?? 'secondary';
              $label =
                  [
                      'pending_supervisor' => '待主管審核',
                      'pending_admin' => '待管理者審核',
                      'approved' => '已通過',
                      'rejected' => '已拒絕',
                  ][$deviceRequest->status] ?? '未知';
            @endphp
            <span class="badge bg-{{ $color }}">{{ $label }}</span>
          </td>
        </tr>
      </tbody>
    </table></div>

    {{-- === 攜出完成後的紀錄（僅 flow=out && status=returned） === --}}
    @if ($isOut && $deviceRequest->status === 'returned')
      <h5 class="mt-4">攜出紀錄</h5>
      <div class="table-responsive"><table class="table table-bordered align-middle">
        <tbody>
          <tr>
            <th style="width:160px">實際攜出日期</th>
            <td>{{ $deviceRequest->actual_return_date }}</td>
          </tr>
          <tr>
            <th>承辦人</th>
            <td>{{ $deviceRequest->handled_by }}</td>
          </tr>
          <tr>
            <th>權責主管</th>
            <td>{{ $deviceRequest->approved_by }}</td>
          </tr>
        </tbody>
      </table></div>
    @endif

    {{-- === 流程相關按鈕（示例） === --}}
    @auth
      @if (!$isOut && $deviceRequest->status === 'approved')
        {{-- 攜入單可下載 Docx --}}
        <a href="{{ route('device-requests.download', $deviceRequest) }}" class="btn btn-outline-secondary">下載申請單</a>
      @elseif($isOut && Auth::user()->role === 'admin' && $deviceRequest->status === 'approved')
        {{-- 攜出單 admin 可登記攜出 --}}
        <button class="btn btn-outline-warning" data-bs-toggle="modal" data-bs-target="#outModal">
          登記攜出
        </button>
      @endif
    @endauth
  </div>

  {{-- ===== 攜出登記 Modal（只在攜出流程才需要） ===== --}}
  @if ($isOut && Auth::user()->role === 'admin')
    @include('device-requests.partials.out-modal', ['deviceRequest' => $deviceRequest])
  @endif
@endsection