@extends('layouts.admin')

@section('title', '編輯組織邀請')

@section('content')
    <h1>編輯組織邀請</h1>
    <p class="lede">org_id<code>{{ $invite->org_id }}</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.update', $invite) }}">
        @csrf
        @method('PUT')

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

        <label for="expires_in">到期時間</label>
        <select id="expires_in" name="expires_in">
            <option value="keep" @selected(old('expires_in', 'keep') == 'keep')>維持不變(目前:{{ $invite->expires_at?->format('Y-m-d H:i') ?? '永久' }})</option>
            <option value="1" @selected(old('expires_in') == 1)>從現在起 1 天</option>
            <option value="7" @selected(old('expires_in') == 7)>從現在起 7 天</option>
            <option value="30" @selected(old('expires_in') == 30)>從現在起 30 天</option>
            <option value="365" @selected(old('expires_in') == 365)>從現在起 1 年</option>
            <option value="permanent" @selected(old('expires_in') == 'permanent')>永久</option>
        </select>
        @if ($invite->used_at)
            <div class="hint">這把 key 已經用掉了,調整到期時間不會有實際效果。</div>
        @else
            <div class="hint">期限一到,這把 bootstrap key 就會失效,無法再拿去註冊。</div>
        @endif
        @error('expires_in') <div class="error">{{ $message }}</div> @enderror

        <button type="submit">儲存</button>
    </form>

    <a class="back-link" href="{{ route('admin.orgs.invites.show', $invite) }}">&larr; 回組織邀請詳細資料</a>
@endsection