@extends('layouts.app')
@section('title', 'Masters')
@section('content')
<style type="text/css">
	.set_sur
	{
		cursor: pointer;
	}
select[readonly]
{
    pointer-events: none;
}
</style>
<div class="container-fluid">
	<div class="card shadow-lg">

		<div class="col-lg-12">
			<!-- Success message -->
			<script type="text/javascript">

			    $(function () {
					@if(Session::has('success'))
					new PNotify({
					title: 'Success',
					delay: 500,
					text:  "{{Session::get('success')}}",
					type: 'success'
					});

					@endif
					@if ($errors->any())
					 var err = "";
					 @foreach ($errors->all() as $error)


						new PNotify({
						title: 'Error',
						text: "{{$error}}",
						delay: 500,
						type: 'error'
						});
						@endforeach
					@endif
				});
		</script>
			<ul class="nav nav-tabs innerTab " id="allTab" role="tablist">
				<li class="nav-item " role="presentation" style="margin-left: 0px!important;">
					<button class="nav-link p-3 {{ ((session('tab_panel') != 'statutorylist') && (session('tab_panel') != 'pricing') && (session('tab_panel') != 'production_system')) ? 'active' : '' }}" id="users-tab" data-bs-toggle="tab" data-bs-target="#users" type="button" role="tab" aria-controls="users" aria-selected="false"><i class="fa-solid fa-clipboard"></i>&nbsp;Product Type</button>
				</li>
				<li class="nav-item" role="presentation">
					<button class="nav-link p-3 {{ session('tab_panel') == 'statutorylist' ? 'active' : '' }}" id="services-tab" data-bs-toggle="tab" data-bs-target="#services" type="button" role="tab" aria-controls="services" aria-selected="false"><i class="fa-solid fa-file-contract"></i>&nbsp;Statutory </button>
				</li>
				<li class="nav-item" role="pricing">
					<button class="nav-link p-3 {{ session('tab_panel') == 'pricing' ? 'active' : '' }}" id="pricing-tab" data-bs-toggle="tab" data-bs-target="#pricing" type="button" role="tab" aria-controls="services" aria-selected="false"><i class="fa-solid fa-hand-holding-dollar"></i>&nbsp;Pricing </button>
				</li>
				<li class="nav-item" role="pricing">
					<button class="nav-link p-3 {{ session('tab_panel') == 'production_system' ? 'active' : '' }}" id="pricing-tab" data-bs-toggle="tab" data-bs-target="#prod_system" type="button" role="tab" aria-controls="services" aria-selected="false"><i class="fa-solid fa-hands-holding-circle"></i>&nbsp;Production system </button>
				</li>

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

	<div class="row pt-3">
		<div class="col-lg-12" >
			<div class="tab-content" id="walletContent">
					<div class="col-md-12">

			</div>
				<div class="tab-pane {{((session('tab_panel') != 'statutorylist') && (session('tab_panel') != 'pricing') && (session('tab_panel') != 'production_system'))
				 ? 'active' : ''}} py-1" id="users" role="tabpanel" aria-labelledby="users-tab">
					@forelse($productTypes as $prod)

					<div class="card shadow-lg mt-2 ">
						<div class="card-header card_header">
							<div class="row">
								<div class="col-lg-10 col-md-9 col-sm-9"> {{$prod->product_type_name}} &nbsp;&nbsp;&nbsp;<span class="add_product set_sur" ><i class="fa-solid fa-circle-plus"></i></span>&nbsp;&nbsp;&nbsp;<span class="edit_product set_sur" data-id="{{$prod->id}}"><i class="fa-solid fa-pen-to-square"></i></span>
								</div>
								<div class="col-lg-2 col-md-3 col-sm-9"><span class="add_subproduct  set_sur" data-id="{{$prod->id}}" ><i class="fa-solid fa-circle-plus "></i>Add Sub Product</span></div>

							</div>
						</div>
						<div class="card-body p-0 ">
						@php $subpt = $prod->getSubProductType; @endphp
						@if(count($subpt) > 0)
							@foreach($subpt as $k1=> $a)
							<div class="row subProduct my-1">

								<div class=" col-lg-3 col-md-4 col-sm-6 ">
									@if($a->sub_product_icon != NULL || $a->sub_product_icon != "" )

										<img src="data:{{$a->icon_type}};base64,{{base64_encode($a->sub_product_icon)}}"  style='width:1.1rem;height:1.1rem; object-fit: contain'>
									@else
			                            <i class="fa-brands fa-product-hunt" style='width:1.1rem;height:1.1rem; object-fit: contain' ></i>
									@endif
									 &nbsp;<b>{{$a->subproduct_type_name}}</b>
								</div>
								<div class="col-lg-1 col-md-1 col-sm-1">
									<span class="edit_subproduct set_sur" data-id="{{$a->id}}"><i class="fa-solid fa-pen-to-square"></i></span>
								</div>
								<div class="col-lg-6 col-md-5 col-sm-1"></div>
								<div class="col-lg-2 col-md-3 col-sm-4">
								<span class="add_component set_sur" data-id ="{{$a->id}}"><i class="fa-solid fa-circle-plus "></i>Add Component</span>

								</div>
							</div>
							<div class="row px-3 ">

							@php $comp = $a->getProductComponent; @endphp
							@if(count($comp) > 0)
								@foreach($comp as $b)


								<div class="col-lg-3 col-md-3 col-sm-6   mt-2">
									@if($b->sub_product_component_icon != NULL || $b->sub_product_component_icon != "" )
										<img src="data:{{$b->icon_type}};base64,{{base64_encode($b->sub_product_component_icon)}}"  style='width:1rem;height:1rem; object-fit: contain'>
									  @else
			                            <i class="fa-brands fa-product-hunt" style='width:1rem;height:1rem; object-fit: contain'></i>

									@endif
									 &nbsp;{{$b->subproduct_component_name}}
								</div>
								<div class="col-lg-1 col-md-1  col-sm-6  mt-2">
									<span class="edit_component set_sur" data-id="{{$b->id}}"><i class="fa-solid fa-pen-to-square"></i></span></div>

									@endforeach

									@endif
								</div>
								@endforeach
							@else

								<!-- <div class="d-flex flex-row-reverse bd-highlight " >
									<div class="col-md-2 text-right mr-4"><span class="add_subproduct" data-id="{{$prod->id}}" ><i class="fa-solid fa-circle-plus "></i>Add Sub Product</span></div>
								</div> -->
							@endif

						</div>
					</div>
					@empty
					<div class="card shadow-lg">
						<div class="card-header card_header">
							<div class="col-md-12  ">
								<span class="add_product set_sur"><i class="fa-solid fa-circle-plus "></i>Add Product</span>
							</div>
						</div>
					</div>
					@endforelse
				</div>



				<div class="tab-pane {{ session('tab_panel') == 'statutorylist' ? 'active' : '' }}" id="services" role="tabpanel" aria-labelledby="services-tab">
					<div class="card  shadow">
						 <div class="card-header " >
                    		<h6 class="mt-0 text-left"> Statutory Detail </h6>
                		</div>
						<div class="card-body p-0 ">
							<table id="example" class="table table-striped table-bordered nowrap listtble" style="width:100%">
								<thead style="font-size: 15px;">
									<tr >
										<th>Sl no.</th>
										<th>Statutory Name</th>

										<th data-orderable="false">Is Active</th>
										<th data-orderable="false">Action</th>
										</tr>
									</thead>
									<tbody>
										@foreach($statutorylist as $k=>$s_list)
										<tr>
											<td>{{++$k}}</td>

											<td>{{ $s_list->statutory_name}}</td>

											<td><div class="form-check form-switch">
												<input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" value="{{ $s_list->id }}" onclick="statutoryStatus(this.value)" @if($s_list->is_active==1) checked @endif >
												<label class="form-check-label" for="flexSwitchCheckChecked"></label>
											</div></td>
											<td>
												<span onclick="editstatutory({{ $s_list->id }})" style="cursor:pointer"><img class="menuicon" src="{{asset('app-assets/images/orgicons/edit.svg')}}"></span></td>
										</tr>
										@endforeach
									</tbody>
							</table>

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

				<div class="tab-pane {{ session('tab_panel') == 'pricing' ? 'active' : '' }}" id="pricing" role="tabpanel" aria-labelledby="pricing-tab">
					<div class="card  shadow">
						 <div class="card-header " >
                    		<h6 class="mt-0 text-left"> Pricing Detail </h6>
                		</div>
						<div class="card-body p-0 ">
							<table id="example1" class="table table-striped table-bordered nowrap listtble" style="width:100%">
								<thead style="font-size: 15px;">
									<tr >
										<th>Sl no.</th>
										<th>Sub Product Type</th>
										<th>Minimum Cost</th>
										<th>Action</th>
										</tr>
									</thead>
									<tbody>
										@foreach($mast_pricing as $k1=>$mp_list)
										<tr>
											<td>{{++$k1}}</td>

											<td>{{ $mp_list->subproduct_type_name}}</td>
											<td>{{ ($mp_list->minimum_cost ? $mp_list->minimum_cost : "")}}</td>


											<td>
												<span onclick="editpricing({{ $mp_list->id }})" style="cursor:pointer"><img class="menuicon" src="{{asset('app-assets/images/orgicons/edit.svg')}}"></span></td>
										</tr>
										@endforeach
									</tbody>
							</table>
						</div>
					</div>
				</div>

				<div class="tab-pane {{ session('tab_panel') == 'production_system' ? 'active' : '' }}" id="prod_system" role="tabpanel" aria-labelledby="pricing-tab">
					<div class="card  shadow">
						 <div class="card-header card_header" >
                    		<h6 class="mt-0 text-left"> Production System </h6>
                		</div>
						<div class="card-body p-0 ">
							<table id="example2" class="table table-striped table-bordered nowrap listtble" style="width:100%">
								<thead style="font-size: 15px;">
									<tr>
										<th>Sl no.</th>
										<th>Sub Product Type</th>
										<th>Action</th>
										</tr>
									</thead>
									<tbody>
										@foreach($prodsystem_list as $kk=>$prodsystem)
										<tr>
											<td>{{++$kk}}</td>

											<td>{{ $prodsystem->production_system_name}}</td>



											<td>
												<span onclick="editprodsystem({{ $prodsystem->id }})" style="cursor:pointer"><img class="menuicon" src="{{asset('app-assets/images/orgicons/edit.svg')}}"></span></td>
										</tr>
										@endforeach
									</tbody>
							</table>
						</div>
					</div>
				</div>
		</div>
	</div>
