

<?php $__env->startSection('title'); ?> Delivery Order <?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <div class="d-flex flex-column-fluid pb-20">
        <div class="container">
            
            <div class="row">
                <div class="col-sm-12">
                    <!-- Datatable (JS in datatable-custom.js) -->
                    <table class="table table-bordered mt-15 table_do_list table-hover" id="do_list">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>DO#</th>
                                <th>DO Date</th>
                                <th>Vendor</th>
                                <th>Item Description</th>
                                <th>Qty</th>
                                <th>Unit</th>
                                <th>PO#</th>
                                <th>RF#</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td><a href="assets/document/do-sample.pdf" target="_blank">DO-123456</a></td>
                                <td>03/09/2021</td>
                                <td>ABC Sdn Bhd</td>
                                <td>Item 1 description asdad asd as asd ad</td>
                                <td>128</td>
                                <td>Nos</td>
                                <td><a href="assets/document/po-sample.pdf" target="_blank">PO-123456</a></td>
                                <td><a class="modal-links" data-toggle="modal" data-target="#requisition_form">RF-AC28082021001</a></td>
                                <td class="modal-links" data-toggle="modal" data-target="#received_details">Received</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td><a href="assets/document/do-sample.pdf" target="_blank">DO-123456</a></td>
                                <td>03/09/2021</td>
                                <td>ABC Sdn Bhd</td>
                                <td>Item 2 description asdad asd as asd ad</td>
                                <td>76</td>
                                <td>Kg</td>
                                <td><a href="assets/document/po-sample.pdf" target="_blank">PO-123456</a></td>
                                <td><a class="modal-links" data-toggle="modal" data-target="#requisition_form">RF-AC28082021001</a></td>
                                <td class="modal-links" data-toggle="modal" data-target="#received_details">Received</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td><a href="assets/document/do-sample.pdf" target="_blank">DO-234567</a></td>
                                <td>28/07/2021</td>
                                <td>DEF Sdn Bhd</td>
                                <td>Item 8 description asdad asd as asd ad</td>
                                <td>15</td>
                                <td>M3</td>
                                <td><a href="assets/document/po-sample.pdf" target="_blank">PO-234567</a></td>
                                <td><a class="modal-links" data-toggle="modal" data-target="#requisition_form">RF-AC28072021003</a></td>
                                <td>Pending</td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td><a href="assets/document/do-sample.pdf" target="_blank">DO-345678</a></td>
                                <td>28/07/2021</td>
                                <td>GGG Sdn Bhd</td>
                                <td>Item 11 description asdad asd as asd ad</td>
                                <td>47</td>
                                <td>Kg</td>
                                <td><a href="assets/document/po-sample.pdf" target="_blank">PO-345678</a></td>
                                <td><a class="modal-links" data-toggle="modal" data-target="#requisition_form">RF-AC25072021003</a></td>
                                <td>Pending</td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td><a href="assets/document/do-sample.pdf" target="_blank">DO-345678</a></td>
                                <td>28/07/2021</td>
                                <td>GGG Sdn Bhd</td>
                                <td>Item 11 description asdad asd as asd ad</td>
                                <td>58</td>
                                <td>Kg</td>
                                <td><a href="assets/document/po-sample.pdf" target="_blank">PO-345678</a></td>
                                <td><a class="modal-links" data-toggle="modal" data-target="#requisition_form">RF-AC23072021003</a></td>
                                <td>Pending</td>
                            </tr>
                            <tr>
                                <td>6</td>
                                <td><a href="assets/document/do-sample.pdf" target="_blank">DO-456789</a></td>
                                <td>19/07/2021</td>
                                <td>ABC Sdn Bhd</td>
                                <td>Item 2 description asdad asd as asd ad</td>
                                <td>95</td>
                                <td>Kg</td>
                                <td><a href="assets/document/po-sample.pdf" target="_blank">PO-456789</a></td>
                                <td><a class="modal-links" data-toggle="modal" data-target="#requisition_form">RF-AC13072021009</a></td>
                                <td>Pending</td>
                            </tr>
                            <tr>
                                <td>7</td>
                                <td><a href="assets/document/do-sample.pdf" target="_blank">DO-456789</a></td>
                                <td>15/07/2021</td>
                                <td>ABC Sdn Bhd</td>
                                <td>Item description asdad asd as asd ad</td>
                                <td>83</td>
                                <td>Nos</td>
                                <td><a href="assets/document/po-sample.pdf" target="_blank">PO-567890</a></td>
                                <td><a class="modal-links" data-toggle="modal" data-target="#requisition_form">RF-AC10072021002</a></td>
                                <td>Pending</td>
                            </tr>
                            <tr>
                                <td>8</td>
                                <td><a href="assets/document/do-sample.pdf" target="_blank">DO-678901</a></td>
                                <td>09/07/2021</td>
                                <td>XYZ Sdn Bhd</td>
                                <td>Item 7 description asdad asd as asd ad</td>
                                <td>36</td>
                                <td>M3</td>
                                <td><a href="assets/document/po-sample.pdf" target="_blank">PO-678901</a></td>
                                <td><a class="modal-links" data-toggle="modal" data-target="#requisition_form">RF-AC05072021005</a></td>
                                <td>Pending</td>
                            </tr>
                            <tr>
                                <td>9</td>
                                <td><a href="assets/document/do-sample.pdf" target="_blank">DO-678901</a></td>
                                <td>09/07/2021</td>
                                <td>XYZ Sdn Bhd</td>
                                <td>Item 15 description asdad asd as asd ad</td>
                                <td>128</td>
                                <td>Nos</td>
                                <td><a href="assets/document/po-sample.pdf" target="_blank">PO-678901</a></td>
                                <td><a class="modal-links" data-toggle="modal" data-target="#requisition_form">RF-AC05072021005</a></td>
                                <td>Pending</td>
                            </tr>
                            <tr>
                                <td>10</td>
                                <td><a href="assets/document/do-sample.pdf" target="_blank">DO-789012</a></td>
                                <td>01/07/2021</td>
                                <td>KKK Sdn Bhd</td>
                                <td>Item 2 description asdad asd as asd ad</td>
                                <td>128</td>
                                <td>Kg</td>
                                <td><a href="assets/document/po-sample.pdf" target="_blank">PO-789012</a></td>
                                <td><a class="modal-links" data-toggle="modal" data-target="#requisition_form">RF-AC28062021004</a></td>
                                <td>Pending</td>
                            </tr>
                            <tr>
                                <td>11</td>
                                <td><a href="assets/document/do-sample.pdf" target="_blank">DO-890123</a></td>
                                <td>25/06/2021</td>
                                <td>WWW Sdn Bhd</td>
                                <td>Item 7 description asdad asd as asd ad</td>
                                <td>128</td>
                                <td>M3</td>
                                <td><a href="assets/document/po-sample.pdf" target="_blank">PO-890123</a></td>
                                <td><a class="modal-links" data-toggle="modal" data-target="#requisition_form">RF-AC23062021007</a></td>
                                <td>Pending</td>
                            </tr>
                            <tr>
                                <td>12</td>
                                <td><a href="assets/document/do-sample.pdf" target="_blank">DO-890123</a></td>
                                <td>25/06/2021</td>
                                <td>WWW Sdn Bhd</td>
                                <td>Item 2 description asdad asd as asd ad</td>
                                <td>69</td>
                                <td>Kg</td>
                                <td><a href="assets/document/po-sample.pdf" target="_blank">PO-890123</a></td>
                                <td><a class="modal-links" data-toggle="modal" data-target="#requisition_form">RF-AC15062021002</a></td>
                                <td>Pending</td>	
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- Modal RF -->
            <div class="modal fade" id="requisition_form" tabindex="-1" role="dialog" aria-labelledby="requisition_form" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <h1>Requisition Form</h1>
                                    <h5>RF#: RF-AC28082021001</h5>
                                </div>
                                <div class="col-sm-6">
                                    <div class="address-box text-right">
                                        Arte Cheras,<br>
                                        No.2, Jalan Midah 2,<br>
                                        Taman Midah, Cheras,<br>
                                        56000 Kuala Lumpur<br>
                                        Tel: +6012-123 4567												
                                    </div>
                                    <div class="logo-box">
                                        <div class="logo-rf" style="background-image: url('assets/media/arte-cheras.png');"></div>
                                    </div>
                                </div>
                            </div>

                            <hr class="mt-5 mb-5">

                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="to-info">
                                        <strong>To:</strong><br>
                                        Headquarters<br>
                                        No.1, Jalan Wangsa Permai, 2nd Floor,<br>
                                        Bangunan One Wangsa, Taman Wangsa Permai,<br>
                                        Tel: +603-6277 2480<br>
                                        Fax: +603-6276 2482
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="request-info">
                                        <table class="table table-borderless">
                                            <tr>
                                                <td>Request Date :</td>
                                                <td>28/08/2021</td>
                                            </tr>
                                            <tr>
                                                <td>Requested by :</td>
                                                <td>Janet Tan</td>
                                            </tr>
                                            <tr>
                                                <td>Contact # :</td>
                                                <td>017-330 5149</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>

                                <div class="col-sm-12">
                                    <table class="table table-bordered table-rf mt-5">
                                        <tr>
                                            <th>#</th>
                                            <th>Item Description</th>
                                            <th>Unit</th>
                                            <th>Qty</th>
                                            <th>Date Required</th>
                                            <th>Remarks</th>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>Item 1</td>
                                            <td>Nos</td>
                                            <td>128</td>
                                            <td>05/10/2021</td>
                                            <td>This is some description for item 1</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>Item 2</td>
                                            <td>Kg</td>
                                            <td>128</td>
                                            <td>05/10/2021</td>
                                            <td>This is some description for item 1. This is some description for item 1</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>Item 3</td>
                                            <td>M3</td>
                                            <td>128</td>
                                            <td>05/10/2021</td>
                                            <td>This is some description for item 1</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Modal Received Item Details -->
            <div class="modal fade" id="received_details" tabindex="-1" role="dialog" aria-labelledby="received_details" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Received Item Details</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <i aria-hidden="true" class="ki ki-close"></i>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-sm-12">
                                    <table class="table table-bordered table-receivedDetails mb-10">
                                        <tr>
                                            <th>#</th>
                                            <th>DO#</th>
                                            <th>Vendor</th>
                                            <th>Item Description</th>
                                            <th>Unit</th>
                                            <th>Qty</th>
                                            <th>PO#</th>
                                            <th>RF#</th>
                                            <th>Received</th>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td><a href="assets/document/do-sample.pdf" target="_blank">DO-123456</a></td>
                                            <td>ABC Sdn Bhd</td>
                                            <td>Item 1 description asdad asd as asd ad</td>
                                            <td>128</td>
                                            <td>Nos</td>
                                            <td><a href="assets/document/po-sample.pdf" target="_blank">PO-123456</a></td>
                                            <td>RF-AC28082021001</td>
                                            <td>05/09/2021</td>
                                        </tr>
                                    </table>

                                    <ul class="nav nav-pills basic-tabs" id="received_details_Tab">
                                        <li class="nav-item">
                                            <a class="nav-link active" data-toggle="tab" href="#stocks">
                                                <span class="nav-text"><i class="fas fa-cubes"></i>Stocks</span>
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" href="#vehicle">
                                                <span class="nav-text"><i class="fas fa-truck"></i>Vehicle</span>
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" href="#driver">
                                                <span class="nav-text"><i class="fas fa-user"></i>Driver</span>
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" href="#document">
                                                <span class="nav-text"><i class="far fa-file-alt"></i>Document</span>
                                            </a>
                                        </li>
                                    </ul>

                                    <div class="tab-content received_details_Tab mt-5" id="received_detailsTabContent">
                                        <div class="tab-pane fade show active" id="stocks" role="tabpanel" aria-labelledby="stocks">
                                            <ul class="info_img_list">
                                                <li>
                                                    <a href="#img1">
                                                        <div class="info_img_bg"
                                                            style="background-image: url(assets/media/stock.jpg);">
                                                        </div>
                                                    </a>
                                                    <a href="#" class="lightbox" id="img1">
                                                        <span style="background-image: url('assets/media/stock.jpg')"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#img2">
                                                        <div class="info_img_bg"
                                                            style="background-image: url(assets/media/stock.jpg);">
                                                        </div>
                                                    </a>
                                                    <a href="#" class="lightbox" id="img2">
                                                        <span style="background-image: url('assets/media/stock.jpg')"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#img3">
                                                        <div class="info_img_bg"
                                                            style="background-image: url(assets/media/stock.jpg);">
                                                        </div>
                                                    </a>
                                                    <a href="#" class="lightbox" id="img3">
                                                        <span style="background-image: url('assets/media/stock.jpg')"></span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="vehicle" role="tabpanel" aria-labelledby="vehicle">
                                            <ul class="info_img_list">
                                                <li>
                                                    <a href="#img4">
                                                        <div class="info_img_bg"
                                                            style="background-image: url(assets/media/vehicle.jpg);">
                                                        </div>
                                                    </a>
                                                    <a href="#" class="lightbox" id="img4">
                                                        <span style="background-image: url('assets/media/vehicle.jpg')"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#img5">
                                                        <div class="info_img_bg"
                                                            style="background-image: url(assets/media/vehicle.jpg);">
                                                        </div>
                                                    </a>
                                                    <a href="#" class="lightbox" id="img5">
                                                        <span style="background-image: url('assets/media/vehicle.jpg')"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#img6">
                                                        <div class="info_img_bg"
                                                            style="background-image: url(assets/media/vehicle.jpg);">
                                                        </div>
                                                    </a>
                                                    <a href="#" class="lightbox" id="img6">
                                                        <span style="background-image: url('assets/media/vehicle.jpg')"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#img7">
                                                        <div class="info_img_bg"
                                                            style="background-image: url(assets/media/vehicle.jpg);">
                                                        </div>
                                                    </a>
                                                    <a href="#" class="lightbox" id="img7">
                                                        <span style="background-image: url('assets/media/vehicle.jpg')"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#img8">
                                                        <div class="info_img_bg"
                                                            style="background-image: url(assets/media/vehicle.jpg);">
                                                        </div>
                                                    </a>
                                                    <a href="#" class="lightbox" id="img8">
                                                        <span style="background-image: url('assets/media/vehicle.jpg')"></span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="driver" role="tabpanel" aria-labelledby="driver">
                                            <ul class="info_img_list">
                                                <li>
                                                    <a href="#img9">
                                                        <div class="info_img_bg"
                                                            style="background-image: url(assets/media/driver.jpg);">
                                                        </div>
                                                    </a>
                                                    <a href="#" class="lightbox" id="img9">
                                                        <span style="background-image: url('assets/media/driver.jpg')"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#img10">
                                                        <div class="info_img_bg"
                                                            style="background-image: url(assets/media/driver.jpg);">
                                                        </div>
                                                    </a>
                                                    <a href="#" class="lightbox" id="img10">
                                                        <span style="background-image: url('assets/media/driver.jpg')"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#img11">
                                                        <div class="info_img_bg"
                                                            style="background-image: url(assets/media/driver.jpg);">
                                                        </div>
                                                    </a>
                                                    <a href="#" class="lightbox" id="img11">
                                                        <span style="background-image: url('assets/media/driver.jpg')"></span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="document" role="tabpanel" aria-labelledby="document">
                                            <ul class="info_img_list">
                                                <li>
                                                    <a href="#img12">
                                                        <div class="info_img_bg"
                                                            style="background-image: url(assets/media/document.jpg);">
                                                        </div>
                                                    </a>
                                                    <a href="#" class="lightbox" id="img12">
                                                        <span style="background-image: url('assets/media/document.jpg')"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#img13">
                                                        <div class="info_img_bg"
                                                            style="background-image: url(assets/media/document.jpg);">
                                                        </div>
                                                    </a>
                                                    <a href="#" class="lightbox" id="img13">
                                                        <span style="background-image: url('assets/media/document.jpg')"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#img14">
                                                        <div class="info_img_bg"
                                                            style="background-image: url(assets/media/document.jpg);">
                                                        </div>
                                                    </a>
                                                    <a href="#" class="lightbox" id="img14">
                                                        <span style="background-image: url('assets/media/document.jpg')"></span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>


                                </div>
                            </div>

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</div>
    
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\laravel\inventory\resources\views/do/index.blade.php ENDPATH**/ ?>