@extends('admin.layout')
@section('content')
<div class="search-list">
	<div class="content-wrapper search-result-list">
  <section class="content-header">
    <h1> {{ trans('labels.EditCustomers') }} <small>{{ trans('labels.EditCustomers') }}...</small> </h1>
    <ol class="breadcrumb">
      <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
      <li><a href="{{ URL::to('admin/listingCustomers')}}"><i class="fa fa-users"></i> {{ trans('labels.ListingAllCustomers') }}</a></li>
      <li class="active">{{ trans('labels.EditCustomers') }}</li>
    </ol>
  </section>
	@php
		$getUserRoleData 			= userRoleData();
		$Customers		= explode(",",$getUserRoleData->Customers);
	@endphp
  <section class="content"> 
    <div class="row">
      <div class="col-md-12">
        <div class="box">
          <div class="box-header">
            <h3 class="box-title">{{ trans('labels.EditCustomers') }} </h3>
          </div>
          <div class="box-body">
            <div class="row">
              <div class="col-xs-12">
              		<div class="box box-info">
                        <br>                       
                       	@if(count($data['message'])>0)						
						<div class="alert alert-success alert-dismissible" role="alert">
						  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						 {{ $data['message'] }}
						</div>						
						@endif
                        
                       @if(count($data['errorMessage'])>0)						
						<div class="alert alert-danger" role="alert">
						  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						 {{ $data['errorMessage'] }}
						</div>						
						@endif
                         <div class="box-body">
						 @if(in_array("Edit",$Customers ))
                            {!! Form::open(array('url' =>'admin/update-customers', 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'updateCustomers', 'enctype'=>'multipart/form-data')) !!}
                            	{!! Form::hidden('customers_id',  $data['customers'][0]->customers_id, array('class'=>'form-control', 'id'=>'customers_id')) !!}
                                <div class="form-group">
                                  <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('labels.FirstName') }} </label>
                                  <div class="col-sm-10 col-md-4">
                                    {!! Form::text('customers_firstname',  $data['customers'][0]->customers_firstname, array('class'=>'form-control', 'id'=>'customers_firstname', 'required'=>'required')) !!}
                                  </div>
                                </div>
                                <div class="form-group">
                                  <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('labels.LastName') }}</label>
                                  <div class="col-sm-10 col-md-4">
                                    {!! Form::text('customers_lastname',  $data['customers'][0]->customers_lastname, array('class'=>'form-control', 'id'=>'customers_lastname', 'required'=>'required')) !!}
                                  </div>
                                </div>                           
                                <div class="form-group">
                                  <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('labels.Picture') }}</label>
                                  <div class="col-sm-10 col-md-4">
                                    {!! Form::file('newImage', array('id'=>'newImage', 'class'=>'form-control')) !!}
                                  <br>
                                    {!! Form::hidden('oldImage', $data['customers'][0]->customers_picture, array('id'=>'oldImage')) !!}
                                    @if(!empty($data['customers'][0]->customers_picture))
                                    	<img width="150px" src="{{asset('').'/'.$data['customers'][0]->customers_picture}}" class="img-circle">
                                    @else
                                   	 <img width="150px" src="{{asset('').'/resources/assets/images/default_images/user.png' }}" class="img-circle">
                                    @endif
                                  </div>
                                </div>
                                
                                <div class="form-group">
                                  <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('labels.DOB') }}</label>
                                  <div class="col-sm-10 col-md-4">
                                    {!! Form::text('customers_dob',  $data['customers'][0]->customers_dob, array('class'=>'form-control datepicker' , 'id'=>'customers_dob', 'required'=>'required')) !!}
                                  </div>
                                </div>
                                <div class="form-group">
                                  <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('labels.Telephone') }}</label>
                                  <div class="col-sm-10 col-md-4">
                                    {!! Form::text('customers_telephone',  $data['customers'][0]->customers_telephone, array('class'=>'form-control', 'id'=>'customers_telephone', 'required'=>'required')) !!}
                                  </div>
                                </div>
                                <div class="form-group">
                                  <label for="alternate_mobile" class="col-sm-2 col-md-3 control-label">{{ trans('Alternate Mobile') }}</label>
                                  <div class="col-sm-10 col-md-4">
                                    {!! Form::text('alternate_mobile',  $data['customers'][0]->alternate_mobile, array('class'=>'form-control', 'id'=>'alternate_mobile')) !!}
                                  </div>
                                </div>
                                <div class="form-group">
                                  <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('labels.Fax') }}</label>
                                  <div class="col-sm-10 col-md-4">
                                    {!! Form::text('customers_fax',  $data['customers'][0]->customers_fax, array('class'=>'form-control', 'id'=>'customers_fax')) !!}
                                  </div>
                                </div>
                                <hr>
                                <div class="form-group">
                                  <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('labels.EmailAddress') }} </label>
                                  <div class="col-sm-10 col-md-4">
                                   {!! Form::hidden('old_email_address',  $data['customers'][0]->customers_email_address, array('class'=>'form-control', 'id'=>'old_email_address')) !!}
                                    {!! Form::email('customers_email_address',  $data['customers'][0]->customers_email_address, array('class'=>'form-control', 'id'=>'customers_email_address', 'required'=>'required')) !!}
                                  </div>
                                </div>                                
                                <div class="form-group">
                                  <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('labels.Status') }}
                                   </label>
                                  <div class="col-sm-10 col-md-4">
                                    <select class="form-control" name="isActive" id="isActive" required>
                                          <option
                                              @if($data['customers'][0]->isActive == 1)
                                                selected
                                              @endif
                                           value="1">{{ trans('labels.Active') }}</option>
                                          <option 
                                           @if($data['customers'][0]->isActive == 0)
                                                selected
                                              @endif
                                           value="0">{{ trans('labels.Inactive') }}</option>
									</select>
                                  </div>
                                </div>
                              <div class="box-footer text-center">
                                <button type="submit" class="btn btn-primary">{{ trans('labels.Update') }} </button>
                                <a href="../listing-customers" type="button" class="btn btn-default">{{ trans('labels.back') }}</a>
                              </div>
                            {!! Form::close() !!}											 
							@else
								<p> <strong>Please contact with SuperAdmin</strong></p>
							@endif
                        </div>
                  </div>
              </div>
            </div>            
          </div>
        </div>
      </div>
    </div>
  </section>
