<?php echo $__env->make('front.head', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>


      <section class="home-section home-min-height photography-page" id="home" style="">
        <div class="hero-slider">
          <ul class="slides" style="max-height:100%;">
            <li class="bg-dark flex-active-slide" style="background-image: url(<?php echo e(url('/')); ?>/yb/assets/images/photography/image60.jpg); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2;">

            </li>
          </ul>
        </div>

</section>
<section class="main" style="min-height:500px;">
          <div class="container main">

<div class="card">
    <div class="card-body">
        <h3 class="card-title">Select Property</h3>
        <div class="row">
          <div class="col-md-3">
              <div class="form-group">
                  <label class="control-label" for="project_id">Project*</label>
                  <?php echo Form::select('project_id', $projects, [], ['class' => 'form-control form-control-normal']); ?>

              </div>
          </div>
          <div class="col-md-3">
              <div class="form-group">
                  <label class="control-label" for="sector_id">Sector*</label>
                  <?php echo Form::select('sector_id', [], [], ['class' => 'form-control form-control-normal']); ?>

              </div>
          </div>
          <div class="col-md-3">
              <div class="form-group">
                  <label class="control-label" for="block_id">Block*</label>
                  <?php echo Form::select('block_id', [], [], ['class' => 'form-control form-control-normal']); ?>

              </div>
          </div>

        </div>
        <h4 class="card-title">Plot Avaibility Status</h4>
        <div class="row" style="margin:0 auto 30px auto;">
          <div class="col-2 col-lg-2 col-sm-2" style="margin-bottom: 10px;"><div style="text-align:center; width:100%; height: 50px; padding: 5px; margin-left:5px; background-color:green; color:#fff;">Available</div></div>
          <div class="col-2 col-lg-2 col-sm-2" style="margin-bottom: 10px;"><div style="text-align:center; width:100%; height: 50px; padding: 5px; margin-left:5px; background-color:grey; color:#fff;">On-Hold</div></div>
          <div class="col-2 col-lg-2 col-sm-2" style="margin-bottom: 10px;"><div style="text-align:center; width:100%; height: 50px; padding: 5px; margin-left:5px; background-color:orange; color:#fff;">Booked</div></div>
          <div class="col-2 col-lg-2 col-sm-2" style="margin-bottom: 10px;"><div style="text-align:center; width:100%; height: 50px; padding: 5px; margin-left:5px; background-color:pink; color:#fff;">Alloted</div></div>
          <div class="col-2 col-lg-2 col-sm-2" style="margin-bottom: 10px;"><div style="text-align:center; width:100%; height: 50px; padding: 5px; margin-left:5px; background-color:red; color:#fff; word-wrap: break-word;">Registered</div></div>
        </div>
        <div class="row" id="plotStatus">
          
        </div>

    </div>
</div>
<!-- The Modal -->
<div class="modal fade" id="loadModalAjax" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="display: none;" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
        <h4 class="modal-title">Deals</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

      <!-- Modal body -->
      <div class="modal-body">
        Modal body..
      </div>

      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>

    </div>
  </div>
</div>

</div>
     
</section>
        
        <hr class="divider-d">
        <div class="scroll-up" style="display: block;"><a href="#totop"><i class="fa fa-angle-double-up"></i></a></div>
    




            
            <hr class="divider-d" />
            <footer class="footer bg-dark">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6">
                            <p class="copyright font-alt" style="letter-spacing: 1px;">&copy; <?php echo e(date('Y')); ?>&nbsp;<a href="<?php echo e(url('/')); ?>">BIZZBASKET</a>, All Rights Reserved</p>
                        </div>
                        <div class="col-sm-6">
                            <div class="footer-social-links">
                                <a href="#"><i class="fa fa-facebook"></i></a><a href="#"><i class="fa fa-twitter"></i></a><a href="#"><i class="fa fa-dribbble"></i></a><a style="background: black;" href="#"><i class="fa fa-skype"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
</body>

<script src="<?php echo e(url('/')); ?>/yb/assets/lib/jquery/dist/jquery.js"></script>
<script src="<?php echo e(url('/')); ?>/yb/assets/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="<?php echo e(url('/')); ?>/yb/assets/lib/wow/dist/wow.js"></script>
<script src="<?php echo e(url('/')); ?>/yb/assets/lib/jquery.mb.ytplayer/dist/jquery.mb.YTPlayer.js"></script>
<script src="<?php echo e(url('/')); ?>/yb/assets/lib/isotope/dist/isotope.pkgd.js"></script>
<script src="<?php echo e(url('/')); ?>/yb/assets/lib/imagesloaded/imagesloaded.pkgd.js"></script>
<script src="<?php echo e(url('/')); ?>/yb/assets/lib/flexslider/jquery.flexslider.js"></script>
<script src="<?php echo e(url('/')); ?>/yb/assets/lib/owl.carousel/dist/owl.carousel.min.js"></script>
<script src="<?php echo e(url('/')); ?>/yb/assets/lib/magnific-popup/dist/jquery.magnific-popup.js"></script>
<script src="<?php echo e(url('/')); ?>/yb/assets/lib/simple-text-rotator/jquery.simple-text-rotator.min.js"></script>
<script src="<?php echo e(url('/')); ?>/yb/assets/js/plugins.js"></script>
<script src="<?php echo e(url('/')); ?>/yb/assets/js/main.js"></script>
<script src="<?php echo e(url('/')); ?>/yb/js/scriptInside.js"></script>
<style type="text/css">
  div.hidden{
    display: none;
  }
  .tip {
  display: inline-block;
  cursor: pointer;
  padding: 5px;
  text-align: center;
}
table.tip-content-t tr td{
  border:1px solid #fff;
  padding: 5px;
}
.col-sm-3{
  width: 32%;
  float: left;
}
</style>

<script>
    window._token = '<?php echo e(csrf_token()); ?>';
</script>

<script>
      $("select[name='project_id']").change(function(){
          var project_id = $(this).val();
          var token = window._token;
          $.ajax({
              url: "<?php echo e(url('/')); ?>/out/selectAjax",
              method: 'POST',
              data: {project_id:project_id, _token:token},
              success: function(data) {
                $("select[name='sector_id'").html('');
                $("select[name='sector_id'").html(data.options);
              }
          });
      });

      $("select[name='sector_id']").change(function(){
          var sector_id = $(this).val();
          var token = window._token;
          $.ajax({
              url: "<?php echo e(url('/')); ?>/out/selectAjax",
              method: 'POST',
              data: {sector_id:sector_id, _token:token},
              success: function(data) {
                $("select[name='block_id'").html('');
                $("select[name='block_id'").html(data.options);
              }
          });
      });

      $("select[name='block_id']").change(function(){
          var block_id = $(this).val();
          var token = window._token;
          $.ajax({
              url: "<?php echo e(url('/')); ?>/out/getPlotStatus",
              method: 'POST',
              dataType:'html',
              data: {block_id:block_id, _token:token},
              success: function(data) {
                $("div#plotStatus").html('');
                $("div#plotStatus").html(data);
                  $("div#plotStatus div.tip").each(function () {
                      console.log('tooltip');
                      $(this).tooltip(
                      {
                          html: true,
                          title: $("#" + $(this).data("tip")).html()
                      });
                  });

              }
          });
      });
    </script>
</html>
<?php /**PATH G:\xampp\htdocs\yespropmart2.loc\resources\views/front/plotStatus.blade.php ENDPATH**/ ?>