<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'); ?>
    <?php $printId = 1; ?>
    <div class="common-content">
        <div class="page-content">
            <div class="page-heading">
                <div class="headings">
                    <h6>Purchase Order Summary</h6>
                    <input name="_token" type="hidden" id="token_po" 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>Consignee</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;">
                          
                            <div class="tab-content meddbot-tabcontent">
                                <div id="home" class="tab-pane fade in active show">
                                    <?php if(count($order_summary) != 0): ?>
                                        <?php $__currentLoopData = $order_summary; $__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->id); ?></span>
                                                    </h4>
                                                </div>
                                                <div class="product_details-grd">
                                                    <div class="product-details">
                                                        <ul>
                                                            <li><label class="p-o-label">Tender Number</label>:
                                                                <span><?php echo e($summary->tender_number); ?></span>
                                                            </li>
                                                            <li><label class="p-o-label">Vendor Name</label>:
                                                                <span><?php echo e(ucfirst($summary->name)); ?></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>
                                                            <?php if($summary->main_buyer_type == 'proc'): ?>
                                                                <li><label class="p-o-label">Ship To</label>:
                                                                    <span>
                                                                        <?php if($summary->ship_to == 1): ?>
                                                                            Consignee
                                                                        <?php else: ?>
                                                                            Procurement
                                                                        <?php endif; ?>
                                                                    </span>
                                                                </li>
                                                            <?php endif; ?>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="p-o-buttons">    
                                                        <a href='<?php echo e(url('buyers/po_products/' . $summary->orderid)); ?>'
                                                            target="_blank"> <button
                                                                class="btn medd-buttons btn-primary">View
                                                                Products</button></a>

                                                                <button class="btn medd-buttons medd-blue"
                                                                onclick="printPdf('<?php echo 'print'.$printId; ?>')">Print PO</button>
                                                            <iframe id="<?php echo 'print'.$printId; ?>" style="display: none;" src="<?php echo e(url('assets/pdf/po/file/' . $summary->pdf_file)); ?>"></iframe>
                                                            <?php $printId++; ?>
                                                                   <a href='<?php echo e(url('assets/pdf/po/file/' . $summary->pdf_file)); ?>' target="_blank"><button class="btn medd-buttons medd-blue"> View &amp; Download PO</button></a>

                                                                   <?php
                                                                $paymentsHistory = App\Helpers\CustomHelper::paymentsHistoryWithOrderId($summary->orderid);
                                                            ?>
                                                            <?php if($paymentsHistory != false): ?>  
                                                            <a href='<?php echo e(url('buyers/payment_history/' . $summary->orderid)); ?>' target="_blank"> <button class="btn medd-buttons btn-primary"  >Payment History</button></a>
        
                                                            <?php endif; ?>
                                                </div>
                                            </div>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        <?php echo e($order_summary->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 Orders 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 mr-3" 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/reject_purchaseorder')); ?>"> <?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="po_id" value="" id="po_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>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
      
        <?php $__env->stopSection(); ?>
        <?php $__env->startSection('scripts'); ?>
            <script type="text/javascript" charset="utf8"
                src="https://cdnjs.cloudflare.com/ajax/libs/jsbarcode/3.5.9/JsBarcode.all.min.js"></script>
            <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>
                var poid='';
                $(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");
                                }
                            });
                        }
                    });
                });
                function downloadpdf(oid) {
                    window.location = baseurl + 'generate-pdf?id=' + oid;
                }
                var newotp = '';
                $(document).ready(function() {
                    //Resend OTP
                    $('#resend').on('click', function(event) {
                        $(".pageloader").show();
                        var data = {
                            _token: $('#token_po').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_po').val(),
                                oid:poid,
                                otp: otp
                            }
                            $.ajax({
                                url: baseurl + 'verifyotpuser',
                                type: "POST",
                                data: data,
                                success: function(res) {
                                    if (res == true) {
                                        swal({
                                            title: "",
                                            text: "OTP is verified successfully",
                                            type: "success",
                                        }, function() {
                                            window.location = baseurl +
                                                'buyers/order_summary_approved/';
                                        });
                                    } else {
                                        swal("", "Please Enter a valid OTP", "warning");
                                        $('#otp1').val('');
                                        $('#otp2').val('');
                                        $('#otp3').val('');
                                        $('#otp4').val('');
                                        $('#otp5').val('');
                                        $('#otp6').val('');
                                    }
                                }
                            });
                        }
                    });
                    $('.approvepo').on('click', function() {
                        poid=$(this).attr('data-orderid');
                        $(".pageloader").show();
                        var data = {
                            _token: $('#token_po').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; ?>
                $(document).ready(function() {
                    $("#printBtn").click(function() {
                        var divToPrint = document.getElementById('barcodeModal');
                        var newWin = window.open('', 'Print-Window');
                        newWin.document.open();
                        newWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML +
                            '</body></html>');
                        newWin.document.close();
                        setTimeout(function() {
                            newWin.close();
                        }, 10);
                    });
                });
                function printPdf(id) {
                    var getMyFrame = document.getElementById(id);
                    getMyFrame.focus();
                    getMyFrame.contentWindow.print();
                }
            </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/order_summary_store.blade.php ENDPATH**/ ?>