000

@extends('dashboard.layouts.app')
@section('title','Edit Bill Of Material')
@section('style')
<style type="text/css">
	span.close-now {
    background: red;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    border-radius: 50%;
    padding: 3px;
    color: #fff;
    margin-top: 30px;
}
</style>
@endsection
@section('content')
<div class="main-content">
	<div class="main-content-inner">
		<div class="breadcrumbs ace-save-state" id="breadcrumbs">
			<ul class="breadcrumb">
				<li>
					<i class="ace-icon fa fa-home home-icon"></i>
					<a href="#">Home</a>
				</li>
				<li class="active">Edit Bill Of Material</li>
			</ul>
		</div>

<div class="row">
				<div class="panel panel-primary">
							<div class="panel-heading">
								<h3 class="panel-title">Edit Bill Of Material</h3>
							</div>
							<div class="panel-body">
				
				<form action="{{ URL('/user/bill-of-material/'.$billOfMaterial->id.'/update') }}" role="form" method="post" id="editBillOfMaterialForm" enctype="multipart/form-data">
					{{csrf_field()}}
				
					<div class="row grid-margin">
						<div class="col-lg-3">
						<div class="form-group">
						<label>BOM Submitted By :</label>
						<input type="text" id="requested_by" value="{{ $billOfMaterial->requested_by }}" name="requested_by" onkeyup="get_requested_by(this)"  placeholder="Enter Requestor Name" class="form-control">
						</div>
					</div> 
					
					<div class="col-lg-3">
						<div class="form-group">
							<label for="module_id">BOM Category :</label>
							<select class="form-control e1" id="project_category" name="project_category" onchange="get_project_category(this)">
								<option value="">Select Project Category</option>
								@foreach($project_categories as $project_category)
								<option value="{{$project_category->id}}" {{ $billOfMaterial->project_category == $project_category->name ? 'selected' : '' }}>{{$project_category->name}}</option>
								@endforeach
							</select>
							<span class="label label-danger" id="add_project_category_error" style="display: none;"></span>
						</div>
					</div>  
					
					<div class="col-lg-3">
						<div class="form-group">
							<label>BOM Product Name:</label>
							<select class="form-control e1" id="product" name="product" onchange="get_product(this)">
								<option value="">Select Product</option>
								@foreach($products as $product)
								<option value="{{$product->id}}" {{ $billOfMaterial->product_id == $product->product_name ? 'selected' : '' }}>{{$product->product_name}}</option>
								@endforeach
							</select>
							<span class="label label-danger" id="add_product_error" style="display: none;"></span>
						</div>
					</div>
					
					<div class="col-lg-3">
						<div class="form-group">
							<label>Business Unit :</label>
							<select class="form-control e1" id="business_unit" name="business_unit" onchange="get_business_unit(this)">
								<option value="">Select Business Unit</option>
								@foreach($business_units as $business_unit)
								<option value="{{$business_unit->id}}" {{ $billOfMaterial->business_unit == $business_unit->id ? 'selected' : '' }}>{{$business_unit->name}} - {{$business_unit->short_name}}</option>
								@endforeach
							</select>
							<span class="label label-danger" id="add_business_unit_error" style="display: none;"></span>
						</div>
					</div>
					</div>
					<div class="row grid-margin">
					<div class="col-lg-3">
						<div class="form-group">
						<label>BOM Version(M.M.R):</label>
						<input type="text" id="version" name="version" value="{{ $billOfMaterial->version }}" onkeyup="get_version(this)" placeholder="Enter Version(1.0.0)" class="form-control">
						</div>
					</div>
					<div class="col-lg-3">
						<div class="form-group">
						<label>BOM Creation Date :</label>
						<input type="date" id="bom_date" name="bom_date" value="{{ $billOfMaterial->bom_date }}" onkeyup="get_bom_date(this)"  placeholder="Enter BOM Creation Date" class="form-control">
						</div>
					</div>
                   <div class="col-lg-3">
						<div class="form-group">
						<label>BOM Project Name:</label>
						<input type="text" id="project" name="project" value="{{ $billOfMaterial->project }}" onkeyup="get_project(this)" placeholder="Enter Project Name" class="form-control">
						</div>
					</div>
					
					<div class="col-md-3">
						<div class="form-group">
							<label for="name">BOM Reference Document :</label>
							<input class="form-control" type="file" name="document1" id="document1" onchange="getFile1(this)">
							@if($billOfMaterial->document1)
								<a href="{{ asset($billOfMaterial->document1) }}" target="_blank">View Current Document</a>
							@endif
							<span class="label label-danger" id="add_document1_error" style="display: none;"></span>
						</div>
					</div>
				</div>
				<div class="row grid-margin">
				<div class="col-lg-3">
                    <div class="form-group">
                    <label for="bom_comment">Description :</label>
                    <textarea id="bom_comment" name="bom_comment" onkeyup="get_bom_comment(this)" placeholder="Enter Remark" class="form-control">{{ $billOfMaterial->bom_comment }}</textarea>
                     </div>
                     </div> 
				</div>
				<hr>
				<hr>
				<div class="row grid-margin">
					<div class="col-lg-4">
					<h4 class="card-title">Item List</h4>
					</div> 
					<div class="col-lg-8">
						<select class="e1" name="code" id="Code" class="form-control" onchange="addselectedItem(this.value)">
					        <option value="">Search and Enter Item Code</option>
                              @foreach($items as $item)
					        <option value="{{$item->code}}">{{$item->code}}({{$item->description}})</option>
                              @endforeach
					    </select>
					</div>
				</div> 
				<div class="clearfix">
					<div class="pull-right tableTools-container">
					</div>
				</div>
				<div>
					<table class="table table-striped table-bordered">
						<thead>
							<tr>
								<th> Item Code</th> 
								<th> Description</th>
								<th>Make</th>
								<th>UOM</th> 
								<th>Specification</th> 
								<th> Qty</th> 
								<th> Unit Price </th>
								<th> Total </th>
								<th> --- </th>
							</tr>
						</thead> 
						<tbody id="tbody">
						@foreach($bom_items as $item)
						<tr id="item_{{ $item->id }}">
							<td>{{ $item->item_code }}</td>
							<td>{{ $item->description ?? '' }}</td>
							<td><input type="text" id="input_{{ $item->id }}" name="make" placeholder="Make" value="{{ $item->make }}" onkeyup="getMake(this,{{ $item->id }})" required/></td>
							<td>{{ $item->Uom ?? '' }}</td>
							<td><input type="text" id="input_{{ $item->id }}" name="specification" placeholder="Specification" value="{{ $item->specification }}" onkeyup="getSpecification(this,{{ $item->id }})" required/></td>
							<td><input type="text" id="input_{{ $item->id }}" onkeypress="return onlyCurrency(event)"  onblur="check_zero(this)" data-id="id_{{ $item->bom_id }}_{{ $item->id }}" name="item_qty[{{ $item->id }}]" onkeyup="getvalue(this,{{ $item->id }})" value="{{ $item->qty }}" style="width:100px;" /> </td>
							<td><input type="text" id="input_{{ $item->id }}" onkeypress="return onlyCurrency(event)"  onblur="check_zero(this)" data-id="id_{{ $item->bom_id }}_{{ $item->id }}" name="item_rate[{{ $item->id }}]" onkeyup="getRate(this,{{ $item->id }})" value="{{ $item->rate }}"/></td>
							<td id="itemtotal_{{ $item->id }}">{{ $item->qty * $item->rate }}</td>
							<td><button type="button" class="btn btn-sm btn-danger" onclick="deleteItem({{ $item->id }})"><i class="fa fa-trash"></i></button></td>
						</tr>
						<tr id="itemm_{{ $item->id }}">
							<td><input type="text" id="input_{{ $item->id }}" name="recomended" placeholder="Recomended" value="{{ $item->recomended }}" onkeyup="getRecomended(this,{{ $item->id }})"/></td>
							<td><input type="text" id="input_{{ $item->id }}" name="remark" placeholder="Remarks" value="{{ $item->remark }}" onkeyup="getRemark(this,{{ $item->id }})"/></td>
						</tr>
						@endforeach
						</tbody>
					</table> 
				</div>
				<div class="row grid-margin">
					 <div class="col-md-9">
					 </div>
					<div class="col-md-3">
					<div class="form-group">
						<label>Grand Total :</label>
					<input type="text" id="bom_amount" name="bom_amount"  class="form-control" readonly>
					</div>
					</div>
				</div>
				<button type="submit" id="updateOrderBtn" class="btn btn-primary float-right">Update</button>
				</form>
							</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection
