@extends('layouts.app')

@section('title') Requisition @endsection

@section('content')
@php
    $residential_id = Request::segment(3);
    // echo '[residential_id] '.$residential_id;
@endphp
<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="d-flex align-items-stretch justify-content-between mb-2">
                <div class="d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap mr-15">
                    <h4 class="d-inline-block mb-0 mr-3">Status : </h4>
                    <span class="label label-danger label-pill label-inline mr-2">New</span>
                    <span class="label label-info label-pill label-inline mr-2">Pending</span>
                    <span class="label label-success label-inline mr-2">Completed</span>
                    <span class="label label-warning label-inline mr-2">In process</span>
                </div>

                <div class="d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
                    <a href="{{ url('admin/requisition/'.$residential_id.'/create') }}" class="btn btn-light-primary font-weight-bolder"><i class="la la-plus"></i>New</a>
                </div>
		</div> --}}
            <div class="row">
                <div class="col-sm-12">
					<div class="d-flex align-items-stretch justify-content-between mb-2">
						<div class="d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap mr-15">
							<ul class="nav nav-pills basic-tabs" id="rflist_Tab">								
								<li class="nav-item">
									<a class="nav-link pending active" data-toggle="tab" href="#pending">
										<span class="nav-text">Pending</span>
									</a>
								</li>
								<li class="nav-item">
									<a class="nav-link approve" data-toggle="tab" href="#approve">
										<span class="nav-text">Approved</span>
									</a>
								</li>
								<li class="nav-item">
									<a class="nav-link po" data-toggle="tab" href="#po">
										<span class="nav-text">PO Processed</span>
									</a>
								</li>
								<li class="nav-item">
									<a class="nav-link do" data-toggle="tab" href="#do">
										<span class="nav-text">DO Processed</span>
									</a>
								</li>								
								<li class="nav-item">
									<a class="nav-link completed" data-toggle="tab" href="#completed">
										<span class="nav-text">Completed</span>
									</a>
								</li>
								<li class="nav-item">
									<a class="nav-link rejected" data-toggle="tab" href="#rejected">
										<span class="nav-text">Rejected</span>
									</a>
								</li>
							</ul>
						</div>

						<div class="d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
							<a href="{{ url('admin/requisition/'.$residential_id.'/create') }}" class="btn btn-light-primary font-weight-bolder"><i class="la la-plus"></i>Add</a>
						</div>
					</div>
                    <!--ul class="nav nav-pills basic-tabs" id="rflist_Tab">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#pending">
                                <span class="nav-text">Pending</span>
                            </a>
                        </li>
						<li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#po_processed">
                                <span class="nav-text">PO Processed</span>
                            </a>
                        </li>
						<li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#do_processed">
                                <span class="nav-text">DO Processed</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#completed">
                                <span class="nav-text">Completed</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#rejected">
                                <span class="nav-text">Rejected</span>
                            </a>
                        </li>
                    </ul-->

                    <div class="tab-content rflist_Tab mt-5" id="rflistTabContent">
                        <div class="tab-pane fade show active" id="pending" role="tabpanel" aria-labelledby="pending">
                            <!-- Datatable (JS in datatable-custom.js) -->
                            <table class="table table-bordered mt-15 table_hq_rflist_pending table-hover" id="hq_rflist_pending">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>RF #</th>
                                        <th>Item Description</th>
                                        <th>Qty</th>
                                        <th>Unit</th>                                        
                                        <th>PO #</th>
                                        <th>Qty</th>
                                        <th>Requested</th>
                                        <th>Requested by</th>
                                        <th>Contact</th>
                                        <th>Action</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>PO-123456</td>
                                        <td>100</td>
                                        <td>28/08/2021</td>
                                        <td>Janet Tan</td>
                                        <td>017-330 5149</td>
                                        <td></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>PO-123456</td>
                                        <td>76</td>
                                        <td>25/08/2021</td>
                                        <td>Janet Tan</td>
                                        <td>017-330 5149</td>
                                        <td></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>PO-22345</td>
                                        <td>58</td>
                                        <td>23/08/2021</td>
                                        <td>Cyndy Wong</td>
                                        <td>012-225 9887</td>
                                        <td></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>PO-22345</td>
                                        <td>236</td>
                                        <td>15/07/2021</td>
                                        <td>Chris Lim</td>
                                        <td>017-217 8990</td>
                                        <td></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></td>
                                        <td></td>
                                        <td>15/07/2021</td>
                                        <td>Chris Lim</td>
                                        <td>017-217 8990</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox" name="Checkboxes1">6</td>
                                        <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC09072021001</a></td>
                                        <td>Item description asdad asd as asd ad</td>
                                        <td>58</td>
                                        <td>Nos</td>
                                        <td></td>
                                        <td></td>
                                        <td>09/07/2021</td>
                                        <td>Janet Tan</td>
                                        <td>017-330 5149</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox" name="Checkboxes1">7</td>
                                        <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC09072021001</a></td>
                                        <td>Item description asdad asd as asd ad</td>
                                        <td>14</td>
                                        <td>Nos</td>
                                        <td></td>
                                        <td></td>
                                        <td>09/07/2021</td>
                                        <td>Janet Tan</td>
                                        <td>017-330 5149</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox" name="Checkboxes1">8</td>
                                        <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC09072021001</a></td>
                                        <td>Item description asdad asd as asd ad</td>
                                        <td>72</td>
                                        <td>M3</td>
                                        <td></td>
                                        <td></td>
                                        <td>09/07/2021</td>
                                        <td>Janet Tan</td>
                                        <td>017-330 5149</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox" name="Checkboxes1">9</td>
                                        <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC09072021001</a></td>
                                        <td>Item description asdad asd as asd ad</td>
                                        <td>33</td>
                                        <td>Nos</td>
                                        <td></td>
                                        <td></td>
                                        <td>27/06/2021</td>
                                        <td>Cyndy Wong</td>
                                        <td>012-225 9887</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox" name="Checkboxes1">10</td>
                                        <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC27062021001</a></td>
                                        <td>Item description asdad asd as asd ad</td>
                                        <td>347</td>
                                        <td>Kg</td>
                                        <td></td>
                                        <td></td>
                                        <td>28/08/2021</td>
                                        <td>Cyndy Wong</td>
                                        <td>012-225 9887</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox" name="Checkboxes1">11</td>
                                        <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC27062021001</a></td>
                                        <td>Item description asdad asd as asd ad</td>
                                        <td>148</td>
                                        <td>Kg</td>
                                        <td></td>
                                        <td></td>
                                        <td>27/06/2021</td>
                                        <td>Cyndy Wong</td>
                                        <td>012-225 9887</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox" name="Checkboxes1">12</td>
                                        <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC27062021001</a></td>
                                        <td>Item description asdad asd as asd ad</td>
                                        <td>107</td>
                                        <td>M3</td>
                                        <td></td>
                                        <td></td>
                                        <td>27/06/2021</td>
                                        <td>Cyndy Wong</td>
                                        <td>012-225 9887</td>
                                        <td></td>
								</tr> --}}
                                </tbody>
                            </table>

                            <div class="row">
                                <div class="col-sm-12 mt-5">
                                    <a href="" class="btn btn-primary font-weight-bold" data-toggle="modal" data-target="#po_details_update">Create PO Details</a>
                                </div>
                            </div>
                        </div>
						
						<div class="tab-pane fade" id="approve" role="tabpanel" aria-labelledby="po">
                            <!-- Datatable (JS in datatable-custom.js) -->
                            <table class="table table-bordered table-hover mt-15 table_hq_rflist_po" id="hq_rflist_approve">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>RF#</th>
                                        <th>Requested</th>
                                        <th>Requested by</th>
                                        <th>Contact</th>
                                        <th>PO Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>RF-AC25082021002</td>
                                        <td>25/08/2021</td>
                                        <td>Cyndy Wong</td>
                                        <td>012-225 9887</td>
                                        <td>Cmp 5/5</td>
                                        <td></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                
                        <div class="tab-pane fade" id="po" role="tabpanel" aria-labelledby="po">
                            <!-- Datatable (JS in datatable-custom.js) -->
                            <table class="table table-bordered table-hover mt-15 table_hq_rflist_po" id="hq_rflist_po">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>RF#</th>
                                        <th>Requested</th>
                                        <th>Requested by</th>
                                        <th>Contact</th>
                                        <th>PO Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>RF-AC25082021002</td>
                                        <td>25/08/2021</td>
                                        <td>Cyndy Wong</td>
                                        <td>012-225 9887</td>
                                        <td>Cmp 5/5</td>
                                        <td></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
						
						<div class="tab-pane fade" id="do" role="tabpanel" aria-labelledby="do">
                            <!-- Datatable (JS in datatable-custom.js) -->
                            <table class="table table-bordered table-hover mt-15 table_hq_rflist_do" id="hq_rflist_do">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>RF#</th>
                                        <th>Requested</th>
                                        <th>Requested by</th>
                                        <th>Contact</th>
                                        <th>DO Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>RF-AC25082021002</td>
                                        <td>25/08/2021</td>
                                        <td>Cyndy Wong</td>
                                        <td>012-225 9887</td>
                                        <td>Cmp 5/5</td>
                                        <td></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
						
						<div class="tab-pane fade" id="completed" role="tabpanel" aria-labelledby="completed">
                            <!-- Datatable (JS in datatable-custom.js) -->
                            <table class="table table-bordered table-hover mt-15 table_hq_rflist_completed" id="hq_rflist_completed">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>RF#</th>
                                        <th>Requested</th>
                                        <th>Requested by</th>
                                        <th>Contact</th>
                                        <th>PO Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>RF-AC25082021002</td>
                                        <td>25/08/2021</td>
                                        <td>Cyndy Wong</td>
                                        <td>012-225 9887</td>
                                        <td>Cmp 5/5</td>
                                        <td></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                
                        <div class="tab-pane fade" id="rejected" role="tabpanel" aria-labelledby="rejected">
                            <!-- Datatable (JS in datatable-custom.js) -->
                            <table class="table table-bordered table-hover mt-15 hq_rflist_rejected" id="hq_rflist_rejected">
                                <thead>
                                    <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>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC28082021001</a></td>
                                        <td>Item 1 odfgjfd skdsf</td>
                                        <td>Kg</td>
                                        <td>118</td>
                                        <td>28/08/2021</td>
                                        <td>Janet Tan</td>
                                        <td>017-330 5149</td>
                                        <td>Items stock still adequate</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC05072021001</a></td>
                                        <td>Item 2 odfgjfd skdsf</td>
                                        <td>Nos</td>
                                        <td>369</td>
                                        <td>05/07/2021</td>
                                        <td>Janet Tan</td>
                                        <td>017-330 5149</td>
                                        <td>Items stock still adequate</td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td><a href="#" class="action-btn" data-toggle="modal" data-target="#requisition_form">RF-AC06052021001</a></td>
                                        <td>Item 3 odfgjfd skdsf</td>
                                        <td>Kg</td>
                                        <td>53</td>
                                        <td>06/05/2021</td>
                                        <td>Janet Tan</td>
                                        <td>017-330 5149</td>
                                        <td>wrong items requested</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </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-xl" role="document">
                    <div class="modal-content">
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-sm-5">
                                    <h1>Requisition Form</h1>
                                    <h5 class="rf_no"></h5>
                                </div>
                                <div class="col-sm-7">
                                    <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('{{ asset('/images/logo/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"></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-primary font-weight-bold btnCreatePO" data-rf-id="" data-action="create_po">Create PO</button> --}}
							<button type="button" class="btn btn-success font-weight-bold btnApproveRf" data-rf-id="" data-action="approve" data-no="">Approve RF</button>
                            <button type="button" class="btn btn-danger font-weight-bold btnRejectRf" data-rf-id="" data-action="reject" data-no="">Reject RF</button>
                            <button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Modal RF Completed Details -->
            <div class="modal fade" id="requisition_form_completed_details" tabindex="-1" role="dialog" aria-labelledby="requisition_form_completed_details" 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>25/08/2021</td>
                                            </tr>
                                            <tr>
                                                <td>Requested by :</td>
                                                <td>Cyndy Wong</td>
                                            </tr>
                                            <tr>
                                                <td>Contact # :</td>
                                                <td>012-225 9887</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>

                                <div class="col-sm-12">
                                    <table class="table table-bordered table-rf-statusPO mt-5">
                                        <tr>
                                            <th>#</th>
                                            <th>Item Description</th>
                                            <th>Unit</th>
                                            <th>Qty</th>
                                            <th>Order</th>
                                            <th>PO#</th>
                                            <th>Vendor</th>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>Item 1</td>
                                            <td>Nos</td>
                                            <td>128</td>
                                            <td>100</td>
                                            <td><a href="assets/document/po-sample.pdf" target="_blank">PO123456</a></td>
                                            <td>ABC Sdn Bhd</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>Item 2</td>
                                            <td>Kg</td>
                                            <td>34</td>
                                            <td>34</td>
                                            <td><a href="assets/document/po-sample.pdf" target="_blank">PO345678</a></td>
                                            <td>XYZ Sdn Bhd</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>Item 3</td>
                                            <td>Nos</td>
                                            <td>67</td>
                                            <td>67</td>
                                            <td><a href="assets/document/po-sample.pdf" target="_blank">PO123456</a></td>
                                            <td>ABC Sdn Bhd</td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td>Item 4</td>
                                            <td>M3</td>
                                            <td>257</td>
                                            <td>168</td>
                                            <td><a href="assets/document/po-sample.pdf" target="_blank">PO567890</a></td>
                                            <td>KKK Sdn Bhd</td>
                                        </tr>
                                        <tr>
                                            <td>5</td>
                                            <td>Item 5</td>
                                            <td>M3</td>
                                            <td>89</td>
                                            <td>89</td>
                                            <td><a href="assets/document/po-sample.pdf" target="_blank">PO567890</a></td>
                                            <td>KKK Sdn Bhd</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>

            <!-- Modal PO Details Update -->
            <div class="modal fade" id="po_details_update" tabindex="-1" role="dialog" aria-labelledby="po_details_update" 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">PO Details Update</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_do_detail_update">
                                        <tr>
                                            <th>#</th>
                                            <th>RF#</th>
                                            <th>Item Description</th>
                                            <th>Unit</th>
                                            <th>Qty</th>
                                            <th>Order</th>
                                            <th>Remarks</th>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>RF-AC28082021001</td>
                                            <td>Item 1 description asldkjd lasd lsa d as</td>
                                            <td>Nos</td>
                                            <td>128</td>
                                            <td><input class="form-control" type="number" min="0" placeholder="Ordered qty"></td>
                                            <td><input class="form-control" type="text" placeholder="Remarks"></td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>RF-AC23082021001</td>
                                            <td>Item 1 description asldkjd lasd lsa d as</td>
                                            <td>Kg</td>
                                            <td>58</td>
                                            <td><input class="form-control" type="number" min="0" placeholder="Ordered qty"></td>
                                            <td><input class="form-control" type="text" placeholder="Remarks"></td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td>RF-AC15072021001</td>
                                            <td>Item 1 description asldkjd lasd lsa d as	</td>
                                            <td>M3</td>
                                            <td>236</td>
                                            <td><input class="form-control" type="number" min="0" placeholder="Ordered qty"></td>
                                            <td><input class="form-control" type="text" placeholder="Remarks"></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>

                            <form>
                                <div class="form-group row">
                                    <div class="col-sm-4">
                                        <label class="col-form-label text-right mr-5">Select PO File:</label>
                                        <select class="form-control selectpicker" data-live-search="true" data-size="3">
                                            <option disabled selected>Select PO</option>
                                            <option data-tokens="PO123456 - ABC Sdn Bhd">PO123456 - ABC Sdn Bhd</option>
                                            <option data-tokens="PO234567 - CCC Sdn Bhd">PO234567 - CCC Sdn Bhd</option>
                                            <option data-tokens="PO345678 - XYZ Sdn Bhd">PO345678 - XYZ Sdn Bhd</option>
                                            <option data-tokens="PO567890 - XYZ Sdn Bhd">PO567890 - XYZ Sdn Bhd</option>
                                            <option data-tokens="PO999999 - KKK Sdn Bhd">PO999999 - KKK Sdn Bhd</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-sm-12">
                                        <p>OR upload a new PO file following:</p>
                                    </div>
                                </div>

                                <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="custom-file">
                                            <input type="file" class="custom-file-input" id="customFile"/>
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>
                                    </div>
                                </div>
                            </form>

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

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

<!-- Modal PO -->
<div class="modal fade" id="po_form" tabindex="-1" role="dialog" aria-labelledby="po_form" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-xl" role="document">
		<div class="modal-content">
			<div class="modal-body">
			
				<div class="row">
					<div class="col-sm-5">
						<h1>Purchase Order</h1>
						<h5 class="po_no"></h5>
					</div>
					{{--<div class="col-sm-7">
						<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('{{ asset('/images/logo/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"></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-po 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 class="row">
					<div class="col-sm-12">
						<div class="col-sm-3">
							<a href="#img1" class="btn btn-light-dark font-weight-bold">
								View PO File
							</a>
							<a href="#" class="lightbox" id="img1">
							{{-- <div class="logo-rf" style="background-image: url('{{ asset('/images/logo/arte-cheras.png') }}');"></div> --}}
								<span style="background-image: url('{{ asset('images/2/floorplan.jpg') }}"></span>
							</a>
						</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>

    
@endsection

@section('custom_js')
<script src="{{ asset('js/requisition.js') }}"></script>
@endsection