</div>

<div class="modal fade" id="addProd_sys_modals" tabindex="-1" aria-labelledby="edit_organization_modalLabel" aria-hidden="true">
	<div class="modal-dialog modal-xs">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title">Add Production System</h6>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form id="pproduct_sys_form" method="POST" action="{{route('add_master_productsystem')}}"  data-parsley-validate>
					@csrf
					<div class="row">
						<div class="col-lg-5">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Production system Name <span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-7">
							<input type="text" class="form-control inputboxdesign " id="dproduction_system_name" name="production_system_name"  required data-parsley-trigger="focusout" data-parsley-checkproduction_system_name data-parsley-checkproduction_system_name-message="Production system Name already Exists" data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z ][A-Za-z_ ]*$">


						</div>
					</div>

					<div class="mt-3 text-center">
						<button type="button" class="btn btn-secondary  "  data-bs-dismiss="modal">Cancel</button>
						<button type="submit" class="btn btn-success   " >Submit</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="Editprodsystem_modals" tabindex="-1" aria-labelledby="edit_organization_modalLabel" aria-hidden="true">
	<div class="modal-dialog modal-xs">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title">Update Production System</h6>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form id="product_type_form" method="POST" action="{{route('update_master_productsystem')}}"  data-parsley-validate>
					@csrf
					<input type="hidden" name="id" id="edproduction_system_id" value="">
					<div class="row">
						<div class="col-lg-5">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Production System Name <span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-7">
							<input type="text" class="form-control inputboxdesign " id="edproduction_system_name" name="production_system_name"  required data-parsley-trigger="focusout" data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z ][A-Za-z_ ]*$" >
						</div>
					</div>

					<div class="mt-3 text-center">
						<button type="button" class="btn btn-secondary "  data-bs-dismiss="modal">Cancel</button>
						<button type="submit" class="btn  btn-success" >Submit</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="editPricing_modals" tabindex="-1" aria-labelledby="edit_organization_modalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title">Update Pricing Detail</h6>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form id="product_type_form" method="POST" action="{{route('update_master_pricing')}}"  data-parsley-validate>
					@csrf
					<input type="hidden" name="pricing_id" id="pricing_id" value="">
					<div class="row">
						<div class="col-lg-2">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Product Type <span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-4">
							<select class="form-control form-control-sm pricing_prod_type" name="product_type_id" id="pricing_product_type_id" required="" >
								<option value="" selected > Select Product Type </option>
															</select>
						</div>
						<div class="col-lg-2 px-0">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm ">Sub Product Type <span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-4">
							<select class="form-control form-control-sm tpricing_prod_type" name="pricing_sub_type" id="edpricing_sub_type" required="">
								<option value="" selected > Select Sub Product Type </option>


							</select>
						</div>
					</div>
					<div class="row mt-2">
						<div class="col-lg-2">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Minimum Cost<span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-4">
							<input type="text" class="form-control inputboxdesign"  name="minimum_cost" id="ed_minimum_cost" required data-parsley-type="number" data-parsley-trigger="change" >
						</div>


					</div>

					<div class="mt-3 text-center">
						<button type="button" class="btn btn-secondary "  data-bs-dismiss="modal">Cancel</button>
						<button type="submit" class="btn  btn-success " >Submit</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="addaddPricing_modals" tabindex="-1" aria-labelledby="edit_organization_modalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title">Add Pricing Detail</h6>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form id="product_type_form" method="POST" action="{{route('add_master_pricing')}}"  data-parsley-validate>
					@csrf
					<div class="row">
						<div class="col-lg-2">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Product Type <span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-4">
							<select class="form-control form-control-sm pricing_prod_type" name="product_type_id" id="pricingproduct_type_id" required="" >
								<option value="" selected > Select Product Type </option>
															</select>
						</div>
						<div class="col-lg-2 px-0">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm ">Sub Product Type <span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-4">
							<select class="form-control form-control-sm tpricing_prod_type" name="pricing_sub_type" id="pricing_sub_type" required="">
								<option value="" selected > Select Sub Product </option>

							</select>
						</div>
					</div>
					<div class="row mt-2">
						<div class="col-lg-2">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Minimum Cost<span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-4">
							<input type="text" class="form-control inputboxdesign" id="validationCustom01" name="minimum_cost" id="minimum_cost" required data-parsley-type="number" data-parsley-trigger="change" >
						</div>


					</div>

					<div class="mt-3 text-center">
						<button type="button" class="btn btn-secondary  "  data-bs-dismiss="modal">Cancel</button>
						<button type="submit" class="btn btn-success  " >Submit</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="addStatutory_modals" tabindex="-1" aria-labelledby="edit_organization_modalLabel" aria-hidden="true">
	<div class="modal-dialog modal-xs">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title">Add Statutory Detail</h6>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form id="product_type_form" method="POST" action="{{route('add_statutory')}}"  data-parsley-validate>
					@csrf
					<div class="row">
						<div class="col-lg-4">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Statutory Name <span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-8">
							<input type="text" class="form-control inputboxdesign statutory_name_uni" id="statutory_name" name="statutory_name" id="dstatutory_name" required data-parsley-trigger="focusout" data-parsley-checkstatutory_name  data-parsley-checkstatutory_name-message="Statutory Name already Exists"  data-parsley-errors-container="#dstatutory_name-errors" data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z ][A-Za-z_ ]*$" >
						</div>
						<div class="col-lg-4">
							<label for="validationCustom02" class="col-sm-1 col-form-label col-form-label-sm">Active</label>
						</div>
						<div class="col-lg-8">
							<input type="checkbox" class="custom-control-input mt-2" name="is_active" id="is_active" value="1"
						checked>
						</div>

					</div>

					<div class="mt-3 text-center">
						<button type="button" class="btn btn-secondary  "  data-bs-dismiss="modal">Cancel</button>
						<button type="submit" class="btn btn-success  " >Submit</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="EditStatutory_modals" tabindex="-1" aria-labelledby="edit_organization_modalLabel" aria-hidden="true">
	<div class="modal-dialog modal-xs">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title">Update Statutory Detail</h6>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form id="product_type_form" method="POST" action="{{route('update_statutory')}}"  data-parsley-validate>
					@csrf
					<input type="hidden" name="statutory_id" id="statutory_id" value="">
					<div class="row">
						<div class="col-lg-4">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Statutory Name</label><span class="text-danger">*</span>
						</div>
						<div class="col-lg-8">
							<input type="text" class="form-control inputboxdesign"  name="statutory_name" id="ed_statutory_name" value="" required data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z ][A-Za-z_ ]*$">
						</div>
						<div class="col-lg-4">
							<label for="validationCustom02" class="col-sm-1 col-form-label col-form-label-sm">Active</label>
						</div>
						<div class="col-lg-8">
							<input type="checkbox" class="custom-control-input mt-2" name="is_active" id="edstatutory_active" value="1"
						>
						</div>

					</div>

					<div class="mt-3 text-center">
						<button type="button" class="btn btn-secondary  "  data-bs-dismiss="modal">Cancel</button>
						<button type="submit" class="btn btn-success  " >Submit</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="add_productType_modal" tabindex="-1" aria-labelledby="edit_organization_modalLabel" aria-hidden="true">
	<div class="modal-dialog modal-xl">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title">Add Product Type</h6>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form id="addproduct_type_form" data-parsley-validate>
					@csrf
					<div class="row">
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm ">Prefix <span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-3">
							<input type="text" class="form-control inputboxdesign" id="validationCustom01" name="product_type_prefix" id="product_type_prefix" required data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z_][A-Za-z0-9_]*$">
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class="col-form-label col-form-label-sm"> Name</label><span class="text-danger">*</span>
						</div>
						<div class="col-lg-3">
							<input type="text" class="form-control inputboxdesign" id="validationCustom02"  name="product_type_name" id="product_type_name" required  data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z_.& ][A-Za-z0-9_.& ]*$">
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Icon</label>
						</div>
						<div class="col-lg-3">
							<input type="file" class="form-control" id="validationCustom02" name="product_icon" id="product_icon" data-parsley-trigger="keyup" accept=".jpg,.png,.svg" data-parsley-fileextension='jpg,png,svg,jpeg'>
						</div>
					</div>
					<div class="row mt-2">
						<div class="col-lg-1">
							<label for="validationCustom02" class="col-sm-1 col-form-label col-form-label-sm">Description</label>
						</div>
						<div class="col-lg-3">
							<textarea class="form-control" name="description" id="description"></textarea>
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class="col-sm-1 col-form-label col-form-label-sm">Active</label>
						</div>
						<div class="col-lg-3">
							<input type="checkbox" class="custom-control-input mt-2" name="is_active" id="is_active" value="1" checked>
						</div>
					</div>
					<div class="mt-3 text-center">
						<button type="button" class="btn btn-secondary   "  data-bs-dismiss="modal">Cancel</button>
						<button type="submit" class="btn btn-success   "  >Submit</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="add_subproductType_modal" tabindex="-1" aria-labelledby="edit_organization_modalLabel" aria-hidden="true">
	<div class="modal-dialog modal-xl">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title">Add Sub Product Type</h6>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form id="ssub_product_form"  data-parsley-validate>
					@csrf
					<div class="row">
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm"> Type Id<span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-3">
							<select class="form-control form-control-sm" name="product_type_id" id="product_type_id" required=""  readonly>
								<option value=""  > Select Product Type </option>
															</select>
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">   Prefix<span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-3">
							<input type="text" class="form-control inputboxdesign" name="sub_product_type_prefix" id="sub_product_type_prefix" value="" required required data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z_][A-Za-z0-9_]*$">
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">   Name<span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-3">
							<input type="text" class="form-control inputboxdesign" name="subproduct_type_name" id="subproduct_type_name" value="" required data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z_.& ][A-Za-z0-9_.& ]*$">
						</div>
					</div>
					<div class="row mt-2">
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Description</label>
						</div>
						<div class="col-lg-3">
							<textarea name="description" class="form-control"  id="description"></textarea>
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Icon</label>
						</div>
						<div class="col-lg-3">
							<input type="file" class="form-control" id="validationCustom02" name="sub_product_icon" id="sub_product_icon" data-parsley-trigger="keyup" accept=".jpg,.pdf,.png,.svg" data-parsley-fileextension='jpg,png,svg,jpeg'>
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Active</label>
						</div>
						<div class="col-lg-3">
							<input type="checkbox" class="custom-control-input mt-2" name="is_active" id="is_active"  value="1" checked>
						</div>
					</div>
					<div class="mt-3 text-center">
						<button type="button" class="btn btn-secondary  "  data-bs-dismiss="modal">Cancel</button>
						<button type="submit" class="btn btn-success  " >Submit</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="add_component_modal" tabindex="-1" aria-labelledby="edit_organization_modalLabel" aria-hidden="true">
	<div class="modal-dialog modal-xl">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title">Add Sub Product Component</h6>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form id="ssub_product_component" method="POST"  data-parsley-validate>
					@csrf
					<div class="row">
						<div class="col-lg-1 px-0">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm pl-0 pr-0">Subproduct <span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-3">
							<select class="form-select form-control" name="sub_product_type_id" id="sub_product_type_id" required readonly>
								@foreach($subProductTypes as $subProductTypesData)
								<option value="{{$subProductTypesData->id}}">{{$subProductTypesData->subproduct_type_name}}</option>
								@endforeach
							</select>
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class="col-sm-2 col-form-label col-form-label-sm"> Prefix<span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-3">
							<input type="text" class="form-control inputboxdesign" name="sub_product_component_prefix" id="sub_product_component_prefix" value="" required data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z_][A-Za-z0-9_]*$">
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class="col-sm-2 col-form-label col-form-label-sm"> Name<span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-3">
							<input type="text" class="form-control inputboxdesign" name="subproduct_component_name" id="subproduct_component_name" value="" required data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z_.& ][A-Za-z0-9_.& ]*$">
						</div>
					</div>
					<div class="row mt-2">
						<div class="col-lg-1">
							<label for="validationCustom02" class="col-sm-1 col-form-label col-form-label-sm">Description</label></div>
							<div class="col-lg-3">
								<textarea name="description" id="description" class="form-control"></textarea>
							</div>
							<div class="col-lg-1">
								<label for="validationCustom02" class="col-sm-2 col-form-label col-form-label-sm">Icon</label>
							</div>
							<div class="col-lg-3">
								<input type="file" class="form-control inputboxdesign" id="validationCustom02" name="sub_product_component_icon" id="sub_product_component_icon" data-parsley-trigger="keyup" accept=".jpg,.png,.svg" data-parsley-fileextension='jpg,png,svg,jpeg'>
							</div>
							<div class="col-lg-1">
								<label for="validationCustom02" class="col-sm-1 col-form-label col-form-label-sm">Active</label>
							</div>
							<div class="col-lg-3">
								<input type="checkbox" class="custom-control-input mt-2" name="is_active" id="is_active"checked value="1">
							</div>
						</div>
						<div class="mt-3 text-center">
							<button type="button" class="btn btn-secondary  "  data-bs-dismiss="modal">Cancel</button>
							<button type="submit" class="btn btn-success  " >Submit</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
