<?php
    $page 	= Request::segment(4);
	$title	= "Create";
	
	if($page == "edit") {
		$title = "Edit";
	}
?>


<?php $__env->startSection('title'); ?> DO |  <?php echo e($title); ?> <?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">
					<h4>DO Details</h4>
					<form id="DoDetail" data-do-id="">
						<div class="form-group row">
							<div class="col-sm-6">
								<label class="col-form-label text-right mr-5">DO#:</label>
								<input id="do_no" type="text" class="form-control" placeholder="Fill in DO#" />
							</div>
							<div class="col-sm-6">
								<div class="col-sm-12">
									<label class="col-form-label text-right mr-5">DO Date:</label>
									<input type="text" class="form-control datepicker" id="kt_datepicker_4_1" data-date-format="dd-mm-yyyy" placeholder="Select DO Date" />
								</div>
							</div>
						</div>
						<div class="form-group row">
						
							<div class="col-sm-6">
								<label class="col-form-label text-right mr-5">Upload DO file:</label>
								<div class="custom-file">
									<input type="file" class="custom-file-input" id="do_file"/>
									<label class="custom-file-label" for="po_file">Choose file</label>
								</div>
								<div class="img_preview mt-5"></div>
								<div class="doc_preview"></div>
							</div>
						</div>
					</form>
				</div>			
			</div>
			<hr>
			<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 title">  
				<?php if($page == "edit") { ?>					
					<label style="font-size:20px; font-weight:400;">PO No: &nbsp;&nbsp;<a class="modal-links rf_no" data-toggle="modal" data-target="#po_form" data-id=""></a></label>
				<?php } ?>				
                </div>

                <div class="d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">					
                    <a href="#" class="btn btn-primary font-weight-bolder btnAddNew" data-toggle="modal" data-target="#add_newDOItem"><i class="la la-plus"></i>Add</a>
                </div>
            </div>
            <div id="kt_repeater_2" data-po-id="" data-po-no="">
                <div class="form-group row mb-0">
                    <div class="col-sm-12">
					
                        <table class="table table-bordered table_rf_new_item new">
                            <tr>
                                <th style="width:5%;">#</th>
                                <th style="width:41%;">Item Name & Description</th>                                
                                <th style="width:9%;">Unit</th>
                                <th style="width:10%;">Qty</th>
                                
                                <th style="width:30%;">Remarks </th>
                                <th style="width:5%;">Action</th>
                            </tr>
                            <tbody>
                                
                            </tbody>
                            
                        </table>
                    </div>
                </div>
                
            </div>
			
			<hr>
            <div class="row">
                <div class="col-sm-12">
                    <p class="mb-0">Notes:</p>
                    <ol class="notes-list">
                        <li>Request forms done by site clerical personnel will be needed project manager's approval.</li>
                        <li>Request forms done by project manager will be auto-approved and sent to HQ.</li>
                    </ol>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12 text-center">
                    <a href="#" class="btn btn-primary font-weight-bolder btnProceed">Save</a>
                    
                </div>
            </div>
            
        </div>

    </div>
</div>
<!-- Modal PO Details Update -->
<div class="modal fade" id="add_newDOItem" tabindex="-1" role="dialog" aria-labelledby="add_newDOItem" 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">Add DO Item</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">
                        <div id="ListSearch"></div>
						<div id="ListItem" data-rf-id="" data-rf-no=""></div>
                    </div>
                </div>

            </div>
            <div class="modal-footer d-flex align-items-stretch justify-content-between">				
				<div class="d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap mr-15">
					<button type="button" class="btn btn-primary font-weight-bold btnBack">Back</button>
				</div>
				<div class="d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
					<button type="button" class="btn btn-primary font-weight-bold mr-3 btnConfirm">Add</button>					
					<button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">Close</button>
				</div>
            </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>Purchase Order 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('<?php echo e(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">						
						</div>
					</div>

					<div class="col-sm-12">
						<table class="table table-bordered table-rf mt-5">							
						</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 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>
				
				<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">									
						</div>
					</div>

					<div class="col-sm-12">
						<table class="table table-bordered table-po mt-5">                                       
						</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">										
								<span style="background-image: url('<?php echo e(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>


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

<?php $__env->startSection('custom_js'); ?>
<script src="<?php echo e(asset('js/vendor.js')); ?>"></script>
<script src="<?php echo e(asset('js/pages/crud/forms/widgets/form-repeater.js')); ?>"></script>
<script src="<?php echo e(asset('js/pages/crud/forms/widgets/bootstrap-datepicker.js')); ?>"></script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/superweb/public_html/demo.superweb.my/inventory/resources/views/vendor/do_create.blade.php ENDPATH**/ ?>