@extends('app')
@section('content')
<title>View Client</title>
<style>
label{
	 clear: both;
}
a{
	cursor: pointer;
}
a:hover{
	text-decoration: none;
	color: #fff;
}
.downloadbtn{
	background-color: #337ab7;
    color: #fff;
    padding: 0px 6px;
    border-radius: 4px;
} 
/*h4{
	border-bottom: 2px solid;
}*/

</style>
<div class="content-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-head-line">VIEW CLIENT</h1>
                </div>
           	</div>
            <div class="row">
            	<div class="col-md-12">
            		<div class="col-md-12">
	            		<div class="panel panel-default">
	                        <div class="panel-body">
	                        	<input type="hidden" name="_token" value="{{{ csrf_token() }}}" />

	                       		 <div class="col-md-12" style="margin-top: 2%;">
	                        		<h4>Company Details</h4>
	                       		 </div>
								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Company Name/Client Name</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ $vendor->company_name }}
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Website URL</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ $vendor->url }}
									</div>
								</div>

						   		<div class="col-md-12" style="margin-top: 2%;">
	                      		   <h4>Address Details</h4>
	                       		</div>
								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Address Line 1</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{wordwrap($vendor->primary_address,20,"\n",TRUE)}}


																			</div>
								</div>

								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Address Line 2</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
																				{{wordwrap($vendor->secondary_address,20,"\n",TRUE)}}

									</div>
								</div>

								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Landmark</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ $vendor->landmark }}
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">City</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ $vendor->city }}
									</div>
								</div>
									<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">State</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ $vendor->state }}
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Country</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ $vendor->country }}
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Pin Code</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ $vendor->pin_code }}
									</div>
								</div>
								<div class="col-md-12" style="margin-top: 2%;">
	                      		   <h4>Personal Details</h4>
	                       		</div>
								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Contact Person Name</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ $vendor->name }}
									</div>
								</div>
									<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Email</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ $vendor->email }}
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Mobile No</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ $vendor->mobile_no }}
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Land line No</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ $vendor->landline_no }}
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Status</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ $vendor->status }}
									</div>
								</div>
									
								<div class="col-md-12" style="margin-top: 2%;">
	                      		   <h4>Other Details</h4>
	                       		</div>
								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Account Creation Date: </label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ ((new DateTime($vendor->created_at))->format('d-m-Y H:m:s')) }}
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Last Login Date: </label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ ($vendor->last_login_at == NULL) ? '-' : ((new DateTime($vendor->last_login_at))->format('d-m-Y H:m:s')) }}
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-4 col-sm-4 col-xs-12">Last Updated Date: </label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										{{ ((new DateTime($vendor->updated_at))->format('d-m-Y H:m:s')) }}
									</div>
								</div>
								<div class="form-group">
									<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3" style="margin-top:3%">
										<a href="{{ route('managevendor.edit', $vendor->id) }}?sort=&filter_name=&page=&order=" class="btn btn-success">
											Edit Client
										</a>
										<a href="{{ route('managevendor.index') }}?sort=&filter_name=&page=&order=" class="btn btn-primary">
											Cancel
										</a>
									</div>
								</div>
	                        </div>
						</div>
					</div>	
				</div>
			</div>
		</div>
</div>
<!-- Trigger the modal with a button -->
<!-- <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
 -->
<!-- Modal -->
<!-- <div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
 <!--    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <lable></lable>
      </div>
            <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div> --> 
<script type="text/javascript">
$(function() {
		$('.pop').on('click', function() {
			$('.imagepreview').attr('src', $(this).find('img').attr('src'));
			$('#imagemodal').modal('show');   
		});		
});
</script>
<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" data-dismiss="modal">
    <div class="modal-content"  >              
      <div class="modal-body">
      	<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <img src="" class="imagepreview" style="width: 100%;height:100%"  >
      </div> 
         
    </div>
  </div>
</div>
@endsection