<div class="modal fade" id="edit_productType_modal" tabindex="-1" aria-labelledby="edit_organization_modalLabel" aria-hidden="true">
	<div class="modal-dialog modal-xl">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title">Update Product Type</h6>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form id="up_product_type_form"  data-parsley-validate>
					<input type="hidden" name="product_id" id="ed_product_id" value="">
					@csrf
					<div class="row">
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Prefix <span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-3">
							<input type="text" class="form-control inputboxdesign"  name="product_type_prefix" id="ed_product_type_prefix" required value="" required data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z_.& ][A-Za-z0-9_.& ]*$">
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class="col-form-label col-form-label-sm"> Name <span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-3">
							<input type="text" class="form-control inputboxdesign"   name="product_type_name" id="ed_product_type_name" required value=""  data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z_][A-Za-z0-9_ ]*$">
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Icon</label>
						</div>
						<div class="col-lg-3">
							<input type="file" class="form-control" id="ed_product_icon" name="product_icon"  accept=".jpg,.png,.svg" data-parsley-fileextension='jpg,png,svg,jpeg' data-parsley-trigger="keyup" >
							<img id="product_preview"  >
						</div>
					</div>
					<div class="row mt-2">
						<div class="col-lg-1">
							<label for="validationCustom02" class="col-sm-1 col-form-label col-form-label-sm">Description</label>
						</div>
						<div class="col-lg-3">
							<textarea class="form-control" name="description" id="ed_description"></textarea>
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class="col-sm-1 col-form-label col-form-label-sm">Active</label>
						</div>
						<div class="col-lg-3">
							<input type="checkbox" class="custom-control-input mt-2" name="is_active" id="ed_is_active" value="1">
						</div>
					</div>
					<div class="mt-3 text-center">
						<button type="button" class="btn btn-secondary  "  data-bs-dismiss="modal">Cancel</button>
						<button type="submit" class="btn btn-success  " >Submit</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="edit_subproductType_modal" tabindex="-1" aria-labelledby="edit_organization_modalLabel" aria-hidden="true">
	<div class="modal-dialog modal-xl">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title">Update Sub Product Type</h6>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form id="upsub_product_form"  data-parsley-validate>
					@csrf
					<input type="hidden" name="subproduct_id" id="ed_subproduct_id" value="">
					<div class="row">
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm"> Type Id<span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-3">
							<select class="form-select form-control" name="product_type_id" id="edsub_product_type_id" required="" readonly>
								<option value="" selected > Select Product Type </option>
															</select>
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">   Prefix<span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-3">
							<input type="text" class="form-control inputboxdesign" name="sub_product_type_prefix" id="ed_sub_product_type_prefix" value="" required  data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z_][A-Za-z0-9_]*$">
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">   Name<span class="text-danger">*</span></label>
						</div>
						<div class="col-lg-3">
							<input type="text" class="form-control inputboxdesign" name="subproduct_type_name" id="ed_subproduct_type_name" value="" required data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z_.& ][A-Za-z0-9_.& ]*$">
						</div>
					</div>
					<div class="row mt-2">
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Description</label>
						</div>
						<div class="col-lg-3">
							<textarea name="description" class="form-control"  id="edSub_description"></textarea>
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Icon</label>
						</div>
						<div class="col-lg-3">
							<input type="file" class="form-control" id="validationCustom02" name="sub_product_icon" id="sub_product_icon" data-parsley-trigger="keyup" accept=".jpg,.png,.svg" data-parsley-fileextension='jpg,png,svg,jpeg'>
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class=" col-form-label col-form-label-sm">Active</label>
						</div>
						<div class="col-lg-3">
							<input type="checkbox" class="custom-control-input mt-2" name="is_active" id="edsub_is_active" value="1">
						</div>
					</div>
					<div class="mt-3 text-center">
						<button type="button" class="btn btn-secondary  "  data-bs-dismiss="modal">Cancel</button>
						<button type="Submit" class="btn btn-success  " >Submit</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="edit_component_modal" tabindex="-1" aria-labelledby="edit_organization_modalLabel" aria-hidden="true">
	<div class="modal-dialog modal-xl">
	<div class="modal-content">
		<div class="modal-header">
			<h6 class="modal-title">Update Sub Product Component</h6>
			<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		</div>
		<div class="modal-body">
			<form id="upsub_product_component"  data-parsley-validate>
				@csrf
				<input type="hidden" name="component_id" id="ed_component_id" value="">
				<div class="row">
					<div class="col-lg-1">
						<label for="validationCustom02" class=" col-form-label col-form-label-sm">Subproduct<span class="text-danger">*</span> </label>
					</div>
					<div class="col-lg-3">
						<select class="form-select form-control" name="sub_product_type_id" id="ed_sub_product_type_id" required readonly>
							@foreach($subProductTypes as $subProductTypesData)
							<option value="{{$subProductTypesData->id}}">{{$subProductTypesData->subproduct_type_name}}</option>
							@endforeach
						</select>
					</div>
					<div class="col-lg-1">
						<label for="validationCustom02" class="col-sm-2 col-form-label col-form-label-sm"> Prefix<span class="text-danger">*</span></label>
					</div>
					<div class="col-lg-3">
						<input type="text" class="form-control inputboxdesign" name="sub_product_component_prefix" id="ed_sub_product_component_prefix" value="" required data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z_.& ][A-Za-z0-9_.& ]*$">
					</div>
					<div class="col-lg-1">
						<label for="validationCustom02" class="col-sm-2 col-form-label col-form-label-sm"> Name<span class="text-danger">*</span></label>
					</div>
					<div class="col-lg-3">
						<input type="text" class="form-control inputboxdesign" name="subproduct_component_name" id="ed_subproduct_component_name" value="" required data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z_][A-Za-z0-9_ ]*$">
					</div>
				</div>
				<div class="row mt-2">
					<div class="col-lg-1">
						<label for="validationCustom02" class="col-sm-1 col-form-label col-form-label-sm">Description</label></div>
						<div class="col-lg-3">
							<textarea name="description" id="ed_com_description" class="form-control"></textarea>
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class="col-sm-2 col-form-label col-form-label-sm">Icon</label>
						</div>
						<div class="col-lg-3">
							<input type="file" class="form-control inputboxdesign" id="validationCustom02" name="sub_product_component_icon" id="ed_sub_product_component_icon" data-parsley-trigger="keyup" accept=".jpg,.pdf,.png,.svg" data-parsley-fileextension='jpg,png,svg,jpeg'>
						</div>
						<div class="col-lg-1">
							<label for="validationCustom02" class="col-sm-1 col-form-label col-form-label-sm">Active</label>
						</div>
						<div class="col-lg-3">
							<input type="checkbox" class="custom-control-input mt-2" name="is_active" id="comp_is_active" value="1">
						</div>
					</div>
					<div class="mt-3 text-center">
						<button type="button" class="btn btn-secondary  "  data-bs-dismiss="modal">Cancel</button>
						<button type="submit" class="btn btn-success  " >Submit</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>



