<style>
    .orderLists.newDesg .imgBoxs {
    height: 170px;
    object-fit: cover;
    width: 120px;
}
    p.msg-sts {
    padding: 6px 10px !important;
}
button.submit-popup.create, button.submit-popup.createinpack.mt-3 {
    margin-top: 50px !important;
}   
 .main-popup-contents .rs-flex {
    width: 100%;
}   
  .main-popup-contents p {
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 20px;
}  
 input#datepickerinproduction, #datepickerinpackage, #datepicker {
    border-radius: 30px;
}   
</style>


<?php $__env->startSection('content'); ?>
<div class="common-content">
          <div class="page-content">
                <div class="page-heading">
                    <div class="headings">
                        <h6>Extension date Approvals</h6>
                        <input name="_token" type="hidden" id="token_ex" value="<?php echo e(csrf_token()); ?>">
                    </div>
                </div>

                <div class="dashboard-cnts">
                    <div class="row">
                        <div class="col-12">
                            <div class="search-bar order-search">
                                <?php if($buyer_type == 'proc'): ?>
                                <div class="form-inputs">
                                    <div class="form-group">
                                      <label>Buyers</label>
                                      <select class="form-control" id="buyer_filter" name="buyer_filter">
                                        <option value="all">All</option>
                                        <?php $__currentLoopData = $individual_buyers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $individual_buyers): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <option value="<?php echo e($individual_buyers->id); ?>"><?php echo e($individual_buyers->name); ?></option>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                      </select>
                                    </div>
                                </div>
                                <?php endif; ?>
                              </div>
				                <div class="boxings po-sum" style="border-radius: 15px;"> 
                                 <ul class="nav nav-tabs meddbot-tab">
                                    <li class="active"><a class="active show"  href="<?php echo e(url('/buyers/extensiondate_process_pending')); ?>">Pending</a></li>
                                    <li><a href="<?php echo e(url('/buyers/extensiondate_process_approved')); ?>">Approved</a></li>
                                    <li><a href="<?php echo e(url('/buyers/extensiondate_process_rejected')); ?>">Rejected</a></li>
                                 </ul>
                                <div class="tab-content meddbot-tabcontent">
                                    <div id="home" class="tab-pane fade in active show">
                                <?php if(count($extensiondate_pending)!=0): ?>        
                                    <?php $__currentLoopData = $extensiondate_pending; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$summary): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="purchase-order js-category-filterable" data-category="<?php echo $summary->individual_buyerid ?>">
                                             <div class="order-id d-flex justify-content-end">
                                                 <h4>Order ID <span class="green-order" ><?php echo e($summary->po_id); ?></span></h4>
                                                
                                                </div>
                                             <div class="product_details-grd">
                                                 <div class="product-image">

                                                <?php if(!empty($summary->photo)): ?>
                                                    <img src="<?php echo e(url('product_files')); ?>/<?php echo e($summary->photo); ?>">
                                                <?php else: ?>
                                                    <img src="<?php echo e(url('assets/images/1200px-No-Image-Placeholder.svg.png')); ?>">
                                                <?php endif; ?>

                                                 </div>
                                                 <div class="product-details">
                                                     <ul>
                                                         <li><h4 class="product-name" ><?php echo e(ucfirst($summary->product_name)); ?></h4></li> </h4></li>
                                                         <li><label class="p-o-label">Product Code</label>: <span><?php echo e($summary->product_code); ?></span></li>
                                                         <li><label class="p-o-label">Original Date</label>: <span><?php echo e($summary->delivery_date); ?></span></li>
                                                         <li><label class="p-o-label">Extension Date</label>: <span><?php echo e($summary->change_date); ?></span></li>
                                                         <li><label class="p-o-label">Consignee</label>:
                                                            <span><?php echo e(ucfirst(App\Helpers\CustomHelper::manu_name($summary->individual_buyerid))); ?></span>
                                                        </li>
                                                        
                                                     </ul>
                                                 </div>
                                             </div>
                                             <div class="product-description">
                                                 <label class="p-o-label" >Product Description</label>
                                                 <p><?php echo e($summary->product_description); ?></p>
                                             </div>
                                             <div class="p-o-buttons">
                                                <button class="btn medd-buttons medd-green approvedates" data-po_productid="<?php echo e($summary->id); ?>">Approve</button>
                                                <button class="btn medd-buttons medd-red" onclick="rejectdate(<?php echo e($summary->id); ?>);" >Reject</button>
                                            </div>
                                         </div> 
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        <?php echo e($extensiondate_pending->links()); ?>

                                        <?php else: ?>

                                        <div class="col-lg-12 col-md-6 col-sm-12 col-xs-12">
                                            <div class="product-display">
                                                <ul>
                                                    <li>
                                                        <div class="details">
                                                            <div>
                                                                <h6>
                                                                No Datas available
                                                                </h6>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <?php endif; ?>
                                  </div>
                                
                            </div>
                       
                        </div>
                    </div>
                </div>
          </div>
