@extends('layouts.admin')

@section('title', '新增組織邀請')

@section('content')
    <h1>新增組織邀請</h1>
    <p class="lede">為對方預先保留一個 org_id，核發一把只能用一次的 bootstrap key，交給對方拿去呼叫 <code>/v1/orgs/register</code>。</p>

    <style>
        form.invite { max-width: 480px; background: #fff; border: 1px solid #dfded8; border-radius: 12px; padding: 20px 24px; }
        form.invite label { display: block; font-size: .8rem; font-weight: 600; margin: 16px 0 6px; }
        form.invite label:first-child { margin-top: 0; }
        form.invite input, form.invite select { width: 100%; padding: 8px 10px; font-size: .9rem; border: 1px solid #cfced6; border-radius: 6px; box-sizing: border-box; }
        form.invite .hint { color: #8a8f9b; font-size: .78rem; margin-top: 4px; }
        form.invite .error { color: #b4232c; font-size: .78rem; margin-top: 4px; }
        form.invite button { margin-top: 20px; padding: 9px 18px; border: none; border-radius: 6px; background: #1b1e24; color: #fff; font-size: .88rem; cursor: pointer; }
        form.invite button:hover { background: #2a2e38; }
        .back-link { display: inline-block; margin-top: 16px; font-size: .82rem; color: #5b6270; }
    </style>

    <form class="invite" method="POST" action="{{ route('admin.orgs.invites.store') }}">
        @csrf

        <label for="org_id">org_id</label>
        <input type="text" id="org_id" name="org_id" value="{{ old('org_id') }}" placeholder="例如 vpnadmin" autofocus>
        <div class="hint">小寫英數字、底線、連字號，對方註冊時要傳一模一樣的 org_id。</div>
        @error('org_id') <div class="error">{{ $message }}</div> @enderror

        <label for="note">公司名稱（選填）</label>
        <input type="text" id="note" name="note" value="{{ old('note') }}" placeholder="對方公司全名，方便日後辨識">
        @error('note') <div class="error">{{ $message }}</div> @enderror

        <label for="expires_in_days">有效期限</label>
        <select id="expires_in_days" name="expires_in_days">
            <option value="1" @selected(old('expires_in_days') == 1)>1 天</option>
            <option value="7" @selected(old('expires_in_days', 7) == 7)>7 天</option>
            <option value="30" @selected(old('expires_in_days') == 30)>30 天</option>
            <option value="365" @selected(old('expires_in_days') == 365)>1 年</option>
            <option value="permanent" @selected(old('expires_in_days') == 'permanent')>永久</option>
        </select>
        <div class="hint">期限內對方沒拿來註冊，這把 key 就自動失效，需要再核發一把新的。</div>
        @error('expires_in_days') <div class="error">{{ $message }}</div> @enderror

        <button type="submit">產生 Bootstrap Key</button>
    </form>

    <a class="back-link" href="{{ route('admin.orgs.invites.index') }}">&larr; 回組織邀請列表</a>
@endsection