@extends('admin.layouts.master-soyuz')
@section('title',__("Create a new admin |"))
@section('body')

@include('admin.layouts.topbar',$data)

<div class="contentbar bardashboard-card">   
           
  <div class="row">
  
      <div class="col-lg-12">
        @if ($errors->any())  
          <div class="alert alert-danger" role="alert">
          @foreach($errors->all() as $error)     
          <p>{{ $error}}<button type="button" class="close" data-dismiss="alert" aria-label="Close">
          <span aria-hidden="true">&times;</span></button></p>
              @endforeach  
          </div>
        @endif

          <div class="card m-b-30">
              <div class="card-header">               

                <div class="row">
                  <div class="col-lg-10">
                      <h5 class="card-title"> <h5 class="card-title"> {{__("Create a new admin")}}</h5></h5>
                  </div>
                  <div class="col-md-2">
                    <div class="widgetbar">
                      <a href="{{ route('users.index',['filter' => app('request')->input('type') ]) }}" class="btn btn-primary-rgba"><i class="feather icon-arrow-left mr-2"></i>{{ __("Back")}}</a>
                    </div>
                  </div>
                </div>

              </div>
              <div class="card-body">
                <form method="post" enctype="multipart/form-data" action="{{url('admin/users/')}}">
                  @csrf

                  <div class="card card-bg">
                    <div class="card-header">
                      <h5 class="card-title"> {{__("Basic Info")}}</h5>
                    </div>
                    <div class="card-body">
                      <div class="row">
              
                        <div class="col-md-6">
                          <div class="form-group">
                            <label class="text-dark">{{__("Full Name:")}} <span class="required text-danger">*</span></label>
                            <input type="text" class="form-control" placeholder="{{ __("Please enter full name") }}" name="name" value="{{ old('name') }}">
                          </div>
                        </div>
                
                        <div class="col-md-6">
                          <div class="form-group">
                            <label class="text-dark">{{__("Email:")}} <span class="required text-danger">*</span></label>
                            <input placeholder="{{ __("Please enter email") }}" type="email" name="email" value="{{ old('email') }}" class="form-control">
                          </div>
                        </div>

                        <div class="col-md-6">
                          <div class="form-group">
                            <label class="text-dark"> {{__("Mobile:")}} <span class="required text-danger">*</span></label>
                            <div class="row no-gutter">
                              <div class="col-md-12">
                                <div class="input-group">
                                  <input required pattern="[0-9]+" title="Invalid mobile no." placeholder="1" type="text"
                                  name="phonecode" value="{{old('phonecode')}}" class="col-md-2 form-control">
                                  <input required pattern="[0-9]+" title="Invalid mobile no." placeholder="{{ __("Please enter mobile no.") }}" type="text"
                                    name="mobile" value="{{old('mobile')}}" class="col-md-10 form-control">
                                </div>
                              </div>
                            </div>
                          </div>                          
                        </div>

                        <div class="col-md-6">
                          <div class="form-group">
                            <label class="text-dark">
                              {{__("Phone:")}}
                            </label>
                            <input pattern="[0-9]+" title="Invalid Phone no." placeholder="{{ __("Please enter phone no.") }}" type="text"
                              name="phone" value="{{old('phone')}}" class="form-control">
                          </div>
                        </div>

                        <div class="col-md-6">
                          <label class="text-dark" for="first-name"> {{__("Choose Profile:")}}</label>
                          <div class="input-group mb-3">
                            <div class="custom-file">
                              <input type="file" name="image" class="custom-file-input" id="inputGroupFile01" aria-describedby="inputGroupFileAddon01" onchange="readURL(this);">
                              <label class="custom-file-label" for="inputGroupFile01">{{ __("Choose Profile") }} </label>
                            </div>
                          </div><br>
                          <div class="thumbnail-img-block">
                            <img id="image-pre" class="img-fluid" alt="" hight="100px">
                          </div>                         
                        </div>

                        <div class="col-md-6 d-none">
                          <div class="form-group">
                            <label>
                              {{__("User Role:")}} <span class="required">*</span>
                            </label>
                            <input type="hidden" name="role" value="Super Admin">
                            </select>
                          </div>
                        </div>

                        <div class="col-md-6">
                          <div class="form-group text-dark">
                            <label>{{ __('Status:') }}</label><br>
                            <label class="switch">
                              <input class="slider" type="checkbox" checked id="toggle-event3" name="status" >
                              <span class="knob"></span>
                            </label>
                            <br>                            
                            <input type="hidden" name="status" value="1" id="status3">
                          </div>
                        </div>

                      </div>
                    </div>
                  </div>

                  <div class="card mt-4 card-bg">
                    <div class="card-header">
                      <h5 class="card-title"> {{__("Address")}}</h5>
                    </div>
                    <div class="card-body">
                      <div class="row">              
                        <div class="col-md-4">
                          <div class="form-group">
                
                            <label class="text-dark">
                              {{__("Country:")}}
                            </label>
                
                            <select data-placeholder="{{ __("Please select country") }}" name="country_id" class="form-control select2" id="country_id">
                              
                              <option value="">{{ __("Please Choose") }}</option>
                              @foreach($country as $c)
                                    
                                <option value="{{$c->id}}" >
                                  {{$c->nicename}}
                                </option>
                
                              @endforeach
                            </select>
                
                          </div>
                        </div>
                
                        <div class="col-md-4">
                          <div class="form-group">
                            <label class="text-dark">
                              {{__("State:")}}
                            </label>
                
                            <select data-placeholder="Please select state" required name="state_id" class="form-control select2" id="upload_id">
                              <option value="">{{ __("Please choose") }}</option>
                              
                            </select>
                
                          </div>
                        </div>
                
                        <div class="col-md-4">
                          <div class="form-group">
                            <label class="text-dark" for="first-name">
                              {{__("City:")}}
                            </label>
                            <select data-placeholder="{{ __("Please select city") }}" name="city_id" id="city_id" class="form-control select2">
                              <option value="">{{ __('Please Choose') }}</option>
                              
                            </select>
                          </div>
                        </div>

                      </div>
                    </div>
                  </div>

                  <div class="card mt-4 card-bg">
                    <div class="card-header">
                      <h5 class="card-title"> {{__("Social Media")}}</h5>
                    </div>
                    <div class="card-body">
                      <div class="row">  

                        <div class="col-md-6">
                          <div class="form-group">
                            <label class="text-dark">{{ __("Website:") }}</label>
                            <input placeholder="http://" type="text" id="first-name" name="website" value="{{ old('website') }}"
                              class="form-control">
                          </div>
                        </div>

                      </div>
                    </div>
                  </div>

                  <div class="card mt-4 card-bg">
                    <div class="card-header">
                      <h5 class="card-title"> {{__("Authentication")}}</h5>
                    </div>
                    <div class="card-body">
                      <div class="row">  

                        <div class="col-md-6">
                          <div class="form-group">
                            <div class="eyeCy">
                              <label class="text-dark" for="password">{{ __("Enter Password:") }}</label>
                                <div class="input-group mb-3">
                                  <input minlength="8" id="password" type="password" class="passwordbox form-control" placeholder="{{ __("Enter password min. length 8") }}" name="password">
                                  <div class="input-group-append">
                                    <button class="btn btn-outline-secondary" id="main_password" type="button"><span class="fa fa-fw fa-eye field-icon toggle-password"></span></button>
                                  </div>
                                </div>                                  
                            </div>
                          </div>              
                        </div>            
              
                        <div class="col-md-6 mt-1">              
                          <div class="form-group">
                            <div class="eyeCy">
                              <label class="text-dark" for="confirm">{{ __("Confirm Password:") }}</label>
                              <div class="input-group mb-3">
                                <input id="confirm_password" type="password" class="passwordbox form-control" placeholder="{{ __("Re-enter password for confirmation") }}" name="password_confirmation">
                                <div class="input-group-append">
                                  <button class="btn btn-outline-secondary" id="confirmPassword" type="button"><span class="fa fa-fw fa-eye field-icon toggle-password"></span></button>
                                </div>
                              </div>
                            </div>
                            <span class="required">{{$errors->first('password_confirmation')}}</span>
                          </div>
                        </div>

                      </div>
                    </div>
                  </div>

                  <button type="reset" class="btn btn-danger mr-1"><i class="fa fa-ban"></i> {{ __("Reset")}}</button>
                  <button @if(env('DEMO_LOCK')==0) type="submit" @else title="{{ __("This action is disabled in demo !") }}" disabled="disabled" @endif  class="btn btn-primary"><i class="fa fa-check-circle"></i>
                  {{ __("Create")}}</button>

                  
                  
                </form>
              </div>
          </div>
      </div>
    </div>
</div>
@endsection
@section('custom-script')
<script>
  var baseUrl = "