@extends('layouts.default')
@section('content')

<!-- page content -->
<div class="right_col" role="main">
  	<div class="">
	    <div class="page-title">
	      	<div class="title_left">
	        	<h3>Edit Vendor</h3>
	      	</div>
	    </div>
    	<div class="clearfix"></div>
	    <div class="row">
	      	<div class="col-md-12 col-sm-12 col-xs-12">
	      		{{ Userdefined::showMessage() }}
		        <div class="x_panel">
		          	<div class="x_content">
			            <form id="update_vendor_form" class="form-horizontal form-label-left" method="post" action="{{ url('updateVendor') }}" data-toggle="validator" role="form" autocomplete="off">
			              	<div class="row">
			              		<fieldset>
			              			<legend>Vendor Company</legend>
			              			<div class="row">
					              		<div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
						                  	<label class="control-label col-md-5 col-sm-5 col-xs-12">Company Name <i class="mandatory">*</i></label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<input type="text" id="vendor_company_name" name="vendor_company_name" class="form-control" required maxlength="100" value="{{ $vendors[0]->vendor_company_name }}">
						                    	<div class="help-block with-errors"></div>
						                  	</div>
						                </div>
					                </div>
				                </fieldset>
				                <fieldset>
			              			<legend>Vendor Details</legend>
			              			<table class="table table-striped table-bordered dt-responsive nowrap datatable-responsive jambo_table" cellspacing="0" width="100%">
				                     	<thead>
					                        <tr>
					                          	<th>S.No</th>
					                          	<th>Vendor Company Name</th>
					                          	<th>Vendor Name</th>
					                          	<th>Email</th>
					                          	<th>Mobile</th>
					                          	<th>Pay Rate</th>
					                          	<th>Action</th>
					                        </tr>
				           				</thead>
				         				<tbody>
					                  	 	@foreach($vendors as $k=>$vendor)
					                        <tr>
					                          	<td>{{ $k + 1 }}</td>
					                          	<td>{{ ucwords($vendor->vendor_company_name) }}</td>
					                          	<td>{{ ucwords($vendor->vendor_name) }}</td>
					                          	<td>{{ $vendor->vendor_email }}</td>
					                          	<td>{{ $vendor->vendor_mobile }}</td>
					                          	<td>{{ $vendor->vendor_pay_rate }}</td>
					                          	<td>
				            					 	<a href="javascript:void(0)" class="btn-sm" onclick="getVendorDetails({{ $vendor->vendor_id }})"> <i class="fa fa-pencil"></i><b> Edit</b></a>
				                   			  	</td>
					                        </tr>
											@endforeach
				         				</tbody>
				        			</table>
			              		</fieldset>
		              			<fieldset>
			              			<legend>Implementer Details</legend>
			              			<div class="col-md-12">
					              		<div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
						                  	<label class="control-label col-md-5 col-sm-5 col-xs-12">Company Name <i class="mandatory">*</i></label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<input type="text" id="implementer_company_name" name="implementer_company_name" class="form-control" required maxlength="100" value="{{ $vendor->implementer_company_name }}">
						                    	<div class="help-block with-errors"></div>
						                  	</div>
						                </div>
						                <div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
						                  	<label class="control-label col-md-5 col-sm-5 col-xs-12">Name <i class="mandatory">*</i></label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<input type="text" id="implementer_name" name="implementer_name" class="form-control" required maxlength="100" value="{{ $vendor->implementer_name }}">
						                    	<div class="help-block with-errors"></div>
						                  	</div>
						                </div>
						                <div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
						                  	<label class="control-label col-md-5 col-sm-5 col-xs-12">Email <i class="mandatory">*</i></label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<input type="email" id="implementer_email" name="implementer_email" class="form-control" pattern="[a-z0-9._-]+@[a-z0-9.-]+\.[a-z.]{2,}$" data-pattern-error="Also, include a TLD. (Example: .com, .co.in, .co.us ...)" required maxlength="50" value="{{ $vendor->implementer_email }}">
						                    	<div class="help-block with-errors"></div>
						                  	</div>
						                </div>
						                <div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
						                  	<label class="control-label col-md-5 col-sm-5 col-xs-12">Mobile <i class="mandatory">*</i></label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<input type="text" id="implementer_mobile" name="implementer_mobile" class="form-control" data-inputmask="'mask' : '(999) 999-9999'" pattern="^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$" data-pattern-error="Valid Mobile Number Format. Example:(011) 123-4567" required value="{{ $vendor->implementer_mobile }}">
						                    	<div class="help-block with-errors"></div>
						                  	</div>
						                </div>
					                </div>
		              			</fieldset>
			              	</div>
			              	<div class="ln_solid"></div>
			              	<div class="form-group">
				                <div class="col-md-12 col-sm-12 col-xs-12 text-right">
				                  	<button class="btn btn-primary btn-sm" type="reset">Reset</button>
				                  	<button type="submit" class="btn btn-success btn-sm" name="update_vendor" value="1">Submit</button>
				                </div>
			              	</div>
			              	{{ csrf_field() }}
			            </form>
		          	</div>
		        </div>
	      	</div>
	    </div>
  	</div>
</div>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true"></div>
<!-- /page content -->
<script type="text/javascript">
$(document).ready(function(){
	$("#vendor_country").change(function(){
		var country = $("#vendor_country").val();
		$("#vendor_state").empty();
		$("#vendor_city").empty();
		$.ajax({
			url: '