@extends('layouts.app')

@section('title')
    Tambah User
@endsection

@section('content')
<div class="col-sm-12 col-md-9">
  <div class="card card-box card-primary">
      <div class="card-header">
        Tambah User
      </div>
      <div class="card-body">

        <form method="POST" action="{{ route('superadmin:user.store') }}">
            @csrf
                <div class="form-group row">
                <label class="col-sm-12 col-md-2 col-form-label">Nama</label>
                <div class="col-sm-12 col-md-10">
                        <input id="name" name="name" class="form-control @error('name') is-invalid @enderror" type="text">
                        <div class="form-group has-danger">
                            @error('name')
                                <div class="form-control-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                </div>

                <label for="" class="col-sm-12 col-md-2 col-form-label">Email</label>
                <div class="col-sm-12 col-md-10">
                        <input id="email" name="email" class="form-control @error('email') is-invalid @enderror" type="email">
                        <div class="form-group has-danger">
                            @error('email')
                                <div class="form-control-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                </div>

                <label for="" class="col-sm-12 col-md-2 col-form-label">Password</label>
                <div class="col-sm-12 col-md-10">
                        <input id="password" name="password" class="form-control @error('password') is-invalid @enderror" type="password">
                        <div class="form-group has-danger">
                            @error('password')
                                <div class="form-control-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                </div>

                <label for="" class="col-sm-12 col-md-2 col-form-label">Password Confirmation</label>
                <div class="col-sm-12 col-md-10">
                        <input id="password_confirmation" name="password_confirmation" class="form-control @error('password_confirmation') is-invalid @enderror" type="password">
                        <div class="form-group has-danger">
                            @error('password_confirmation')
                                <div class="form-control-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                </div>

                <label for="" class="col-sm-12 col-md-2 col-form-label">Role</label>
                <div class="col-sm-12 col-md-10">
                    <select id="role[]" name="role[]" class="form-control @error('role[]') is-invalid @enderror" multiple>
                        <option value=""></option>
                            @foreach($roles as $id => $role)
                              <option value="{{$id}}">{{$role}}</option>
                            @endforeach
                    </select>
                    {{-- {!! Form::select('roles[]', $roles,[], array('class' => 'form-control', 'multiple')) !!} --}}
                        <div class="form-group has-danger">
                            @error('role[]')
                                <div class="form-control-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                </div>

                </div>
                    <div class="text-right">
                        <button type="submit" class="btn btn-primary pull-right">Submit</button>
                    </div>
        </form>
      </div>
  </div>
</div>
@endsection