<script type="text/javascript">
$(document).ready(function() {

    window.ParsleyValidator
        .addValidator('fileextension', function (value, requirement) {
           var tagslistarr = requirement.split(',');
            var fileExtension = value.split('.').pop();
						var arr=[];
						$.each(tagslistarr,function(i,val){
   						 arr.push(val);
						});
            if(jQuery.inArray(fileExtension, arr)!='-1') {
              return true;
            } else {
              return false;
            }
        }, 32)
        .addMessage('en', 'fileextension', 'The extension doesn\'t match the required');

    $("form").parsley();
});

$(document).ready(function(){

	$('.modal').on('hidden.bs.modal', function() {
		$(this).find('form')[0].reset();
		$(this).find('form').parsley().reset();
  	});
	$('button[data-bs-toggle="tab"]').on('show.bs.tab', function(e)
  	{
        localStorage.setItem('lastTab', $(e.target).attr('href'));
    });

    var lastTab = localStorage.getItem('lastTab');
    if(lastTab)
    {
        $('#allTab button[href="' + lastTab + '"]').tab('show');
    }
    else
    {
    	$('#allTab button[href="#users"]').tab('show');
    }
    $('#dstatutory_name').parsley();

    window.ParsleyValidator.addValidator('checkstatutory_name', {
    	requirementType: 'string',
      validateString: function(value)
      {
        return $.ajax({
          url:'{{ route("chk_statutory_uniue") }}',
          method:"POST",
         data: { name:value , _token: '{{csrf_token()}}'},
          dataType:"json",
          success:function(data)
          {

            return true;
          }
        });
      }
    });

     $('#dproduction_system_name').parsley();

    window.ParsleyValidator.addValidator('checkproduction_system_name', {
    	requirementType: 'string',
      validateString: function(value)
      {
        return $.ajax({
          url:'{{ route("chk_checkproduction_uniue") }}',
          method:"POST",
         data: { name:value , _token: '{{csrf_token()}}'},
          dataType:"json",
          success:function(data)
          {

            return true;
          }
        });
      }
    });




  });


