@extends('layouts.app')

@section('content')
  <div class="container">
    <div class="d-flex align-items-center justify-content-between my-4">
      <h1 class="mb-0">編輯 VPN 帳號 - {{ $vpn_account->username }}</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>

    <form method="POST" action="{{ route('vpn-accounts.update', $vpn_account) }}">
      @csrf
      @method('PUT')

      <div class="form-group">
        <label for="username">帳號</label>
        <input type="text" class="form-control" id="username" name="username" value="{{ $vpn_account->username }}"
          disabled>
      </div>

      <div class="form-group">
        <label for="password">新密碼（留空則不修改）</label>
        <input type="password" class="form-control" id="password" name="password">
      </div>

      <div class="form-group">
        <label for="expire_date">到期日</label>
        <input type="date" class="form-control" id="expire_date" name="expire_date"
          value="{{ $vpn_account->expire_date }}">
      </div>

      <div class="form-group">
        <label for="status">狀態</label>
        <select class="form-control" id="status" name="status">
          <option value="active" {{ $vpn_account->status == 'active' ? 'selected' : '' }}>active</option>
          <option value="disabled" {{ $vpn_account->status == 'disabled' ? 'selected' : '' }}>disabled</option>
        </select>
      </div>

      <div class="form-group">
        <label for="note">備註</label>
        <textarea class="form-control" id="note" name="note">{{ $vpn_account->note }}</textarea>
      </div>

      <button type="submit" class="btn btn-primary">更新</button>
    </form>
  </div>
@endsection