

<?php $__env->startSection('title'); ?> RO | Create <?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="form-group row">
                <div class="col-lg-6 col-md-9 col-sm-12">
                    <label>Project</label>
                    <select class="form-control selectpicker" data-live-search="true" data-size="4">                      
                    <?php $__currentLoopData = $residential; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $res): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>   
                        <option data-tokens="<?php echo e($res->id); ?>"><?php echo e($res->name); ?></option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>                       
                    </select>
                </div>
                <div class="col-lg-6 col-md-9 col-sm-12">
                    <label>Item</label>
                    <select class="form-control selectpicker" data-live-search="true" data-size="4">
                        <option data-tokens="item 1">Item 1</option>
                        <option data-tokens="item 2">Item 2</option>
                        <option data-tokens="item 3">Item 3</option>
                        <option data-tokens="item 4">Item 4</option>
                        <option data-tokens="item 5">Item 5</option>
                        <option data-tokens="item 6">Item 6</option>
                    </select>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-lg-6 col-md-9 col-sm-12">
                    <label>Trade</label>
                    <select class="form-control selectpicker" data-live-search="true" data-size="4">
                        <option data-tokens="Trade 1">Trade 1</option>
                        <option data-tokens="Trade 2">Trade 2</option>
                        <option data-tokens="Trade 3">Trade 3</option>
                        <option data-tokens="Trade 4">Trade 4</option>
                        <option data-tokens="Trade 5">Trade 5</option>
                        <option data-tokens="Trade 6">Trade 6</option>
                    </select>
                </div>
                <div class="col-lg-6 col-md-9 col-sm-12">
                    <label>Sub Trade</label>
                    <select class="form-control selectpicker" data-live-search="true" data-size="4">
                        <option data-tokens="Sub Trade 1">Sub Trade 1</option>
                        <option data-tokens="Sub Trade 2">Sub Trade 2</option>
                        <option data-tokens="Sub Trade 3">Sub Trade 3</option>
                        <option data-tokens="Sub Trade 4">Sub Trade 4</option>
                        <option data-tokens="Sub Trade 5">Sub Trade 5</option>
                        <option data-tokens="Sub Trade 6">Sub Trade 6</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 text-center">
                    <a href="#" class="btn font-weight-bold btn-light-primary">Filter</a>
                </div>
            </div>

            <hr class="mt-5 mb-5">
            
            <div class="row">
                <div class="col-sm-12">
                    <!-- Datatable (JS in datatable-custom.js) -->
                    <table class="table table-bordered mt-15 table_hq_create_ro table-hover" id="hq_create_ro">
                        <thead>
                            <tr>
                                <th>Select #</th>
                                <th>RF#</th>
                                <th>Item Description</th>
                                <th>Unit</th>
                                <th>Qty</th>
                                <th>Requested</th>
                                <th>Requested by</th>
                                <th>Contact</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="checkbox" name="Checkboxes1">1</td>
                                <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC28082021001</a></td>
                                <td>Item description asdad asd as asd ad</td>
                                <td>128</td>
                                <td>Nos</td>
                                <td>28/08/2021</td>
                                <td>Janet Tan</td>
                                <td>017-330 5149</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" name="Checkboxes1">2</td>
                                <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC25082021001</a></td>
                                <td>Item description asdad asd as asd ad</td>
                                <td>76</td>
                                <td>Kg</td>
                                <td>25/08/2021</td>
                                <td>Janet Tan</td>
                                <td>017-330 5149</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" name="Checkboxes1">3</td>
                                <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC23082021001</a></td>
                                <td>Item description asdad asd as asd ad</td>
                                <td>58</td>
                                <td>Kg</td>
                                <td>23/08/2021</td>
                                <td>Cyndy Wong</td>
                                <td>012-225 9887</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" name="Checkboxes1">4</td>
                                <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC15072021001</a></td>
                                <td>Item description asdad asd as asd ad</td>
                                <td>236</td>
                                <td>M3</td>
                                <td>15/07/2021</td>
                                <td>Chris Lim</td>
                                <td>017-217 8990</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" name="Checkboxes1">5</td>
                                <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC15072021001</a></td>
                                <td>Item description asdad asd as asd ad</td>
                                <td>115</td>
                                <td>Kg	</td>
                                <td>15/07/2021</td>
                                <td>Chris Lim</td>
                                <td>017-217 8990</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-sm-12 text-center">
                    <a href="#" class="btn font-weight-bold btn-primary">Proceed</a>
                </div>
            </div>

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

            <div class="row mb-0">
                <div class="col-sm-12">
                    <table class="table table-bordered table-ro-selected">
                        <tr>
                            <th>#</th>
                            <th>RF#</th>
                            <th>Item Description</th>
                            <th>Unit</th>
                            <th>Qty</th>
                            <th>Requested</th>
                            <th>Requested by</th>
                            <th>Contact</th>
                            <th>Action</th>
                        </tr>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>RF-AC28082021001</td>
                                <td>Item description asdad asd as asd ad</td>
                                <td>128</td>
                                <td>Nos</td>
                                <td>28/08/2021 	</td>
                                <td>Janet Tan</td>
                                <td>017-330 5149</td>
                                <td>
                                    <a href="javascript:;" data-repeater-delete="" data-toggle="modal" data-target="#delete_rf_item" class="action-btn">
                                        <i class="fas fa-trash-alt"></i>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>RF-AC28082021001</td>
                                <td>Item description asdad asd as asd ad</td>
                                <td>128</td>
                                <td>Nos</td>
                                <td>28/08/2021 	</td>
                                <td>Janet Tan</td>
                                <td>017-330 5149</td>
                                <td>
                                    <a href="javascript:;" data-repeater-delete="" data-toggle="modal" data-target="#delete_rf_item" class="action-btn">
                                        <i class="fas fa-trash-alt"></i>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>RF-AC28082021001</td>
                                <td>Item description asdad asd as asd ad</td>
                                <td>128</td>
                                <td>Nos</td>
                                <td>28/08/2021 	</td>
                                <td>Janet Tan</td>
                                <td>017-330 5149</td>
                                <td>
                                    <a href="javascript:;" data-repeater-delete="" data-toggle="modal" data-target="#delete_rf_item" class="action-btn">
                                        <i class="fas fa-trash-alt"></i>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>RF-AC28082021001</td>
                                <td>Item description asdad asd as asd ad</td>
                                <td>128</td>
                                <td>Nos</td>
                                <td>28/08/2021 	</td>
                                <td>Janet Tan</td>
                                <td>017-330 5149</td>
                                <td>
                                    <a href="javascript:;" data-repeater-delete="" data-toggle="modal" data-target="#delete_rf_item" class="action-btn">
                                        <i class="fas fa-trash-alt"></i>
                                    </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

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

            <div class="row">
                <div class="col-sm-12">
                    <h5>PO Details</h5>
                    <form>
                        <div class="form-group row">
                            <div class="col-sm-6">
                                <label class="col-form-label text-right mr-5">PO#:</label>
                                <input type="text" class="form-control" placeholder="Fill in PO#" />
                            </div>
                            <div class="col-sm-6">
                                <label class="col-form-label text-right mr-5">PO Date:</label>
                                <input type="text" class="form-control" id="kt_datepicker_4_1" placeholder="Select PO Date" />
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-6">
                                <label class="col-form-label text-right mr-5">Select Vendor:</label>
                                <select class="form-control selectpicker" data-live-search="true" data-size="3">
                                    <option disabled selected>Vendor Company</option>
                                    <option data-tokens="ABC Sdn Bhd">ABC Sdn Bhd</option>
                                    <option data-tokens="CCC Sdn Bhd">CCC Sdn Bhd</option>
                                    <option data-tokens="KKK Sdn Bhd">KKK Sdn Bhd</option>
                                    <option data-tokens="KKK Sdn Bhd">KKK Sdn Bhd</option>
                                    <option data-tokens="KKK Sdn Bhd">KKK Sdn Bhd</option>
                                </select>
                            </div>
                            <div class="col-sm-6">
                                <label class="col-form-label text-right mr-5">Upload PO file:</label>
                                <div class="row">
                                    <div class="col-sm-9">
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" id="customFile"/>
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <a href="#img1" class="btn btn-light-dark font-weight-bold">
                                            View Image
                                        </a>
                                        <a href="#" class="lightbox" id="img1">
                                            <span style="background-image: url('assets/media/floorplan.jpg')"></span>
                                        </a>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </form>
                </div>
                
                <div class="col-sm-12 text-center">
                    <a href="#" class="btn font-weight-bold btn-primary">Save</a>
                </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 Delete RF Item -->
            <div class="modal fade" id="delete_rf_item" tabindex="-1" role="dialog" aria-labelledby="delete_rf_item" 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-12 text-center">
                                    <i class="fas fa-exclamation-circle text-danger font-size-h1"></i>
                                    <p class="font-size-h3 mt-3">Are you sure to reject the item?</p>
                                    <h3>Item description asdad asd as asd ad</h3>
                                    <form>
                                        <input class="form-control" type="text" placeholder="Reason of rejection">
                                    </form>
                                </div>
                            </div>

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-light-success font-weight-bold">Confirm</button>
                            <button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">Cancel</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 D:\laravel\inventory\resources\views/ro/create.blade.php ENDPATH**/ ?>