function statutoryStatus(value)
{
	window.location.href = '/statutoryStatus/' + value;
}

function editprodsystem(id)
{
	var url = '{{ route("editprodsystem") }}';
	$.ajax({
	type: "post",
	url: url,
	data: { id:id , _token: '{{csrf_token()}}'},
	success: function(response) {
	var res =response.data[0];

	$("#edproduction_system_id").val(res['id']);
	$("#edproduction_system_name").val(res['production_system_name']);

	if(res['is_active'] == 1)
	{
		$( "#edstatutory_active" ).prop( "checked", true );
	}
		$("#Editprodsystem_modals").modal('show');
	}
	});
}

function editstatutory(id)
{
	var url = '{{ route("editstatutory") }}';
	$.ajax({
	type: "post",
	url: url,
	data: { id:id , _token: '{{csrf_token()}}'},
	success: function(response) {
	var res =response.data[0];

	$("#statutory_id").val(res['id']);
	$("#ed_statutory_name").val(res['statutory_name']);

	if(res['is_active'] == 1)
	{
		$( "#edstatutory_active" ).prop( "checked", true );
	}
	$("#EditStatutory_modals").modal('show');
	}
	});
}

function editpricing(id)
{
	var url = '{{ route("editpricing") }}';
	$.ajax({
	type: "post",
	url: url,
	data: { id:id , _token: '{{csrf_token()}}'},
	success: function(response)
	{

		var res =response.data[0];

		$("#pricing_id").val(res['id']);
		// $("#pricing_product_type_id").val(res['get_product_type']['id']).change();
		$("#pricing_product_type_id").val(res['get_sub_product_type']['product_type_id']).prop('selected',true);
		$("#ed_minimum_cost").val(res['minimum_cost']);
			var resultJson = response.proddata;
			$("#edpricing_sub_type").empty();
				var toAppend ="";
			toAppend += '<option value="">Select Sub Product</option>';
			$.each(resultJson , function(index, subprod) {

				toAppend += '<option value="'+subprod.id+'"  >'+subprod.subproduct_type_name+'</option>';

			});
			$('#edpricing_sub_type').append(toAppend);
			$("#edpricing_sub_type").val(res['sub_product_id']).change();
			$("#editPricing_modals").modal('show');
			$("#edpricing_sub_type option:selected").val(res['sub_product_id']).change();
		}
	});
}
	$(document).ready(function ()
	{
		// $('#up_product_type_form').parsley();
		$('#up_product_type_form').on('submit', function(event){
			event.preventDefault();
			if($('#up_product_type_form').parsley().isValid())
  			{
				var url = '{{ route("update_product_type") }}';
				$.ajax({
					type: "post",
					url: url,
					data: new FormData($("#up_product_type_form")[0]),
					processData: false,
					contentType: false,

					success: function(response) {
							if(response.data =='success')
							{
								new PNotify({
									title: 'Success',
									text:  response.msg,
									type: 'success'
									});
								setTimeout(function(){  location.reload(); }, 500);
							}
							else
							{
								new PNotify({
								title: 'Error',
								text:  response.msg,
								type: 'error'
								});
							}

						},

				    error: function(response) {
				    	var err = "";
				         $.each(response.responseJSON.errors,function(field_name,error){

                       		err = err +'<br>' + error;
                    	});
				         new PNotify({
						title: 'Error',
						text:  err,
						type: 'error'
						});


				    },
				});
			}
		});

		$('#upsub_product_component').on('submit', function(event){
			event.preventDefault();
			if($('#upsub_product_component').parsley().isValid())
  			{
				var url = '{{ route("update_sub_product_component") }}';
				$.ajax({
					type: "post",
					url: url,
					data: new FormData($("#upsub_product_component")[0]),
					processData: false,
					contentType: false,
					success: function(response)
					{
						if(response.data =='success')
						{
							new PNotify({
								title: 'Success',
								text:  response.msg,
								type: 'success'
								});
							setTimeout(function(){  location.reload(); }, 500);
						}
						else
						{
							new PNotify({
							title: 'Error',
							text:  response.msg,
							type: 'error'
							});
						}


					},

				    error: function(response) {
				    	var err = "";
				         $.each(response.responseJSON.errors,function(field_name,error){

                       	err = err +'<br>' + error;
                    	});
				         new PNotify({
						title: 'Error',
						text:  err,
						type: 'error'
						});


				    },
				});
			}
		});
		$('#upsub_product_form').on('submit', function(event){
			event.preventDefault();
			if($('#upsub_product_form').parsley().isValid())
  			{
				var url = '{{ route("update_sub_product_type") }}';
				$.ajax({
					type: "post",
					url: url,
					data: new FormData($("#upsub_product_form")[0]),
					processData: false,
					contentType: false,
					success: function(response)
					{
						if(response.data =='success')
						{
							new PNotify({
								title: 'Success',
								text:  response.msg,
								type: 'success'
								});
							setTimeout(function(){  location.reload(); }, 500);
						}
						else
						{
							new PNotify({
							title: 'Error',
							text:  response.msg,
							type: 'error'
							});
						}


					},

				    error: function(response) {
				    	var err = "";
				         $.each(response.responseJSON.errors,function(field_name,error){

                       	err = err +'<br>' + error;
                    	});
				         new PNotify({
						title: 'Error',
						text:  err,
						type: 'error'
						});


				    },
				});
			}
		});
		$('#addproduct_type_form').on('submit', function(event){
			event.preventDefault();
			if($('#addproduct_type_form').parsley().isValid())
  			{
				var url = '{{ route("store_product_type") }}';
				$.ajax({
					type: "post",
					url: url,
					data: new FormData($("#addproduct_type_form")[0]),
					processData: false,
					contentType: false,

					success: function(response) {
							if(response.data =='success')
							{
								new PNotify({
									title: 'Success',
									text:  response.msg,
									type: 'success'
									});
								setTimeout(function(){  location.reload(); }, 500);
							}
							else
							{
								new PNotify({
								title: 'Error',
								text:  response.msg,
								type: 'error'
								});
							}

						},

				    error: function(response) {
				    	var err = "";
				         $.each(response.responseJSON.errors,function(field_name,error){

                       		err = err +'<br>' + error;
                    	});
				         new PNotify({
						title: 'Error',
						text:  err,
						type: 'error'
						});


				    },
				});
			}
		});

		$('#ssub_product_form').on('submit', function(event){
			event.preventDefault();
			if($('#ssub_product_form').parsley().isValid())
  			{
				var url = '{{ route("store_subproduct_type") }}';
				$.ajax({
					type: "post",
					url: url,
					data: new FormData($("#ssub_product_form")[0]),
					processData: false,
					contentType: false,
					success: function(response)
					{
						if(response.data =='success')
						{
							new PNotify({
								title: 'Success',
								text:  response.msg,
								type: 'success'
								});
							setTimeout(function(){  location.reload(); }, 500);
						}
						else
						{
							new PNotify({
							title: 'Error',
							text:  response.msg,
							type: 'error'
							});
						}


					},

				    error: function(response) {
				    	var err = "";
				         $.each(response.responseJSON.errors,function(field_name,error){

                       	err = err +'<br>' + error;
                    	});
				         new PNotify({
						title: 'Error',
						text:  err,
						type: 'error'
						});


				    },
				});
			}
		});

		$('#ssub_product_component').on('submit', function(event){
			event.preventDefault();
			if($('#ssub_product_component').parsley().isValid())
  			{
				var url = '{{ route("store_sub_product_component") }}';
				$.ajax({
					type: "post",
					url: url,
					data: new FormData($("#ssub_product_component")[0]),
					processData: false,
					contentType: false,
					success: function(response)
					{
						if(response.data =='success')
						{
							new PNotify({
								title: 'Success',
								text:  response.msg,
								type: 'success'
								});
							setTimeout(function(){  location.reload(); }, 500);
						}
						else
						{
							new PNotify({
							title: 'Error',
							text:  response.msg,
							type: 'error'
							});
						}


					},

				    error: function(response) {
				    	var err = "";
				         $.each(response.responseJSON.errors,function(field_name,error){

                       	err = err +'<br>' + error;
                    	});
				         new PNotify({
						title: 'Error',
						text:  err,
						type: 'error'
						});


				    },
				});
			}
		});






		$(".pricing_prod_type").change(function()
			{

				var id = $(this).val();
				var url = '{{ route("get_prod_subProducts") }}';
				$.ajax({
					type: "post",
					url: url,
					data: { id:id , _token: '{{csrf_token()}}'},
					success: function(response) {

						var resultJson = JSON.parse(response);
						var toAppend = '';
						$(".tpricing_prod_type").empty();
						toAppend += '<option value="">Select Sub Product</option>';
						$.each(resultJson , function(index, subprod) {

							toAppend += '<option value="'+subprod.id+'"  >'+subprod.subproduct_type_name+'</option>';

						});
						$('.tpricing_prod_type').append(toAppend);

						return false;
						}

				});

			});

		var table = $('#example').DataTable( {
		responsive: true,
				dom: 'l<"toolbar">frtip',
		initComplete: function(){
		$("div.toolbar").html('<button  id="addStatutory" type="button" class="btn btn-success dt-buttons " ><img class="menuicon" src="{{asset("app-assets/images/orgicons/add.svg")}}">&nbsp;Add Statutory</button><br />');
		}
		});

		var table1 = $('#example1').DataTable( {
		responsive: true,
				dom: 'l<"toolbar1">frtip',
		initComplete: function(){
		$("div.toolbar1").html('<button  id="addPricing" type="button" class="btn btn-success dt-buttons " ><img class="menuicon" src="{{asset("app-assets/images/orgicons/add.svg")}}">&nbsp;Add Pricing</button><br />');
		}
		});

		var table1 = $('#example2').DataTable( {
		responsive: true,
				dom: 'l<"toolbar2">frtip',
		initComplete: function(){
		$("div.toolbar2").html('<button  id="addProd_sys" type="button" class="btn btn-success dt-buttons " ><img class="menuicon" src="{{asset("app-assets/images/orgicons/add.svg")}}">&nbsp;Add Production System</button><br />');
		}
		});

		$("#addProd_sys").click(function()
		{
			$("#addProd_sys_modals").modal('show');
		});

		$("#addStatutory").click(function()
		{
			$("#addStatutory_modals").modal('show');
		});
		$("#addPricing").click(function()
		{
			$("#addaddPricing_modals").modal('show');
		});


		$(".add_product").click(function()
		{
			$("#add_productType_modal").modal('show');
		});
		$(".add_subproduct").click(function()
		{
			var id = $(this).data('id');
			$('#product_type_id').val(id).change();
			$("#add_subproductType_modal").modal('show');
		});
		$(".add_component").click(function()
		{

			var id = $(this).data('id');
			$('#sub_product_type_id').val(id).change();
			$("#add_component_modal").modal('show');
		});
		$(".edit_product").click(function()
		{
			var id = $(this).data('id');
			var url = '{{ route("edit_product_type") }}';
			$.ajax({
			type: "post",
			url: url,
			data: { id:id , _token: '{{csrf_token()}}'},
			success: function(response) {
			var res =response.data[0];
			// alert(res['product_type_prefix']);
			$("#ed_product_id").val(res['id']);
			$("#ed_product_type_prefix").val(res['product_type_prefix']);
			$("#ed_product_type_name").val(res['product_type_name']);

			// var src= "data:image;base64,base64_encode("+res['product_icon']+")";
			//  $('#product_preview').prop('src', src);
			$("#ed_description").val(res['description']);
			if(res['is_active'] == 1)
			{
				$( "#ed_is_active" ).prop( "checked", true );
			}
			$("#edit_productType_modal").modal('show');
			}
			});

		});
		$(".edit_subproduct").click(function()
		{
			var id = $(this).data('id');
			var url = '{{ route("edit_sub_product") }}';
			$.ajax({
			type: "post",
			url: url,
			data: { id:id , _token: '{{csrf_token()}}'},
			success: function(response) {
			var res =response.data[0];
			// alert(res['product_type_prefix']);
			$("#ed_subproduct_id").val(res['id']);
			$("#edsub_product_type_id").val(res['product_type_id']).change();
			$("#ed_sub_product_type_prefix").val(res['sub_product_type_prefix']);
			$("#ed_subproduct_type_name").val(res['subproduct_type_name']);

			// var src= "data:image;base64,base64_encode("+res['product_icon']+")";
			//  $('#product_preview').prop('src', src);
			$("#edSub_description").val(res['description']);
			if(res['is_active'] == 1)
			{
				$( "#edsub_is_active" ).prop( "checked", true );
			}
			$("#edit_subproductType_modal").modal('show');
			}
			});

		});
		$(".edit_component").click(function()
		{
			var id = $(this).data('id');
			var url = '{{ route("edit_product_component") }}';
			$.ajax({
			type: "post",
			url: url,
			data: { id:id , _token: '{{csrf_token()}}'},
			success: function(response) {
			var res =response.data[0];
			$("#ed_component_id").val(res['id']);
			$("#ed_sub_product_type_id").val(res['sub_product_type_id']).change();
			$("#ed_sub_product_component_prefix").val(res['sub_product_component_prefix']);
			$("#ed_subproduct_component_name").val(res['subproduct_component_name']);

			// // var src= "data:image;base64,base64_encode("+res['product_icon']+")";
			// //  $('#product_preview').prop('src', src);
			$("#ed_com_description").val(res['description']);
			if(res['is_active'] == 1)
			{
				$( "#comp_is_active" ).prop( "checked", true );
			}
			$("#edit_component_modal").modal('show');
			}
			});

		});
	});
</script>
@endsection