@extends('layouts.app')

@section('content')
  @php
    $today = now()->toDateString();
    $maxDate = now()->addDays(6)->toDateString();

    // 新增：預設帳號為 email 前綴 + 當日日期
    $emailPrefix = strstr(auth()->user()->email, '@', true); // email帳號@之前的部分
    $defaultUsername = $emailPrefix . now()->format('Ymd'); // 組合成 pake20250513 格式
  @endphp

  <div class="container my-4">
    <div class="d-flex align-items-center justify-content-between mb-4">
      <h1 class="mb-0">VPN 帳號申請</h1>
      <a href="{{ route('vpn-requests.index') }}" class="btn btn-sm btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i>返回清單
      </a>
    </div>

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

    @if ($errors->any())
      <div class="alert alert-danger">
        <ul class="mb-0">
          @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
          @endforeach
        </ul>
      </div>
    @endif

    <form action="{{ route('vpn-requests.store') }}" method="POST">
      @csrf

      {{-- 帳號 --}}
      <div class="mb-3">
        <label class="form-label">申請帳號</label>
        <input type="text" name="username"
          class="form-control bg-light text-dark @error('username') is-invalid @enderror"
          value="{{ old('username', $defaultUsername) }}" readonly required>
        @error('username')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>

      {{-- 密碼 --}}
      <div class="mb-3">
        <label class="form-label" for="password">密碼</label>
        <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" required id="password">
        @error('password')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
        <div class="form-text text-danger">
          密碼至少 12 碼，且需包含 <span class="fw-bold">大寫、小寫、數字、特殊字元</span>。
        </div>
      </div>

      {{-- FortiGate 群組 --}}
      <input type="hidden" name="group" value="sslvpn-group">

      {{-- 到期日 --}}
      <div class="mb-3">
        <label class="form-label">到期日</label>
        <input type="date" name="expire_date" class="form-control @error('expire_date') is-invalid @enderror"
          value="{{ old('expire_date', $today) }}" min="{{ $today }}" max="{{ $maxDate }}" required>
        @error('expire_date')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
        <div class="form-text text-muted">
          僅可選擇 <strong>{{ $today }}</strong> ~ <strong>{{ $maxDate }}</strong> 之間的日期。
        </div>
      </div>

      {{-- 備註 --}}
      <div class="mb-3">
        <label class="form-label" for="note">申請原因</label>
        <textarea name="note" class="form-control @error('note') is-invalid @enderror" rows="3" id="note">{{ old('note') }}</textarea>
        @error('note')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>

      {{-- 指定主管 --}}
      <div class="mb-3">
        <label class="form-label" for="supervisor_id">指定主管</label>
        <select name="supervisor_id" class="form-select @error('supervisor_id') is-invalid @enderror" required id="supervisor_id">
          <option value="">請選擇主管</option>
          @foreach ($supervisors as $s)
            <option value="{{ $s->id }}"
              {{ old('supervisor_id', $loop->first ? $s->id : null) == $s->id ? 'selected' : '' }}>
              {{ $s->name }}
            </option>
          @endforeach
        </select>
        @error('supervisor_id')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>

      <button type="submit" class="btn btn-primary">送出申請</button>
      <a href="{{ url()->previous() }}" class="btn btn-secondary">取消</a>
    </form>
  </div>
@endsection