@include('partials.dashboard.head')
@include('partials.dashboard.sidebar', ['page' => 'users'])
@include('partials.dashboard.header')
                <!-- content @s -->
                <div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="nk-block nk-block-lg">
                                    <div class="card card-bordered card-preview">
                                        <div class="card-inner">
                                            <div class="card-head">
                                                <h5 class="card-title">{{$title}}</h5>
                                            </div>
                                            <form action="{{route('dashboard.users.store')}}" method="post">
                                                @csrf
                                                <div class="row g-4">
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="name">Nama<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="text" class="form-control @error('name') border-danger  @enderror" id="name" name="name" placeholder="Masukan nama" value="{{old('name')}}">
                                                            </div>
                                                            @error('name')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="email">Email<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="email" class="form-control @error('email') border-danger  @enderror" id="email" name="email" placeholder="Masukan email" value="{{old('email')}}">
                                                            </div>
                                                            @error('email')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label">Role<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" name="role_id">
                                                                    @foreach ($roles as $role)
                                                                    @if ($role->id != '3')
                                                                    <option value="{{$role->id}}" {{old('role_id') == $role->id ? 'selected' : ''}}>{{$role->name}}</option>
                                                                    @endif
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label">Status<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" name="status">
                                                                    <option value="1" {{old('status') === '1' ? 'selected' : ''}}>Aktif</option>
                                                                    <option value="2" {{old('status') === '2' ? 'selected' : ''}}>Nonaktif</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row g-4 mt-1">
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="password">Password<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="password" class="form-control @error('password') border-danger  @enderror" id="password" name="password" placeholder="Masukan password" value="{{old('password')}}">
                                                            </div>
                                                            @error('password')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="form-label" for="password_confirmation">Ulangi Password<span class="required-input">*</span></label>
                                                            <div class="form-control-wrap">
                                                                <input type="password" class="form-control @error('password_confirmation') border-danger  @enderror" id="password_confirmation" name="password_confirmation" placeholder="Ulangi Password" value="{{old('password_confirmation')}}">
                                                            </div>
                                                            @error('password_confirmation')
                                                            <span class="validation-error">{{$message}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <hr>
                                                        <div class="form-group d-flex justify-content-end">
                                                            <a href="{{route('dashboard.users.index')}}" class="btn btn-white btn-dim btn-outline-light mx-2"><span>Kembali</span></a>
                                                            <button type="submit" class="btn btn-md btn-primary">Tambahkan</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- content @e -->
@include('partials.dashboard.footer', ['rich_editor' => false])