@extends('layouts.master')

@section('content')
<div class="container-fluid">
    
    @if (session()->has('success'))
    <div class="alert alert-success" role="alert">
        {{ session('success')}}
    </div>
    @endif

    <div class="card shadow mb-4 ">
        <div class="card-header py-3 bg-gradient-primary form-inline justify-content-center">
            <h6 class="m-0 font-weight-bold text-primary">Add Account</h6>
        </div>
        <div class="col-lg-8">
            <form method="POST" action="add-admin-account/proses">
                @csrf
                <br>
                <div class="mb-3">
                  <label for="full_name" class="form-label">Nama Lengkap</label>
                  <input type="text" class="form-control name @error('full_name') is-invalid @enderror" id="full_name" name="full_name" value="{{old('full_name')}}">
                    @error('full_name')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="user_id" class="form-label">User ID</label>
                    <input type="text" class="form-control name @error('user_id') is-invalid @enderror" id="user_id" name="user_id" placeholder="contoh format: OBT001" value="{{old('user_id')}}">
                      @error('user_id')
                          <div class="invalid-feedback">
                              {{ $message }}
                          </div>
                      @enderror
                </div>
                <br>
                <div class="form-group">
                    <label for="gender" class="form-label @error('gender') is-invalid @enderror">Gender</label>
                <select class="form-control" name="gender">
                        <option value="Pria" {{ old('gender') == "Pria" ? 'selected' : '' }}>Pria</option>
                        <option value="Wanita" {{ old('gender') == "Wanita" ? 'selected' : '' }}>Wanita</option>
                </select>
                @error('gender')
                    <div class="invalid-feedback">
                        {{ $message }}
                    </div>
                @enderror
                </div>

                <div class="mb-3">
                    <label for="email" class="form-label">Email</label>
                    <input type="email" class="form-control email @error('email') is-invalid @enderror" id="email" name="email" value="{{old('email')}}">
                      @error('email')
                          <div class="invalid-feedback">
                              {{ $message }}
                          </div>
                      @enderror
                </div>
                
                <div class="mb-3">
                    <label for="password" class="form-label">Password</label>
                    <input type="password" class="form-control password @error('password') is-invalid @enderror" id="password" name="password" value="{{old('password')}}">
                      @error('password')
                          <div class="invalid-feedback">
                              {{ $message }}
                          </div>
                      @enderror
                </div>
                
                <div class="mb-3">
                    <label for="password-confirmation" class="form-label">Confirm Password</label>
                    <input type="password" class="form-control password @error('password-confirmation') is-invalid @enderror" id="password-confirmation" name="password-confirmation" value="{{old('password-confirmation')}}">
                      @error('password-confirmation')
                          <div class="invalid-feedback">
                              {{ $message }}
                          </div>
                      @enderror
                </div>
                
                <div class="form-group">
                    <label for="role" class="form-label @error('role') is-invalid @enderror">Role</label>
                <select class="form-control" name="role">
                        <option value="super_admin" {{ old('role') == "super_admin" ? 'selected' : '' }}>Super Admin</option>
                        <option value="admin" {{ old('role') == "admin" ? 'selected' : '' }}>Admin</option>
                </select>
                @error('role')
                    <div class="invalid-feedback">
                        {{ $message }}
                    </div>
                @enderror
                </div>
                
                <button type="submit" class="btn btn-primary">Create Account</button>
              </form>
        </div>
        <br>
    </div>

</div>
@endsection