@extends('admin.layouts.app')

@section('title', '관리자 계정 등록')

@section('content')
    <form method="POST" action="{{ route('admin.admins.store') }}"
          onsubmit="this.querySelector('button[type=submit]')?.setAttribute('disabled','disabled');">
        @csrf

        <div class="a-panel">
            <div style="display:flex; justify-content:space-between; align-items:flex-start; gap:12px; flex-wrap:wrap;">
                <div>
                    <div style="font-weight:900; font-size:16px;">관리자 계정 등록</div>
                    <div class="a-muted" style="font-size:12px; margin-top:4px;">
                        비밀번호는 입력하지 않습니다. 서버에서 임시 비밀번호를 생성하며, 다음 로그인 시 변경이 강제됩니다.
                    </div>
                </div>

                <a class="a-btn a-btn--ghost a-btn--sm"
                   href="{{ route('admin.admins.index', $filters ?? []) }}"
                   style="width:auto;">
                    목록
                </a>
            </div>
        </div>

        <div style="height:12px;"></div>

        <div class="a-panel">
            <div class="a-field">
                <label class="a-label">이메일</label>
                <input class="a-input" name="email" value="{{ old('email') }}" placeholder="admin@example.com" autocomplete="off">
                @error('email') <div class="a-error">{{ $message }}</div> @enderror
            </div>

            <div class="a-field">
                <label class="a-label">성명</label>
                <input class="a-input" name="name" value="{{ old('name') }}" placeholder="홍길동" autocomplete="off">
                @error('name') <div class="a-error">{{ $message }}</div> @enderror
            </div>

            <div class="a-field">
                <label class="a-label">닉네임</label>
                <input class="a-input" name="nickname" value="{{ old('nickname') }}" placeholder="정산담당1" autocomplete="off">
                @error('nickname') <div class="a-error">{{ $message }}</div> @enderror
            </div>

            <div class="a-field">
                <label class="a-label">휴대폰 (숫자만 10~11자리)</label>
                <input class="a-input" name="phone" value="{{ old('phone') }}" placeholder="01012345678" autocomplete="off">
                @error('phone') <div class="a-error">{{ $message }}</div> @enderror
            </div>

            <div class="a-field">
                <label class="a-label">역할(Role)</label>
                <select class="a-input" name="role">
                    @php $sel = old('role', 'support'); @endphp
                    @foreach($roles as $r)
                        <option value="{{ $r['code'] }}" {{ $sel===$r['code']?'selected':'' }}>
                            {{ $r['label'] }}
                        </option>
                    @endforeach
                </select>
                @error('role') <div class="a-error">{{ $message }}</div> @enderror
            </div>

            <button class="a-btn a-btn--primary" type="submit" style="margin-top:14px;">
                등록
            </button>
        </div>
    </form>
@endsection