</div>
</div>
<script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
<script type="text/javascript">
	
	// Alphabets Only
	$.validator.addMethod("alpha", function(value, element) {
		return this.optional(element) || value == value.match(/^[a-zA-Z\s]+$/);
	});	
	
	// Password Check
	$.validator.addMethod("pwcheck", function(value) {
		return /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,16}$/.test(value) // consists of only these
	});	
	
	// Password Check
	$.validator.addMethod("phonecheck", function(value) {
		return /^(?=.*?[0-9])(?=.*?[-]).{8,16}$/.test(value) // consists of only these
	});
	
	
	
	// Email Check
	$.validator.addMethod("email", function(value) {
		return /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value) // consists of only these
	});
	
	// File Size Validation
	jQuery.validator.addMethod("filesize_max", function(value, element, param) {
		var isOptional = this.optional(element),
			file;

		if(isOptional) {
			return isOptional;
		}
		if ($(element).attr("type") === "file") {

			if (element.files && element.files.length) {

				file = element.files[0];            
				return ( file.size && file.size <= param ); 
			}
		}
		return false;
	}, "File size is too large.");
	
	$( "#updateCustomers" ).validate( {
			rules: {
				customers_firstname: {
					required: true,
					rangelength: [3, 15],
					alpha: true
				},
				customers_lastname: {
					required: true,
					rangelength: [3, 15],
					alpha: true
				},
				customers_telephone: {
					required: true,
					rangelength: [12, 12],
					phonecheck: true
				},
				customers_fax: {
					rangelength: [10, 10],
					digits: true
				},
				customers_dob: {
					required: true
				},
				customers_email_address: {					
					required: true,
					email: true
				},
				customers_password: {					
					required: true,
					pwcheck: true
				},
				isActive: {					
					required: true
				},
				newImage: {
					accept: "jpg,png,jpeg,gif",
					filesize_max: 204800   //max size 200 kb
				},
			},
			messages: {
				customers_firstname: {
					required: "Please enter first name",
					alpha: "Please enter first name alphabets only"
				},
				customers_lastname: {
					required: "Please enter last name",
					alpha: "Please enter last name alphabets only"
				},
				customers_dob: {
					required: "Please enter dob"
				},
				customers_telephone: {					
					required: "Please enter your telephone number",
					digits: "Please enter your telephone number numeric only"
				},
				customers_fax: {
					required: "Please enter your phone number",
					digits: "Please enter your phone number numeric only"
				},
				customers_email_address: {
					required:"Please enter email address",
					email:"Please enter valid email address"
				},
				customers_password: {					
					required:"Please enter password",
					pwcheck:"Password must be min 6 digit, max 16 digit, at least 1 numeric, at least 1 lowercase, at least 1 uppercase & at least 1 special"
				},
				isActive: {					
					required:"Please select status"
				},
				newImage: {
					filesize_max:" file size must be less than 200 KB.",
					accept: "Please upload images with valid extention (jpg,png,jpeg,gif)"
				},
			},
			errorElement: "em",
			errorPlacement: function ( error, element ) {
				// Add the `help-block` class to the error element
				error.addClass( "help-block" );

				// Add `has-feedback` class to the parent div.form-group
				// in order to add icons to inputs
				element.parents( ".col-sm-5" ).addClass( "has-feedback" );

				if ( element.prop( "type" ) === "checkbox" ) {
					error.insertAfter( element.parent( "label" ) );
				} else {
					error.insertAfter( element );
				}

				// Add the span element, if doesn't exists, and apply the icon classes to it.
				if ( !element.next( "span" )[ 0 ] ) {
					$( "<span class='glyphicon glyphicon-remove form-control-feedback'></span>" ).insertAfter( element );
				}
			},
			success: function ( label, element ) {
				// Add the span element, if doesn't exists, and apply the icon classes to it.
				if ( !$( element ).next( "span" )[ 0 ] ) {
					$( "<span class='glyphicon glyphicon-ok form-control-feedback'></span>" ).insertAfter( $( element ) );
				}
			},
			highlight: function ( element, errorClass, validClass ) {
				$( element ).parents( ".col-sm-5" ).addClass( "has-error" ).removeClass( "has-success" );
				$( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" );
			},
			unhighlight: function ( element, errorClass, validClass ) {
				$( element ).parents( ".col-sm-5" ).addClass( "has-success" ).removeClass( "has-error" );
				$( element ).next( "span" ).addClass( "glyphicon-ok" ).removeClass( "glyphicon-remove" );
			}
		} );
</script>
@endsection