@extends('admin/admin')
	
	@section('content')
	<!-- Breadcrumb-->
	<ol class="breadcrumb">
	  <li class="breadcrumb-item">{{ __('Super Admin') }}</li>
	 
		<li class="breadcrumb-item">
		<a href="{{route('list_dealers')}}">{{ __('Company') }}</a>
	  </li>
	  <li class="breadcrumb-item">
		<a href="{{url('admin/user/company/user/list')}}/{{$company_id}}">{{ __('User List') }}</a>
	  </li>
	  <li class="breadcrumb-item active">{{{ isset($user_details->id) ? 'Update User' : 'Create User' }}}</li>
	  <!-- Breadcrumb Menu-->
	  <li class="breadcrumb-menu d-md-down-none">
		
	  </li>
	</ol>
	
    <!-- Page Content -->
    <div class="container-fluid">
        <div class="row justify-content-center">
			<div class="col-sm-10">
            <div class="card">
                  <div class="card-header">
                    <strong>{{{ isset($user_details->id) ? 'Update' : 'Create' }}}</strong> User
					<div class="card-header-actions">
							<a class="btn btn-sm btn-primary" href="{{url('admin/user/company/user/list')}}/{{$company_id}}" role="button"><i class="fa fa-dot-circle-o"></i> {{ __('User List') }}</a>
					</div>					
					
                  </div>
                  
                    @if (session()->has('success'))
						<div class="alert alert-success">
							<h6><center>{{ session('success') }}</center></h6> 
						</div>
                    @endif
                  
					 @if ($errors->any())
					  <div class="alert alert-danger">
						<ul>
							@foreach ($errors->all() as $error)
							  <li>{{ $error }}</li>
							@endforeach
						</ul>
					  </div><br />
					@endif

                  <div class="card-body">
                   <form class="form-horizontal" action="{{{ isset($user_details->id) ? route('super_admin_update_user') : route('super_admin_save_user') }}}" method="post" id="create_salesman" enctype="multipart/form-data">
                      @csrf
					  <input type="hidden" name="id" value="{{{ isset($user_details->id) ? $user_details->id : '' }}}"/>
					  <input type="hidden" name="company_id" value="{{{ isset($company_id) ? $company_id : '' }}}"/>
					  <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="hf-name">{{ __('Name') }}</label>
                        <div class="col-md-9">
                          <input class="form-control @error('name') is-invalid @enderror" id="name" type="text" value="{{{ isset($user_details->name) ? $user_details->name : old('name') }}}" name="name" placeholder="Enter Name.." autocomplete="off">
                         
                        </div>
                      </div>
                      <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="hf-email">{{ __('Email') }}</label>
                        <div class="col-md-9">
                          <input class="form-control @error('email') is-invalid @enderror" id="hf-email" value="{{{ isset($user_details->email) ? $user_details->email : old('email') }}}" type="email" name="email" placeholder="Enter Email" autocomplete="off" data-edit="{{{ isset($user_details->email) ? $user_details->email : '' }}}">
                          
                        </div>
                      </div>
					  <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="hf-phone">{{ __('Phone') }}</label>
                        <div class="col-md-9">
                          <input class="form-control @error('phone') is-invalid @enderror" id="hf-phone" value="{{{ isset($user_details->phone) ? $user_details->phone : old('phone') }}}" type="text" name="phone" placeholder="Enter Phone Number.."  autocomplete="off" data-edit="{{{ isset($user_details->phone) ? $user_details->phone : '' }}}">
                          
                        </div>
                      </div>
					  <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="hf-username">{{ __('Username') }}</label>
                        <div class="col-md-9">
                          <input class="form-control @error('username') is-invalid @enderror" id="hf-username" value="{{{ isset($user_details->username) ? $user_details->username : old('username') }}}" type="text" name="username" placeholder="Enter Username.." autocomplete="off" {{{ isset($user_details->username) ? 'disabled' : '' }}}>
                          
                        </div>
                      </div>
					  @if(!isset($user_details->id))
					  <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="hf-password">{{ __('Password') }}</label>
                        <div class="col-md-9">
                          <input class="form-control @error('password') is-invalid @enderror" id="password" type="password" name="password" placeholder="Enter Password.." autocomplete="off">
                          
                        </div>
                      </div>
					  <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="hf-password">{{ __('Confirmation Password') }}</label>
                        <div class="col-md-9">
                          <input class="form-control @error('password') is-invalid @enderror" id="password_confirmation" type="password" name="password_confirmation" placeholder="Enter Confirmation Password.." autocomplete="off">
                          
                        </div>
                      </div>
					  @endif
					  @if(isset($user_details->id))
					  <div class="form-group row">
					  <label class="col-md-3 col-form-label" for="hf-password">{{ __('Address') }}</label>
                        <div class="col-md-9">
                          
						  <textarea class="form-control @error('address') is-invalid @enderror" name="address" id="hf-address">{{{ isset($user_details->address) ? $user_details->address : old('address') }}}</textarea>
                          
                        </div>
					  </div>
					  @endif
						@if(isset($user_details->id))
							<div class="form-group row">
								<label class="col-md-3 col-form-label" for="hf-location">{{ __('Location') }}:</label>
								<div class="col-md-9">
									<select multiple="multiple" class="form-control location" name="location[]" id="location">
										@foreach($location_data as $location)
											<option value="{{$location->id}}" @if(in_array($location->id,$user_location))selected="selected"@endif>{{$location->name}}</option>
										@endforeach
									</select>
								</div>
							</div>
						@else
							<div class="form-group row">
								<label class="col-md-3 col-form-label" for="hf-location">{{ __('Location') }}:</label>
								<div class="col-md-9">
									<select multiple="multiple" class="form-control location" name="location[]" id="location">
										@foreach($location_data as $location)
											<option value="{{$location->id}}">{{$location->name}}</option>
										@endforeach
									</select>
								</div>
							</div>
						@endif
						@if(isset($user_details->id))
						
						<div class="form-group row">
                        <label class="col-md-3 col-form-label" for="hf-status">{{ __('Status') }}:</label>
                        <div class="col-md-9">
                          <select class="form-control" id="hf-status" name="status">
                            <option value="1" {{{ isset($user_details->status) ? $user_details->status == 1 ? 'selected' : '' : '' }}}>{{ __('Active') }}</option>
							<option value="0" {{{ isset($user_details->status) ? $user_details->status == 0 ? 'selected' : '' : '' }}}>{{ __('Inactive') }}</option>	
                          </select>
                          
                        </div>
                      </div> 
						@else
								
						<div class="form-group row">
							<label class="col-md-3 col-form-label" for="hf-status">{{ __('Status') }}:</label>
							<div class="col-md-9">
							  <select class="form-control" id="hf-status" name="status">
								<option value="1" >{{ __('Active') }}</option>
								<option value="0" >{{ __('Inactive') }}</option>	
							  </select>
							  
							</div>
                      </div> 
					  @endif 
					  
                    </form>
                  </div>
                  <div class="card-footer">
                    <button class="btn btn-sm btn-primary" id="btnSubmit" form="create_salesman" type="submit">
                      <i class="fa fa-dot-circle-o"></i> {{ __('Submit') }}</button>
                    
                  </div>
                </div>
              </div>
		</div>
		
    </div>
	@endsection 
	@section('footer-scripts')
	@parent
	
	<script>
	jQuery(document).ready(function() {
		
		
		jQuery("#hf-phone").inputmask({
		mask: '(999) 999-9999',
		placeholder: ' ',
		showMaskOnHover: false,
		showMaskOnFocus: false,
		onBeforePaste: function (pastedValue, opts) {
		var processedValue = pastedValue;

		//do something with it

		return processedValue;
		}
		});		
		jQuery.validator.addMethod("lettersonly", function(value, element){
return this.optional(element) || /^[a-z\s]+$/i.test(value);
}, "Only alphabetical characters");	

jQuery.validator.addMethod("emailvalid", function(value, element){
return this.optional(element) || /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(value);
}, "Please enter a valid email address.");

$.validator.addMethod("needsSelection", function (value, element) {
              var count = jQuery(element).find('option:selected').length;

        return length > 0;
    });
jQuery.validator.addMethod("usphneformate", function(value, element) {
    return this.optional(element) || (value.length > 13);
}, "Please enter 10 Digit number");
	
  jQuery("#create_salesman").validate({
      rules: {
         name: {
			 required: true,
            // lettersonly: true,
			 minlength:2,
			 maxlength: 150,
		 },
         email: {
            required: true,
            emailvalid: true,
            maxlength: 255,
			remote:{
				url: APP_URL+'/user/checkemail',
				type: "post",
				data: {
				uemail:jQuery("#hf-email").val(),
				uid:jQuery("#hf-email").data("edit"),
				_token: '{!! csrf_token() !!}'
              }
			}
			
         },
		 phone:{
			 required: true,
			 usphneformate: true,
			 minlength:14,
			 maxlength:14,
			 remote:{
				url: APP_URL+'/user/checkphone',
				type: "post",
				data: {
				uphone:jQuery("#hf-phone").val(),
				uid:jQuery("#hf-phone").data("edit"),
				_token: '{!! csrf_token() !!}'
              }
			}
		 },
		 username:{
			 required: true,
			 remote:{
				url: APP_URL+'/user/checkusername',
				type: "post",
				data: {
				uname:jQuery("#hf-username").val(),
				_token: '{!! csrf_token() !!}'
              }
			}
		 },
		 password:{
			 required:true,
			 minlength:6,
			 
		 },
		 password_confirmation: {
			 required:true,
			 minlength:6,
			  equalTo: "#password"
			},
		 location:{needsSelection: true},
	},
	messages:{
		email:{
			remote: "Email already exists!",
		},
		phone:{
			remote: "Phone already exists!",
		},
		username:{
			remote: "Username already exists!",
		},
		password_confirmation:{
			equalTo:"Password not match",
		},
		location: { needsSelection: "Select atleast one" },
	}
   });
  
});
</script>
@endsection