@extends('admin.layout')

@section('content')
<div class="container mt-4">
    <h2>Add Admin Users</h2>
    <form method="POST" action="{{ route('admins.store') }}">
        @csrf
         @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
        <div class="mb-3">
            <label>Name</label>
            <input name="name" value="{{ old('name') }}" class="form-control" required>
        </div>
        <div class="mb-3">
            <label>Email</label>
            <input name="email" type="email" value="{{ old('email') }}" class="form-control" required>
        </div>
        <div class="mb-3">
            <label>Password</label>
            <input name="password" type="password" class="form-control" required>
        </div>
         <div class="form-group mb-3">
            <label>Confirm Password</label>
            <input type="password" name="password_confirmation" class="form-control" required>
        </div>
          <div class="mb-3">
            <label>Assign Roles</label><br>
            @foreach($roles as $role)
                <label class="me-3">
                    <input type="radio" name="roles[]" value="{{ $role->name }}" {{ old('role') == $role->name ? 'selected' : '' }}>
                    {{ $role->name }}
                </label>
            @endforeach
            @error('roles') <div class="text-danger">{{ $message }}</div> @enderror
        </div>

        <button class="btn btn-success">Save</button>
        <a href="{{ route('admins.index') }}" class="btn btn-secondary">Back</a>
    </form>
</div>
@endsection