@extends('admin.layout')
@section('content')
<style type="text/css">
	.required-mark
	{
		color: red;
	}
	hr {
		margin: 10px 0px 10px 0px;
	}
	.hr-primary{
		border: 1px solid #00c0ef;
	}
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}	
	.my-current
	{
		color: #00c0ef;
	}</style>
<div class="search-list">
	<div class="content-wrapper search-result-list">
  <section class="content-header">
    <h1> {{ trans('Add Opportunities') }} <small></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 class="active">{{ trans('Add Opportunities') }}</li>
    </ol>
  </section>
  <section class="content"> 
	@php
		$getUserRoleData = userRoleData();
		$Opportunities		= explode(",",$getUserRoleData->Opportunities);
		$Accounts		= explode(",",$getUserRoleData->Accounts);
	@endphp

    <div class="row">
      <div class="col-md-12">
        <div class="box box-info"> 
	    	<div class="box-header">
				<ul  class="list-inline">
					<li class="list-inline-item"><button type="button" id="submit-button" class="btn btn-primary btn-sm">{{ trans('Submit') }}</button></li>
					<li class="list-inline-item"><a href="{{URL('admin/view-accounts')}}/{{$result['accountsData']->id}}" type="button" class="btn btn-primary btn-sm">{{ trans('labels.back') }}</a></li>
				</ul>        	
			</div>  
          <div class="box-body">
            <div class="row">
              <div class="col-xs-12">
              		<div class="">                        
						<div class="row">
							@if(session()->has('message'))
								<div class="alert alert-success alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
									{{ session()->get('message') }}
								</div>
							@endif
							@if(session()->has('error'))
								<div class="alert alert-warning alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
									{{ session()->get('error') }}
								</div>
							@endif
						</div>
                         <div class="box-body">
						 @if(in_array("Add",$Opportunities ))						 	
                        	{!! Form::open(array('url' =>'admin/create-opportunities-data', 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'addNewOpportunities', 'enctype'=>'multipart/form-data')) !!}
                         		<input type="hidden" name="accounts_id" id="accounts_id" value="{{$result['accountsData']->id}}">
                         		<div class="row">
	                          		<div class="clearfix"></div>
							 		<div class="col-md-2">
		                                <strong style="color: #00c0ef;">Customer Information</strong>
	                          		</div>
	                          		<div class="clearfix"></div>
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="accounts_name" class="control-label">{{ trans('Account Number') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('accounts_name',  $result['accountsData']->name, array('class'=>'form-control', 'id'=>'accounts_name', 'readonly'=>'readonly')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="customers_firstname" class="control-label">{{ trans('First Name') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('customers_firstname',  '', array('class'=>'form-control', 'id'=>'customers_firstname', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>							 		
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="customers_lastname" class="control-label">{{ trans('Last Name') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('customers_lastname',  '', array('class'=>'form-control', 'id'=>'customers_lastname', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>	
	                          		<div class="clearfix"></div>
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="customers_email_address" class="control-label">{{ trans('Email Address') }}</label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('customers_email_address', '', array('class'=>'form-control', 'id'=>'customers_email_address')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="customers_telephone" class="control-label">{{ trans('Telephone') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('customers_telephone',  '', array('class'=>'form-control', 'id'=>'customers_telephone', 'required'=>'required', 'maxlength'=>'12', 'minlength'=>'9')) !!}
											</div>
		                                </div>
		                            </div>							 		
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="alternate_mobile" class="control-label">{{ trans('Alternate Mobile') }}</label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('alternate_mobile',  '', array('class'=>'form-control', 'id'=>'alternate_mobile', 'maxlength'=>'12', 'minlength'=>'9')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="clearfix"></div>							 		
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="services_provider" class="control-label">{{ trans('Product')}} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select class="form-control services_provider select_default" multiple="" name="services_provider" id="services_provider" data-live-search="true" required="">
													<option value="">-- Product --</option>														
													@if(count((array) $result['services'])>0)
														@foreach($result['services'] as $key => $iValue)															
															<option value="{{$iValue->id}}">{{$iValue->name}}</option>
														@endforeach
													@endif
												</select>
											</div>
		                                </div>
		                            </div>
	                          		<div class="clearfix"></div>
	                          		<hr class="hr-primary" />
	                          		<br>
	                          		<div class="col-md-2">
		                                <strong style="color: #00c0ef;">Other Information</strong>
	                          		</div>	                          		
	                          		<div class="clearfix"></div>	                          		
	                          		<div class="col-md-2">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="lead_source" class="control-label">{{ trans('Lead Source') }}</label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select class="form-control lead_source select_default" multiple="" name="lead_source" id="lead_source" data-live-search="true">
													<option value="">-- Choose --</option>														
													@if(count((array) $result['lead_sources'])>0)
														@foreach($result['lead_sources'] as $key => $lsValue)
															<option value="{{$lsValue->lead_sources_name}}">{{$lsValue->lead_sources_name}}</option>
														@endforeach
													@endif
												</select>
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-2">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="source_of_call" class="control-label">{{ trans('Referred By') }} </label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('source_of_call',  '', array('class'=>'form-control', 'id'=>'source_of_call')) !!}
											</div>
		                                </div>
		                            </div>
							 		<div class="col-md-2">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="assign_to" class="control-label">{{ trans('Assigned') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select class="form-control assign_to select_default" multiple="" name="assign_to" id="assign_to" data-live-search="true" required="">
													<option value="">-- Choose --</option>														
													@if(count((array) $result['administrator_data'])>0)
														@foreach($result['administrator_data'] as $key => $adValue)
															<option value="{{$adValue->myid}}">{{$adValue->first_name}} {{$adValue->last_name}}</option>
														@endforeach
													@endif
												</select>
											</div>
		                                </div>
	                          		</div>
							 		<div class="col-md-2">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="opportunities_status" class="control-label">{{ trans('Status') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select class="form-control opportunities_status select_default" multiple="" name="opportunities_status" id="opportunities_status" data-live-search="true" required="">
													<option value="In Process" selected="">In Process</option>
													<option value="Lost">Lost</option>	
												</select>
											</div>
		                                </div>
	                          		</div>
	                          		<div class="clearfix"></div>
	                          		<div class="col-md-12">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="comments" class="control-label">{{ trans('Notes') }}</label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::textarea('comments',  '', array('class'=>'form-control', 'id'=>'comments', 'rows'=>'3', 'cols'=>'10')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="clearfix"></div>	                          		
							 		<div class="col-md-12">
										<div class="form-group">
											<label for="watchers" class="col-sm-12 col-md-12 ">{{ trans('Watchers') }} </label>
											<div class="col-sm-12 col-md-12 couponProdcuts">
												<select name="watchers[]" multiple class="form-control select_customized" id="watchers">
													@if(count($result['administrator_data'])>0)
														@foreach($result['administrator_data'] as $key => $adValue)
															<option value="{{$adValue->myid}}">{{$adValue->first_name}} {{$adValue->last_name}}</option>
														@endforeach
													@endif
												</select>
											</div>
										</div>
	                          		</div>
	                          		<div class="clearfix"></div>
		                          	<div class="col-md-12">
										<div class="box-footer text-center">
											<button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
											<a href="{{URL('admin/view-accounts')}}/{{$result['accountsData']->id}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
										</div>
									</div>
                           		</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])(?=.*?[#?!@$%^&*-]).{6,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.");
	
	jQuery.validator.addMethod("postaCode", function(value, element) {
    	return this.optional(element) || /^(\d{5}(-\d{4})?|[A-Z]\d[A-Z] ?\d[A-Z]\d)$/.test(value);
	}, "Please enter valid postal code");

	var $wCur = $("#addNewOpportunities");
	$wCur.validate( {
			rules: {				
				customers_firstname: {
					required: true,
					rangelength: [3, 20],
					alpha: true
				},
				customers_lastname: {
					required: true,
					rangelength: [3, 20],
					alpha: true
				},
				customers_telephone: {
					required: true,
					maxlength: 12,
					minlength: 9,
					digits: true
				},
				alternate_mobile: {
					maxlength: 12,
					minlength: 9,
					digits: true
				},
				services_provider: {
					required: true,
				},
				bdr_id: {
					required: true,
				},
				assign_to: {
					required: true,
				},
				verification_time: {
					required: true,
				},
				card_charged_with_gateway: {
					required: true,
				},
				transaction_id: {
					required: true,
				},
				opportunities_status: {
					required: true,
				},
			},
			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_telephone: {					
					required: "Please enter your telephone number",
					maxlength: "Please enter valid telephone number",
					digits: "Please enter your telephone number numeric only"
				},
				alternate_mobile: {					
					required: "Please enter your alternate number",
					maxlength: "Please enter valid alternate number",
					digits: "Please enter your alternate number numeric only"
				},
				services_provider: {
					required: "Please enter services provider",
				},
				bdr_id: {
					required: "Please select BDR",
				},
				assign_to: {
					required: "Please select assign",
				},				
				verification_time: {
					required: "Please enter verification time",
				},
				card_charged_with_gateway: {
					required: "Please enter card charged with gateway",
				},
				transaction_id: {
					required: "Please enter transaction",
				},
				opportunities_status: {
					required: "Please select status",
				},
			},
			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" );
			}
		} );	
	
	$("#submit-button").click(function (e) {  
        if($wCur.valid()) {
            $("#addNewOpportunities").submit();
        } else {            	
			e.preventDefault();
        }
	});	
</script>
<script type="text/javascript">
	$("#customers_telephone").keypress(function (e){
		var charCode = (e.which) ? e.which : e.keyCode;
		if (charCode > 31 && (charCode < 48 || charCode > 57)) {
			return false;
		}
	});
	$("#alternate_mobile").keypress(function (e){
		var charCode = (e.which) ? e.which : e.keyCode;
		if (charCode > 31 && (charCode < 48 || charCode > 57)) {
			return false;
		}
	});
</script>
@endsection