@extends('layouts.basic')
@section('styles')
@endsection
@section('content')
<div class="container-fluid">
   <div class="page-title">
      <div class="row">
         <div class="col-6">
            <h3>Users  </h3>
         </div>
         <div class="col-6">
            <ol class="breadcrumb">
               <li class="breadcrumb-item"><a href="{{ route('home') }}"><i data-feather="home"></i></a></li>
               <li class="breadcrumb-item">Masters </li>
               <li class="breadcrumb-item"><a href="{{ route('users.index') }}">Users</a></li>
               <li class="breadcrumb-item active">Create New User</li>
            </ol>
         </div>
      </div>
   </div>
</div>
<!-- Container-fluid starts-->
<section class="content content-card">
   <div class="container-fluid">
      <div class="row">
         <div class="col-sm-12">
            <div class="card">
               <div class="card-body">
                  <div class="row align-items-center table-top-div">
                     <div class="col-lg-6">
                        <div>
                           <h6 class="table-headings">Create New User</h6>
                        </div>
                     </div>
                     <div class="col-lg-6">
                        <div class="add-button">
                           <a class="btn btn-dark" type="button" href="{{ route('users.index') }}"><i class="fa fa-arrow-left"></i>&nbsp; Back </a>
                        </div>
                     </div>
                  </div>
                  {{-- @if (count($errors) > 0)
                  <div class="alert alert-danger">
                     <strong>Whoops!</strong>Something went wrong.<br><br>
                     <ul>
                        @foreach ($errors->all() as $error)
                        @dump($error);
                        <li>{{ $error }}</li>
                        @endforeach
                     </ul>
                  </div>
                  @endif --}}
                  {!! Form::open(array('route' => 'users.store','method'=>'POST')) !!}
                  <div class="row content-padding">
                     <div class="col-lg-6 col-md-6 col-sm-12 mb-2">
                        <div class="form-group">
                           <p class="label-form">Enter Name:<span style="color:red"> * </span></p>
                           {!! Form::text('name', null, array('placeholder' => 'Name','class' => 'form-control')) !!}

                           @if($errors->has('name'))
                                <div class="error">{{ $errors->first('name') }}</div>
                            @endif
                        </div>
                     </div>
                     <div class="col-lg-6 col-md-6 col-sm-12 mb-2">
                        <div class="form-group">
                           <p class="label-form">Email:<span style="color:red"> * </span></p>
                           {!! Form::text('email', null, array('placeholder' => 'Email','class' => 'form-control')) !!}
                           {{-- <span style="color:red" id="email_error"></span> --}}
                           @if($errors->has('email'))
                                <div class="error">{{ $errors->first('email') }}</div>
                            @endif
                        </div>
                     </div>
                     <div class="col-lg-6 col-md-6 col-sm-12 mb-2">
                        <div class="form-group">
                           <p class="label-form">Password:<span style="color:red"> * </span></p>
                           {!! Form::password('password', array('placeholder' => 'Password','class' => 'form-control')) !!}
                           {{-- <span style="color:red" id="password_error"></span> --}}
                           @if($errors->has('password'))
                                <div class="error">{{ $errors->first('password') }}</div>
                            @endif
                        </div>
                     </div>
                     <div class="col-lg-6 col-md-6 col-sm-12 mb-2">
                        <div class="form-group">
                           <p class="label-form">Confirm Password:</p>
                           {!! Form::password('confirm-password', array('placeholder' => 'Confirm Password','class' => 'form-control')) !!}
                           <span style="color:red" id="confirm_error"></span>
                        </div>
                     </div>
                     <div class="col-lg-6 col-md-6 col-sm-12 mb-2">
                        <div class="form-group">
                           <p class="label-form">Mobile Number:<span style="color:red"> * </span></p>
                           {!! Form::text('mobile_number', null, array('placeholder' => 'mobile number','class' => 'form-control')) !!}
                          
                           @if($errors->has('mobile_number'))
                                <div class="error">{{ $errors->first('mobile_number') }}</div>
                            @endif
                        </div>
                     </div>
                     <div class="col-lg-6 col-md-6 col-sm-12 mb-2">
                        <div class="form-group roles-user-select">
                           <p class="label-form">Role:<span style="color:red"> * </span></p>
                           {!! Form::select('roles[]', $roles,[], array('class' => 'form-control select2',)) !!}
                           {{-- <span style="color:red" id="roles_error"></span> --}}
                           @if($errors->has('roles'))
                           <div class="error">{{ $errors->first('roles') }}</div>
                          @endif
                        </div>
                     </div>
                     <div class="col-xs-12 col-sm-12 col-md-12 text-right mb-4">
                        <div class="button-group-1">
                           <div>
                              <button type="submit" class="btn btn-primary">Submit</button>
                           </div>
                        </div>

                     </div>
                  </div>
                  {!! Form::close() !!}
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
@endsection
@section('script')
<script>
   $(document).ready(function() {
    $('.select2').select2({
      placeholder: 'Please select an roles'
    });
   });
</script>
@endsection