@extends('layouts.admin')

@section('title', '시스템 관리')

@section('content')

<div class="row justify-content-center">
    <div class="col-12 col-lg-6 col-md-8">

        <div class="card border-0 shadow-sm rounded-4">
            <div class="card-body p-4 p-md-5">

                <div class="d-flex justify-content-between align-items-center mb-4 pb-3 border-bottom">
                    <h4 class="fw-bold m-0 text-dark">
                        <i class="bi bi-person-plus-fill text-primary me-2"></i>새 관리자 등록
                    </h4>
                    <a href="{{ route('admin.users.index') }}" class="btn btn-light btn-sm border text-secondary px-3">
                        목록으로
                    </a>
                </div>

                @if ($errors->any())
                <div class="alert alert-danger border-0 rounded-3 mb-4 shadow-sm">
                    <ul class="mb-0 ps-3 small fw-medium">
                        @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
                @endif

                <form action="{{ route('admin.users.store') }}" method="POST">
                    @csrf

                    <div class="mb-3">
                        <label class="form-label small fw-bold text-secondary">이름</label>
                        <div class="input-group">
                            <span class="input-group-text bg-white text-muted border-end-0"><i class="bi bi-person"></i></span>
                            <input type="text" name="name" class="form-control border-start-0 ps-0 py-2" value="{{ old('name') }}" required placeholder="성함을 입력하세요">
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label small fw-bold text-secondary">이메일 주소</label>
                        <div class="input-group">
                            <span class="input-group-text bg-white text-muted border-end-0"><i class="bi bi-envelope"></i></span>
                            <input type="email" name="email" class="form-control border-start-0 ps-0 py-2" value="{{ old('email') }}" required placeholder="example@email.com">
                        </div>
                    </div>

                    <div class="mb-4">
                        <label for="roles" class="form-label small fw-bold text-secondary">관리자 권한 선택</label>
                        <div class="input-group">
                            <span class="input-group-text bg-white text-muted border-end-0"><i class="bi bi-shield-lock"></i></span>
                            <select name="roles" id="roles" class="form-select border-start-0 ps-0 py-2" required>
                                <option value="" selected disabled>부여할 권한을 선택하세요</option>
                                <option value="super-admin">🔴 최고 관리자</option>
                                <option value="partner-admin">🟠 회원사 관리자</option>
                                <option value="general-admin">🟢 일반 관리자</option>
                                <option value="content-editor">🔵 콘텐츠 편집자</option>
                            </select>
                        </div>
                    </div>

                    <div class="p-4 rounded-4 border bg-light-subtle mb-4">
                        <div class="mb-3">
                            <label class="form-label small fw-bold text-secondary">비밀번호 설정</label>
                            <input type="password" name="password" class="form-control py-2" required placeholder="8자 이상 입력하세요">
                        </div>
                        <div class="mb-0">
                            <label class="form-label small fw-bold text-secondary">비밀번호 확인</label>
                            <input type="password" name="password_confirmation" class="form-control py-2" required placeholder="비밀번호를 한 번 더 입력하세요">
                        </div>
                    </div>

                    <button type="submit" class="btn btn-primary w-100 py-3 rounded-3 fw-bold shadow-sm">
                        관리자 계정 생성하기
                    </button>
                </form>

            </div>
        </div>

    </div>
</div>

@endsection