@extends('layouts.app')

@section('content')
  <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-accounts.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 (session('fg'))
      <div class="alert alert-danger">{{ session('fg') }}</div>
    @endif

    {{-- 顯示 Laravel 驗證錯誤 --}}
    @if ($errors->any())
      <div class="alert alert-danger">
        <ul class="mb-0">
          @foreach ($errors->all() as $msg)
            <li>{{ $msg }}</li>
          @endforeach
        </ul>
      </div>
    @endif

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

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

      {{-- Password --}}
      <div class="mb-3">
        <label class="form-label" for="password">密碼 (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>

      {{-- Group --}}
      <div class="mb-3">
        <label class="form-label" for="group">FortiGate 群組 (group)</label>
        <select name="group" class="form-select @error('group') is-invalid @enderror" required id="group">
          <option value="">請選擇群組</option>
          @foreach ($groups as $g)
            <option value="{{ $g['name'] }}" @if (old('group') == $g['name']) selected @endif>
              {{ $g['name'] }}
            </option>
          @endforeach
        </select>
        @error('group')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>

      {{-- Expire Date --}}
      <div class="mb-3">
        <label class="form-label">到期日 (expire_date)</label>
        <input type="date" name="expire_date" class="form-control @error('expire_date') is-invalid @enderror"
          value="{{ old('expire_date') }}">
        @error('expire_date')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>

      {{-- Note --}}
      <div class="mb-3">
        <label class="form-label" for="note">備註 (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>

      <button type="submit" class="btn btn-primary">送出</button>
      <a href="{{ route('vpn-accounts.index') }}" class="btn btn-secondary">取消</a>
    </form>
  </div>
@endsection