
<script src="js/profile.js"></script>
<link href="css/profile.css" rel="stylesheet">

<style>
	.topppp
	{
	margin-top:-50px;
	}
	.editbutton
	{
	margin-top:-80px;
	margin-left:-390px;
	}
</style>
<div class="col-lg-12">
	<ul class="breadcrumb">
		<li><i class="fa fa-home"></i><a href="/home">Home</a></li>
		<!--<li><a href="#">Forms</a></li>-->
		<li class="active">Company Profile</li>
	</ul>
</div>

<!--search box-->
<div class="container">
	<!-- Modal -->
	<div class="modal fade" id="myModal" role="dialog">
		<div class="modal-dialog">
			
			<!-- Modal content-->
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">×</button>
					<h4 class="modal-title">Search Section</h4>
				</div>
				<div class="modal-body">
					
					<section class="search-box1" id="panel">
						<div class="container">
							<form class="form-inline" role="form">
								<div class="col-sm-8 col-xs-8 form-group top_search" style="padding-right:0px;">
									<div class="row">
										<label class="sr-only" for="search">Search here...</label>
										<span class="serach-footer"><img src="images/srch.png" /></span>
										<input type="text" class="form-control search-wrap" id="search" placeholder="Search here...">
									</div>
								</div>
								<div class="row">
									<div class="col-sm-4 col-xs-4 form-group top_search" style="padding-left:0px;">
										<button type="submit" class="btn btn-default search-btn">SEARCH</button>
									</div>
								</div>
							</form>
						</div>
					</section>
					
					
					
				</div>
				
			</div>
		</div>
		
	</div>
</div>
<section>
	
	<div class="container" style="margin-top: 10px;">
		<div class="profile-head">
			<div class="col-md- col-sm-4 col-xs-12">
				<?php $Imagess=$data['HOC']->image; if(empty(!$Imagess)){echo'<img src="'.$Imagess.'" class="img-responsive" />';}else{echo'<img id="id" class="img-responsive" />';}?>
				
				
				<h6>{{ $data['HOC']->frm_name}}</h6>
				<form id="formsubmit" method="post" enctype="multipart/form-data">
					<input type="hidden" id="_token" name="_token" class="form-control" value="{{csrf_token()}}">
					<div class="container"style="margin-left: 90px;">
						<span class="btn btn-default btn-sm uplod-file">
							Upload Photo <input type="file" id="image" name="image" class="upload" accept="image/*"/>
						</span>
					</div>
				</form>
			</div><!--col-md-4 col-sm-4 col-xs-12 close-->
			
			
			<div class="col-md-5 col-sm-5 col-xs-12">
				<h5>{{ $data['HOC']->frm_name}}</h5>
				<p>{{ $data['HOC']->frm_city}}</p>
				<ul>
					
					<li><span class="glyphicon glyphicon-map-marker"></span>{{$data['HOC']->frm_country}}</li>
					<li><span class="glyphicon glyphicon-home"></span> {{$data['HOC']->frm_address}}</li>
					<li><span class="glyphicon glyphicon-phone"></span> <a href="#" title="call">{{$data['HOC']->frm_ph1}}</a></li>
					<li><span class="glyphicon glyphicon-envelope"></span><a href="#" title="mail">{{$data['HOC']->frm_email}}</a></li>
					
				</ul>
				
				
			</div><!--col-md-8 col-sm-8 col-xs-12 close-->
			
			
			
			
		</div><!--profile-head close-->
	</div><!--container close-->
	
	
	<div id="sticky" class="container">
		
		<!-- Nav tabs -->
		<!--<ul class="nav nav-tabs nav-menu" role="tablist">
			<li class="active">
			<a href="#profile" role="tab" data-toggle="tab">
			<i class="fa fa-male"></i> Profile
			</a>
			</li>
			<li><a href="#change" role="tab" data-toggle="tab">
			<i class="fa fa-key"></i> Edit Profile
			</a>
			</li>
		</ul>--><!--nav-tabs close-->
		
		<!-- Tab panes -->
		<div class="tab-content topppp">
			<div class="tab-pane fade active in" id="profile">
				<div class="container">
					<div class="col-sm-11" style="float:left;">
						<div class="hve-pro">
							<p>Hello I’m Jenifer Smith, a leading expert in interactive and creative design specializing in the mobile medium. 
							My graduation from Massey University with a Bachelor of Design majoring in visual communication.</p>
						</div><!--hve-pro close-->
					</div><!--col-sm-12 close-->
					<br clear="all" />
					<div class="loadData">
						<div class="row">
							<div class="col-md-12">
								<h4 class="pro-title">COMPANY PROFILE </h4>
								<button class="btn btn-sm btn-default editbutton">
									<i class="fa fa-edit"></i> Edit
								</button>
							</div><!--col-md-12 close-->
							
							
							<div class="col-md-6">
								
								<div class="table-responsive responsiv-table">
									<table class="table bio-table">
										<tbody>
											<tr>      
												<td>Company name</td>
												<td>: {{ $data['HOC']->frm_name}}</td> 
											</tr>
											
											<tr>    
												<td>Create Date</td>
												<td>: <?php echo date('d-M-Y');?></td>       
											</tr>
											
											<tr>    
												<td>Address</td>
												<td>: {{ $data['HOC']->frm_address}}</td>       
											</tr>
											
											<tr>    
												<td>State</td>
												<td>: {{ $data['HOC']->frm_state }}</td>       
											</tr>
											<tr>    
												<td>Contury</td>
												<td>: {{ $data['HOC']->frm_country}}</td>       
											</tr>
											
											
										</tbody>
									</table>
								</div><!--table-responsive close-->
							</div><!--col-md-6 close-->
							
							<div class="col-md-6">
								
								<div class="table-responsive responsiv-table">
									<table class="table bio-table">
										<tbody>
											<tr>  
												<td>Email Id</td>
												<td>: {{ $data['HOC']->frm_email}}</td> 
											</tr>
											<tr>    
												<td>City</td>
												<td>: {{ $data['HOC']->frm_city }}</td>       
											</tr>
											<tr>    
												<td>Mobile</td>
												<td>: {{ $data['HOC']->frm_ph1}}</td>       
											</tr>
											<tr>    
												<td>Phone</td>
												<td>: {{ $data['HOC']->frm_ph2}}</td>       
											</tr>
											<tr>    
												<td>Status</td>
												<td>: {{ $data['HOC']->frm_status}}</td>       
											</tr>
											
											
										</tbody>
									</table>
								</div><!--table-responsive close-->
							</div><!--col-md-6 close-->
							
						</div><!--row close-->
						
						
						
						
					</div><!--container close-->
				</div><!--loadData close-->
			</div><!--tab-pane close-->
			
			
			
		</div><!--tab-content close-->
	</div><!--container close-->
	
</section><!--section close-->
<script>
	$(document).ready(function ()
	{
		$('#formsubmit').on('change',(function(e)
		{
			e.preventDefault();
			$.ajax({								
				url: 'imageUpoload',
				type: 'post',
				data: new FormData(this),
				contentType:false,
				catch:false,
				processData:false,
				success: function(data) 
				{
					//alert("dat");
					$("#id").attr("src", data);
					$('#sideMenu').load('firm')
				}
			});
			
		}));
		
	});
	$('.editbutton').click(function(e)
	{
		$.ajax({								
			url: 'EditCompanyProfile',
			type: 'get',
			success:function(data)
			{
				$('.loadData').html(data);
			}
		});
	});
	
	
</script>