<!-- Modal -->
<div class="modal fade  new-modal" id="approve" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <div class="otp">
            <h4>OTP Verification</h4>
            <p>Please Enter the OTP send to your Phone Number</p>

            <input type="hidden" name="phone" id="phone_no" value="<?php echo Auth::user()->phone_no;?>">
            <input type="hidden" name="email" id="email" value="<?php echo Auth::user()->email;?>">
            
            <div class="otp-dflex">
                <input type="number" onkeyup="onKeyUpEvent(1, event)" placeholder="0" maxlength="1" id="otp1">
                <input type="number" onkeyup="onKeyUpEvent(2, event)" placeholder="0" maxlength="1" id="otp2">
                <input type="number" onkeyup="onKeyUpEvent(3, event)" placeholder="0" maxlength="1" id="otp3">
                <input type="number" onkeyup="onKeyUpEvent(4, event)" placeholder="0" maxlength="1" id="otp4">
                <input type="number" onkeyup="onKeyUpEvent(5, event)" placeholder="0" maxlength="1" id="otp5">
                <input type="number" onkeyup="onKeyUpEvent(6, event)" placeholder="0" maxlength="1" id="otp6">
            </div> 
            
          </div>

          <div class="medd-pop-buttons">
              <input type="hidden" name="order_id" id="order_id" value="">
              <button class="btn medd-blue medd-buttons" id="otpverify" >Verify</button>
              <button class="btn medd-blue medd-buttons" id="resend">Resend OTP</button>
              
          </div>
      </div>
    </div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade  new-modal" id="reject" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">

        <form id="reject_po" method="POST" action="<?php echo e(url('buyers/extensiondate_reject')); ?>" > <?php echo csrf_field(); ?>
      <div class="modal-body">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <div class="otp">
            <h4>Reject Reason</h4>
            <input type="hidden" name="ex_id" value="" id="ex_id">
            <textarea class="w-100 mb-3 form-control" cols="5" rows="5"  placeholder="Reason" name="reject_reason" id="reject_reason"></textarea>
        </div>
          <div class="medd-pop-buttons">
              <button class="btn medd-blue medd-buttons" >Submit</button>
<!--              <button class="btn medd-black medd-buttons" >Resend OTP</button>-->
          </div>
      </div>
    </form>
    </div>
  </div>
</div>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('scripts'); ?>
<script src="<?php echo e(URL::to('assets/js/buyernew.js')); ?>"></script>
              
<!--     OTP auto tabing script          -->
    <script>
      function getCodeBoxElement(index) {
        return document.getElementById('otp' + index);
      }
      function onKeyUpEvent(index, event) {
        const eventCode = event.which || event.keyCode;
        if (getCodeBoxElement(index).value.length === 1) {
          if (index !== 6) {
            getCodeBoxElement(index+ 1).focus();
          } else {
            getCodeBoxElement(index).blur();
            // Submit code
            console.log('submit code ');
          }
        }
        if (eventCode === 8 && index !== 1) {
          getCodeBoxElement(index - 1).focus();
        }
      }
      function onFocusEvent(index) {
        for (item = 1; item < index; item++) {
          const currentElement = getCodeBoxElement(item);
          if (!currentElement.value) {
              currentElement.focus();
              break;
          }
        }
      }
        
        
 $(".modal").on('shown.bs.modal', function () {
    $(this).find("#otp1").focus();
});   
        
        
    </script>
<script>