@section('script')
{{ Html::script("assets/js/jquery.dataTables.min.js")}}
{{ Html::script("assets/js/jquery.dataTables.bootstrap.min.js")}}
{{ Html::script("assets/js/dataTables.buttons.min.js")}}
{{ Html::script("assets/js/buttons.flash.min.js")}}
{{ Html::script("assets/js/buttons.html5.min.js")}}
{{ Html::script("assets/js/buttons.print.min.js")}}
{{ Html::script("assets/js/buttons.colVis.min.js")}}
{{ Html::script("assets/js/dataTables.select.min.js")}}
{{ Html::script("assets/js/ace-elements.min.js")}}
{{ Html::script("assets/js/ace.min.js")}}
<script type="text/javascript">
// Initialize bomData with existing BOM and items
var bomData = {
    items: [
        @foreach($bom_items as $item)
        {
            id: {{ $item->id }},
            code: "{{ $item->item_code }}",
            description: "{{ $item->description ?? '' }}",
            make: "{{ $item->make }}",
            Uom: "{{ $item->Uom ?? '' }}",
            specification: "{{ $item->specification }}",
            qty: {{ $item->qty }},
            rate: {{ $item->rate }},
            total: {{ $item->qty * $item->rate }},
            recomended: "{{ $item->recomended }}",
            remark: "{{ $item->remark }}"
        },
        @endforeach
    ],
    version: "{{ $billOfMaterial->version }}",
    project_category: "{{ $billOfMaterial->project_category }}",
    description: "{{ $billOfMaterial->bom_comment }}",
    project: "{{ $billOfMaterial->project }}",
    requested_by: "{{ $billOfMaterial->requested_by }}",
    source: '',
    bom_comment: "{{ $billOfMaterial->bom_comment }}",
    supplier_contact: '',
    site_name: '',
    vertical: '',
    product: "{{ $billOfMaterial->product_id }}",
    business_unit: "{{ $billOfMaterial->business_unit }}",
    bom_date: "{{ $billOfMaterial->bom_date }}",
    _token: $('meta[name="_token"]').attr('content')
};
localStorage.setItem('bomData', JSON.stringify(bomData));