<?php  $this->load->view('common_front/header'); ?>
<style type="text/css">
	.attr-nav > ul > li > a {

    padding: 8px 15px;
    font-size: 15px;
    text-transform: uppercase;
    background: #ce0f6c;
    border-radius: 3px;
    color: #fff;
    margin-top: 22px;

}
</style>
		  <!--  BANNER SLIDER  -->
	<div class="banner-my">
	<div class="container">
    <div class="row">
    <div class="col-md-12"><span><a href="<?= base_url()?>">Home</a> <i class="fa fa-long-arrow-right"></i> Men Products </span> </div>
    
    </div>
    
    </div>
                    
                        
        </div>
    <!-- end banner -->

    <!-- section 1 -->
    <div class="pro-life">
<div class="container">




<div class="row">

<?php 
	foreach($products as $p)
	{
?>
<div class="col-sm-6 col-md-3 col-xs-6">
<div class="thumbnail">
<img src="<?= base_url('uploads/products/'.$p['image'])?>" width="300" height="300" class="img-responsive" style="width:100%; height:200px;">
<div class="caption">
  <h3><?= $p['name']?></h3>
<p><i class="fa fa-inr"></i> <?= $p['price']?>/-</p>
<p><a href="#" class="btn btn-primary quick-enquiry" role="button" onclick="get_pro(<?= $p['id']?>)" data-toggle="modal" data-target="#myModal">Quick Enquiry</a> </p>
</div>
</div>
</div>
<?php }?>


</div>



<div class="row">

<div class="col-md-12"><nav aria-label="...">
  <?= $links; ?>
</nav></div>


</div>


</div>

</div>

<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">&times;</button>
<h4 class="modal-title">Quick Enquiry</h4>
</div>
<div class="modal-body">
<div class="row">

<div class="col-md-12">
<form action="<?= base_url('enquiry')?>" method="POST" class="form-contact">
<div class="row">
<div class="col-md-6"><input type="text" name="Name" class="form-control fomt-my" placeholder="Name" required></div>
<div class="col-md-6"><input type="email" name="Email" class="form-control fomt-my" placeholder="Email" required></div>
<div class="col-md-6"><input type="text" name="Phone" class="form-control fomt-my" placeholder="Phone No." required></div>
<div class="col-md-6"><input class="form-control fomt-my" type="text" placeholder="Product Name" id="pname" name="Product Name" readonly></div>
<div class="col-md-12"><textarea class="form-control fomt-my" name="message" rows="3" placeholder="Your Message Here" style="height:100px !important;"></textarea></div>
<div class="col-md-4"><button type="submit" name="submit" class="button send-enquiry" style="padding:10px;">SUBMIT</button></div>
</div>
</form>

</div>

</div>
</div>

</div>

</div>
</div>

<?php  $this->load->view('common_front/footer'); ?>

<script type="text/javascript">
	function get_pro(id='')
	{
		$.ajax({
    type: "POST",
    url: "<?= base_url('Front/get_pro')?>",
    data: { pro : id },
    dataType: "json",
    success: function(result){
        $('#pname').val(result.name);
    }
});
	}
</script>