$(function() {

$('#buyer_filter').change(function() {   

var $select = $(this);
if ($select.val() == 'all') {
  // No filter selected.  Show all categories
  $('.js-category-filterable').show();
  //$('.js-current-category').text('All');
} else {
    var x=0;
  $('.js-category-filterable').each(function() {
    if ($(this).data('category') == $select.val()) {  
       x=1;
      $(this).show();
    } else {
      $(this).hide();
      x=0;
     
    }

    if(x==0){
        $(".not").css("display","block");
    }
    else{
        $(".not").css("display","none");  
    }
  });
  //$('.js-current-category').text( $select.find('option:selected').text() );
}
// Reset select box so it's easier to use repeatedly.
//$select.val('');
});

});
function downloadpdf(oid){
    window.location = baseurl + 'generate-pdf?id='+oid;
}
var poidnew=''
$(document).ready(function() {

      //Resend OTP
      $('#resend').on('click', function(event) {
                        $(".pageloader").show();
                        var data = {
                            _token: $('#token_ex').val()
                        }
                        $.ajax({
                            url: baseurl + 'sendOTP',
                            type: "POST",
                            data: data,
                            success: function(res) {
                                if (res == true) {
                                    $(".pageloader").hide();
                                    swal({
                                        title: "",
                                        text: "OTP send to your registered Phone Number",
                                        type: "success",
                                        showCancelButton: false,
                                        dangerMode: false,
                                        confirmButtonText: 'OK'
                                    }, function() {
                                        $('#approve').modal({
                                            backdrop: 'static',
                                            keyboard: false
                                        });
                                    })
                                } else {
                                    $(".pageloader").hide();
                                    swal("", "Please try again", "warning");
                                }
                            }
                        });
                    });
   //OTP VERIFICATION
         $('#otpverify').on('click', function(event) {
                        event.preventDefault();
                        var otp = $('#otp1').val() + $('#otp2').val() + $('#otp3').val() + $('#otp4').val() + $(
                            '#otp5').val() + $('#otp6').val();
                        if (($('#otp1').val() == '') && ($('#otp2').val() == '') && ($('#otp3').val() == '') && ($(
                                '#otp4').val() == '') && ($('#otp5').val() == '') && ($('#otp6').val() == '')) {
                            swal("", "Please Enter a valid OTP", "warning");
                        } else {
                            var data = {
                                _token: $('#token_ex').val(),
                                oid:poidnew,
                                otp: otp
                            }
                            $.ajax({
                                url: baseurl + 'buyers/extensiondate_approve',
                                type: "POST",
                                data: data,
                                success: function(res) {
                                    if (res == true) {
                                        swal({
                                            title: "",
                                            text: "OTP is verified successfully",
                                            type: "success",
                                        }, function() {
                                            window.location = baseurl +
                                                'buyers/extensiondate_process_approved/';
                                        });
                                    } else {
                                        swal("", "Please Enter a valid OTP", "warning");
                                        $('#otp1').val('');
                                        $('#otp2').val('');
                                        $('#otp3').val('');
                                        $('#otp4').val('');
                                        $('#otp5').val('');
                                        $('#otp6').val('');
                                    }
                                }
                            });
                        }
                    });



                    $('.approvedates').on('click', function() {
                        poidnew=$(this).attr('data-po_productid');
                        $(".pageloader").show();
                        var data = {
                            _token: $('#token_ex').val()
                        }
                        $.ajax({
                            url: baseurl + 'sendOTP',
                            type: "POST",
                            data: data,
                            success: function(res) {
                                if (res == true) {
                                    $(".pageloader").hide();
                                    swal({
                                        title: "",
                                        text: "OTP send to your registered Phone Number",
                                        type: "success",
                                        showCancelButton: false,
                                        dangerMode: false,
                                        confirmButtonText: 'OK'
                                    }, function() {
                                        $('#approve').modal({
                                            backdrop: 'static',
                                            keyboard: false
                                        });
                                    })
                                } else {
                                    $(".pageloader").hide();
                                    swal("", "Please try again", "warning");
                                }
                            }
                        });
                    });



});

<?php if(Session::has('message')): ?>
      swal({
        title: "",
        text: "<?php echo e(Session::get('message')); ?>",
        type: "success",
        showCancelButton: false,
        dangerMode: false,
        confirmButtonText: 'OK',

    });
<?php endif; ?>
<?php if(Session::has('errormessage')): ?>
      swal({
        title: "",
        text: "<?php echo e(Session::get('errormessage')); ?>",
        type: "error",
        showCancelButton: false,
        dangerMode: true,
        confirmButtonText: 'OK',

    });
<?php endif; ?>
</script>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.main', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/meddbot/public_html/resources/views/buyers/extension_summary_pending.blade.php ENDPATH**/ ?>