@extends('layouts.app')
@section('title', 'Organization')
@section('content')
<link rel="stylesheet" href="{{asset('app-assets/css/style.css')}}" />
	<div class="container-fluid mt-4">
		<div class="row">
			<div class="col-lg-12">
                				<div class="card" style="box-shadow: 0px 3px 6px #00000029;">
					<div class="card-header">
						<h5 class="mt-0 text-left" style="font-weight: bold;font-size: 18px;">
						{{-- <a href="{{ route('vendororganization_view') }}" style="text-decoration:none;">
							<img class="menuicon" src="{{asset('app-assets/images/orgicons/organname.png')}}" style="width:2.1rem;height:2.1rem;">
						</a> --}}
						<img class="menuicon" src="{{asset('app-assets/images/orgicons/organization-line.svg')}}">&nbsp;Client </h5>
					</div>
					<div class="card-body">
						<div class="row" id="edit">
							<a href="javascript:void(0)" data-bs-toggle="modal" data-id="{{$organization->id}}" data-bs-target="#edit_organization_modal">
								<span class="editdicon" style=" float: right;height: 20px; width: 20px;"><i class="fa-solid fa-pen-to-square"></i></span>
							</a>
						</div>
						<div class="row">
							<div class="col-md-4">
								<img class="icon" src="{{asset('app-assets/images/orgicons/people.svg')}}" height="15px" width="15px">&nbsp;<span class="org">Client Name:</span>&nbsp;
								@if(isset($organization->logo))
								<img class="card-img-top logo-holder" src="data:{{$organization->logo_type}};base64,{{base64_encode($organization->logo)}}">
								@endif
								&nbsp;<span class="orgdetail">{{$organization->org_name}}</span>
							</div>
							<div class="col-md-4">
								<img class="icon" src="{{asset('app-assets/images/orgicons/phone.svg')}}"><span class="org">&nbsp;Contact Number:</span>&nbsp;<span class="orgdetail">{{$organization->contact_no}}</span>
							</div>
							<div class="col-md-4">
								<img class="icon" src="{{asset('app-assets/images/orgicons/email.svg')}}"><span class="org">&nbsp;Contact Email:</span>&nbsp;<span class="orgdetail">{{$organization->email_id}}</span>
							</div>
						</div>
						<div class="row shadow mt-3" style="line-height: 2.5rem;">
							<ul class="nav nav-tabs innerTab" id="allTab" role="tablist">
							  <li class="nav-item" role="presentation">
								<button class="nav-link " id="users-tab" data-bs-toggle="tab" data-bs-target="#users" href="#users" type="button" role="tab" aria-controls="users" aria-selected="false"><img class="menuicon" src="{{asset('app-assets/images/orgicons/user.svg')}}">&nbsp;Users</button>
							  </li>

							   <li class="nav-item" role="service">
								<button class="nav-link" id="services-tab" data-bs-toggle="tab" data-bs-target="#services" href="#services" type="button" role="tab" aria-controls="services" aria-selected="false"><img class="menuicon" src="{{asset('app-assets/images/orgicons/services.svg')}}">&nbsp;Services</button>
							  </li>
							  <li class="nav-item" role="presentation">
								<button class="nav-link" id="production-tab" data-bs-toggle="tab" href="#production" data-bs-target="#production" type="button" data-toggle="tab" role="tab" aria-controls="production" aria-selected="false"><img class="menuicon" src="{{asset('app-assets/images/orgicons/production.svg')}}">&nbsp;Production System</button>
							  </li>
							  <li class="nav-item" role="presentation">
								<button class="nav-link" id="docs-tab" data-bs-toggle="tab" href="#docs" data-bs-target="#docs" type="button" role="tab" aria-controls="docs" aria-selected="false"><img class="menuicon" src="{{asset('app-assets/images/orgicons/invoice.svg')}}">&nbsp;Statutory Docs</button>
							  </li>
							  <li class="nav-item" role="samplesize">
								<button class="nav-link" id="sample-size" data-bs-toggle="tab" href="#samplesize" data-bs-target="#samplesize" type="button" data-toggle="tab" role="tab" aria-controls="samplesize" aria-selected="false"><img class="menuicon" src="{{asset('app-assets/images/orgicons/billing.svg')}}">&nbsp;Trial Sample Size</button>
							  </li>
							  <li class="nav-item" role="pricing">
								<button class="nav-link" id="org-pricing-tab" data-bs-toggle="tab" href="#orgpricing" data-bs-target="#orgpricing" type="button" role="tab" aria-controls="orgpricing" aria-selected="false"><img class="menuicon" src="{{asset('app-assets/images/orgicons/invoice.svg')}}">&nbsp;Org Pricing</button>
							  </li>
							  <!-- <li class="nav-item" role="presentation">
								<button class="nav-link" id="billing-tab" data-bs-toggle="tab" data-bs-target="#billing" type="button" role="tab" aria-controls="billing" aria-selected="false"><img class="menuicon" src="{{asset('app-assets/images/orgicons/billing.svg')}}">&nbsp;Billing Contact</button>
							  </li>
							  <li class="nav-item" role="presentation">
								<button class="nav-link" id="vendor-tab" data-bs-toggle="tab" data-bs-target="#vendor" type="button" role="tab" aria-controls="vendor" aria-selected="false"><img class="menuicon" src="{{asset('app-assets/images/orgicons/invoice.svg')}}">&nbsp;Vendor</button>
							  </li> -->
							</ul>
						</div>
							<div class="tab-content" id="walletContent">

							<div class="tab-pane " id="users" role="tabpanel" aria-labelledby="users-tab">
								<table id="example" class="table table-striped table-bordered nowrap listtble" style="width:100%">
							<thead style="font-size: 15px;">
								<tr>
									<th>First Name</th>
									<th>Last Name</th>
									<th>Email</th>
									<th>Contact Number</th>
									<th>Designation<th>
									<th>Is Active</th>
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
								@foreach($users as $user)
								<tr>
									<td>{{ $user->first_name}}</td>
									<td>{{ $user->last_name}}</td>
									<td>{{ $user->email}}</td>
									<td>{{ $user->phone_no}}</td>
									<td>{{ $user->designation }}<td>
									<td><div class="form-check form-switch">
										  <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" value="{{ $user->id }}" onclick="userStatus(this.value)" @if($user->is_active==1) checked @endif >
										  <label class="form-check-label" for="flexSwitchCheckChecked"></label>
										</div></td>
									<td>
									<span="javascript:void(0);" onclick="editUser({{ $user->id }})" style="cursor:pointer"><img class="menuicon" src="{{asset('app-assets/images/orgicons/edit.svg')}}"></span></td>
								</tr>
								@endforeach
							</tbody>
						</table>
							</div>
							<div class="tab-pane" id="services" role="tabpanel" aria-labelledby="services-tab">
								<div class="card mt-2">
									<div class="card-header">
										<div class="row">
											<div class="col-lg-5 col-sm-12 col-md-5 col-xs-12 text-center">
												<strong>Title Services</strong>
											</div>
											<div class="col-lg-2 col-sm-12 col-md-2 col-xs-12">
												<strong>Choose Services</strong>
											</div>
											<div class="col-lg-5 col-sm-12 col-md-5 col-xs-12 text-center">
												<strong>Escrow Services</strong>
											</div>
										</div>
									</div>
								</div>
								<form id="add_product_mapping" type="post"  enctype="multipart/form-data" autocomplete="off">
								@csrf
								<input type="hidden" name="orgmappingid" id="orgmappingid" value="{{ $organization->id }}">
									<div class="card-body">
										<div class="row">
											<div class="col-lg-5 col-sm-12 col-md-5 col-xs-12">
												<div class="row">
												@if(isset($subProductTypeData) && $subProductTypeData!=null)
													@foreach($subProductTypeData as $sub_product_data)
												    <div class="col-sm-12 col-md-4 col-lg-3 mt-1">
														<div class="card mb-1 p-1 align-items-center service_card">
														@if(count($sub_product_data->getProductMapping) > 0)
														@foreach($sub_product_data->getProductMapping as $data)
															@if($data->org_id == $organization_id)
															<input type="checkbox" name="subproducttypeids[]" id="subproducttypeids_" value="" style="margin-left:60px;width:20px;" >
															 @endif
                                                        @endforeach
														@else
														<input type="checkbox" name="subproducttypeids[]" id="subproducttypeids_" value="" style="margin-left:60px;width:20px;" >
														@endif
														@if($sub_product_data->sub_product_icon != "" && $sub_product_data->sub_product_icon != NULL)
														<img src="data:{{$sub_product_data->icon_type}};base64," style="width:30px;height: 20px;">
														@else
														<i class="fa-brands fa-product-hunt" style='width:1.1rem;height:1.1rem; object-fit: contain' ></i>
														@endif
														<span class="card-text" style="font-size: 8px;font-weight:bold"></span>
														</div>
													</div>
													@endforeach
												@endif
												</div>
											</div>
											<div class="col-lg-2 col-sm-12 col-md-2 col-xs-12">
											</div>
											<div class="col-lg-5 col-sm-12 col-md-5 col-xs-12">
												<div class="row">
												@if(isset($subProductTypeValues) && $subProductTypeValues!=null)
													@foreach($subProductTypeValues as $sub_product_data_values)
													<div class="col-sm-12 col-md-4 col-lg-3 mt-1">
															<div class="card mb-1 p-1 align-items-center service_card" >
															@if(count($sub_product_data_values->getProductMapping) > 0)
															@foreach($sub_product_data_values->getProductMapping as $datavalues)
															    @if($datavalues->org_id == $organization_id)
																<input type="checkbox" name="subproducttypeids[]" id="subproducttypeids_" value="" style="margin-left:60px;width:20px;"  >
																@endif
															@endforeach
															@else
															<input type="checkbox" name="subproducttypeids[]" id="subproducttypeids_" value="" style="margin-left:60px;width:20px;" >
															@endif
															@if($sub_product_data_values->sub_product_icon != "" && $sub_product_data_values->sub_product_icon != NULL)
																<img src="data:{{$sub_product_data_values->icon_type}};base64," style="width:30px;height: 20px;">
															@else
																<i class="fa-brands fa-product-hunt" style='width:1.1rem;height:1.1rem; object-fit: contain' ></i>
															@endif

															<span class="card-text" style="font-size: 8px;font-weight:bold"></span>
														</div>
													</div>
													@endforeach
												@endif
												</div>
											</div>
										</div>
									</div>
                                </form>
								<div class="card-footer text-center mt-2">
									<!--<button type="button" class="btn btn-danger" data-bs-dismiss="modal" style="background:#636363;color:#fff;border:#636363;">Close</button>-->
									<button type="submit" class="btn btn-success" name="submitupdate" id="submitupdate"  onclick="addProductMapping()">Save</button>
                                </div>
							</div>
							<div class="tab-pane" id="production" role="tabpanel" aria-labelledby="production-tab">
								<table id="p_system" class="table table-striped table-bordered nowrap listtble" style="width:100%">
									<thead style="font-size: 15px;">
										<tr >
											<th>Production System</th>
											<th>Username</th>
											<th>Action</th>
										</tr>
									</thead>
									<tbody>
										@foreach($pro_system as $system)
										<tr>
											<td>{{ $system->production_system_name->production_system_name}}</td>
											<td>{{ $system->user_name}}</td>
											<td>
												<span="javascript:void(0);" onclick="editProductionSystem({{ $system->id }})" style="cursor:pointer"><img class="menuicon" src="{{asset('app-assets/images/orgicons/edit.svg')}}"></span>
											</td>
										</tr>
										@endforeach
									</tbody>
								</table>
							</div>
							<div class="tab-pane" id="docs" role="tabpanel" aria-labelledby="docs-tab">
								<table id="s_docs_table" class="table table-striped table-bordered nowrap listtble" style="width:100%">
									<thead style="font-size: 15px;">
										<tr >
											<th>Document Name</th>
											<th>Valid Upto</th>
											<th>Is Expired?</th>
											<th>Document</th>
											<th>Action</th>
										</tr>
									</thead>
									<tbody>
										@foreach($s_docs as $doc)
										<tr>
											<td>{{ $doc->doc_name}}</td>
											<td>@isset($doc->valid_upto){{ date('d-m-Y', strtotime($doc->valid_upto))}}@endisset</td>
											 <td>@if($doc->is_expired ==1) Yes @else No @endif</td>
											 <td>
                                                @if(isset($doc->document))
													<button class="btn viewbtn"  onclick="getDocView({{$doc->id}})">
														<span class="view"><i class="fa fa-eye"></i> &nbsp;View</span>
													</button>

                                                @endif
                                            </td>
											<td>
												<span="javascript:void(0);" onclick="editStatutoryDocs({{ $doc->id }})" style="cursor:pointer"><img class="menuicon" src="{{asset('app-assets/images/orgicons/edit.svg')}}"></span>
											</td>
										</tr>
										@endforeach
									</tbody>
								</table>
							</div>
							<div class="tab-pane" id="samplesize" role="tabpanel" aria-labelledby="samplesize-tab">
								<table id="sampletable" class="table table-striped table-bordered nowrap listtble" style="width:100%">
							<thead style="font-size: 15px;">
								<tr >
									<!--<th>Organization Id</th>-->
									<th>Sub Product Type</th>
									<th>Max Sample Size</th>
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
								@foreach($samplesizes as $samplesize)
								<tr>
									<!--<td>{{ $samplesize->org_name}}</td>-->
									<td>{{ $samplesize->subproduct_type_name	}}</td>
									<td>{{ $samplesize->max_sample_size}}</td>
									<td><span="javascript:void(0);" onclick="editSample({{ $samplesize->id }})" style="cursor:pointer"><img class="menuicon" src="{{asset('app-assets/images/orgicons/edit.svg')}}"></span></td>
								</tr>
								@endforeach
							</tbody>
						</table>
							</div>
							<div class="tab-pane" id="orgpricing" role="tabpanel" aria-labelledby="org-pricing-tab">
								<table id="orgpricing_table" class="table table-striped table-bordered nowrap listtble" style="width:100%">
									<thead style="font-size: 15px;">
										<tr>
											<th>Sub Product Type</th>
											<th>Cost</th>
											<th>Action</th>
										</tr>
									</thead>
									<tbody>
										@foreach($org_pricing as $orgpricing)
										<tr>
											<td>{{ $orgpricing->getSubProductTypeName->subproduct_type_name}}</td>
											<td>{{ $orgpricing->cost}}</td>
											<td>
												<span="javascript:void(0);" onclick="editOrgPricing({{ $orgpricing->id }})" style="cursor:pointer"><img class="menuicon" src="{{asset('app-assets/images/orgicons/edit.svg')}}"></span>
											</td>
										</tr>
										 @endforeach
									</tbody>
								</table>
							</div>

							<!-- <div class="tab-pane" id="billing" role="tabpanel" aria-labelledby="billing-tab">
								billing
							</div>
							<div class="tab-pane" id="vendor" role="tabpanel" aria-labelledby="vendor-tab">
								vendor
							</div> -->
						</div>

					    <!--<span class="card-link"><img class="menuicon" src="{{asset('app-assets/images/orgicons/organizationname.svg')}}">Organization</span>
					    <span class="card-link"><img class="menuicon" src="{{asset('app-assets/images/orgicons/invoice.svg')}}">Stellar Innovations India</span>
					    <span class="card-link"><img class="menuicon" src="{{asset('app-assets/images/orgicons/phone.svg')}}">Contact Number</span>
					    <span class="card-link"><img class="menuicon" src="{{asset('app-assets/images/orgicons/email.svg')}}">Contact Email:</span>-->
					    </br />
					</div>
					<div class="card-footer">


					</div>
				</div>
			</div>
		</div>
	</div>
<!-- The Modal -->
<div class="modal" id="myModal">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
	  <form method="post" name="userForm" id="userForm" role="form" enctype="multipart/form-data">
	  <input type="hidden" name="userorg_id" id="userorg_id" value="{{ $organization_id}}">
	  @csrf
	  <!-- Modal Header -->
	  <div class="modal-header">
		<h6 class="modal-title" ></i>Add User</h6>
		<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	  </div>

      <!-- Modal body -->
      <div class="modal-body">
		<div class="row">
			<div class="col-md-6">
				<div class="form-group row">
					<label for="example-is_available-input" class="col-sm-4 col-form-label">First Name<span class="text-danger"> * <span></label>
					<div class="col-sm-8">
						<input id="firstname" name="firstname" type="text" class="form-control" autocomplete="off" placeholder="Enter Firstname" required data-parsley-trigger="focusout" data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z ][A-Za-z ]*$">
					</div>
				</div><br />
				<div class="form-group row">
					<label for="example-is_available-input" class="col-sm-4 col-form-label">Email<span class="text-danger"> * <span></label>
					<div class="col-sm-8">
						<input id="email" name="email" type="email" class="form-control" autocomplete="off" placeholder="Enter Email" required>
					</div>
				</div><br />
				<div class="form-group row">
					<label for="example-is_available-input" class="col-sm-4 col-form-label">Password<span class="text-danger"> * <span></label>
					<div class="col-sm-8">
						<input id="password" name="password" type="text" class="form-control" autocomplete="off" placeholder="Enter Password" required data-parsley-minlength="8"
						    data-parsley-errors-container=".errorspannewpassinput"
						    data-parsley-required-message="Please enter your new password."
						    data-parsley-uppercase="1"
						    data-parsley-lowercase="1"
						    data-parsley-number="1"
						    data-parsley-special="1"
						    data-parsley-required>
						<span class="errorspannewpassinput" style="font-weight: 400;"></span>
					</div>
				</div><br />
				<div class="form-group row">
					<label for="example-is_available-input" class="col-sm-4 col-form-label">UserType<span class="text-danger"> * <span></label>
					<div class="col-sm-8">
						<select id="usertype" name="usertype" type="text" class="form-control" required>
							<option value="">Select Usertype</option>
							@foreach($usertype as $userstype)
							<option value="{{ $userstype->id }}">{{ $userstype->user_types }}</option>
							@endforeach
						</select>
					</div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="form-group row">
					<label for="example-is_available-input" class="col-sm-4 col-form-label">Last Name<span class="text-danger"> * <span></label>
					<div class="col-sm-8">
						<input id="lastname" name="lastname" type="text" class="form-control" autocomplete="off" placeholder="Enter Lastname" required data-parsley-trigger="focusout" data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z ][A-Za-z ]*$">
					</div>
				</div><br />
				<div class="form-group row">
					<label for="example-is_available-input" class="col-sm-4 col-form-label">Contact No<span class="text-danger"> * <span></label>
					<div class="col-sm-8">
						<input id="contactnumber" name="contactnumber" type="text" class="form-control" autocomplete="off" required placeholder="Enter Phone Number"   data-parsley-trigger="change"  >
					</div>
				</div><br />
				<div class="form-group row">
					<label for="example-is_available-input" class="col-sm-4 col-form-label">Photo</label>
					<div class="col-sm-8">
						<input id="photo" name="photo" type="file" class="form-control" autocomplete="off" accept="image/*" data-parsley-trigger="keyup"  data-parsley-fileextension="jpg,png,svg,jpeg" >
					</div>
				</div><br />
				<div class="form-group row">
					<label for="example-is_available-input" class="col-sm-4 col-form-label">Designation</label>
					<div class="col-sm-8">
						<input id="designation" name="designation" type="text" class="form-control" autocomplete="off" placeholder="Enter Designation"  data-parsley-trigger="focusout" data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z ][A-Za-z ]*$">
					</div>
				</div><br />
			</div>
			<div class="col-md-6">
				<div class="form-group row">
					<label for="example-is_available-input" class="col-sm-4 col-form-label">
					<input id="isactive" name="isactive" type="checkbox" data-toggle="toggle" data-on="Yes" data-off="No" > Is Active? <span class="text-danger">  <span></label>
				</div>
			</div>
		</div>
	</div>

      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" >Cancel</button>
        <button type="button" class="btn btn-success" name="submit" id="submit"  onclick="userVal();">Submit</button>
      </div>
	</form>
    </div>
  </div>
</div>
<div class="modal" id="myModalEdit" style="display:none;">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
	  <!-- Modal Header -->
	  <div class="modal-header">
		<h6 class="modal-title">Edit User</h6>
		<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	  </div>

      <!-- Modal body -->
      <div class="modal-body">
		<form method="post" name="userUpdateForm" id="userUpdateForm" onsubmit="return userUpdate()" enctype="multipart/form-data">
		<input type="hidden" name="id" id="id">
		@csrf
			<div id="ramalist"></div>
			<!-- Modal footer -->
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" s>Close</button>
				<button type="submit" class="btn btn-success" name="submitupdate" id="submitupdate" >Save</button>
			</div>
		</form>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="edit_organization_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">Edit Client</h6>

                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form method="POST" role="form" name="edit_org_form" id="edit_org_form">
                @csrf
                    <div class="row" id="append_edit_view"></div>
                    <div class="row">
                        <div class="col-md-4"></div>
                        <div class="col-md-5">
                            <button type="button" class="btn btn-secondary" id="close_org" data-bs-dismiss="modal" >Cancel</button>
                            <button type="button" class="btn btn-success" id="submit_org"  onclick="updateOrganization()">Save</button>
                        </div>
                        <div class="col-md-3"></div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="edit_vendor_modal" tabindex="-1" aria-labelledby="edit_vendor_modalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content" >
            <div class="modal-header">
                <h6 class="modal-title">Edit Vendor</h6>

                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form method="POST" role="form" name="edit_vendor_form" id="edit_vendor_form">
                @csrf
                    <div class="row" id="append_vendoredit_view"></div>
                    <div class="row">
                        <div class="col-md-4"></div>
                        <div class="col-md-5">
                            <button type="button" class="btn btn-secondary" id="close_org" data-bs-dismiss="modal" >Cancel</button>
                            <button type="button" class="btn btn-success" id="submit_org"  onclick="updateVendor()">Save</button>
                        </div>
                        <div class="col-md-3"></div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- Add Production System Modal -->
<div class="modal" id="proSysAddModal" style="display:none;">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
	  <form method="post" name="proSysAddForm" id="proSysAddForm" enctype="multipart/form-data" autocomplete="off">
	  @csrf
	  <div class="modal-header">
		<h6 class="modal-title">Add Production System</h6>
		<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	  </div>
      <div class="modal-body">
		<div class="row">
			<div class="col-md-6">
				<div class="form-group row">
					<label class="col-sm-4 col-form-label">Username</label>
					<div class="col-sm-8">
						<input id="user_name_add" name="username" type="text" class="form-control" placeholder="Enter Username" >
					</div>
				</div>
				<div class="form-group row mt-3">
					<label  class="col-sm-4 col-form-label">Password</label>
					<div class="col-sm-8">
						<input id="password_add" name="password" type="text" class="form-control" placeholder="Enter Password" >
					</div>
				</div>
			</div>
			<div class="col-md-6">
                <div class="form-group row">
					<label class="col-sm-5 col-form-label">Production System<span class="text-danger">*</span></label>
					<div class="col-sm-7">
                        <select id="pro_sys" name="pro_sys" type="text" class="form-select form-control" required>
						<option value="" selected disabled>Select Production System</option>
							@foreach($prosys as $sys)
							<option value="{{ $sys->id }}">{{ $sys->production_system_name }}</option>
							@endforeach
						</select>
					</div>
				</div>
				<div class="form-group row mt-3">
					<label class="col-sm-8 col-form-label">Is Zenith Production System ?<span class="text-danger"></span></label>
					<div class="col-sm-4">
						<input class="mt-2" id="iszenith" name="iszenith" type="checkbox"  value="1" checked>
					</div>
				</div>
			</div>
		</div>
      </div>
      <div class="modal-footer">
		<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" >Close</button>
        <button type="submit" class="btn btn-success" name="submit" id="submitps"  onclick="AddProductionSystem({{$organization_id}})">Save</button>
      </div>
	</form>
    </div>
  </div>
</div>
<!-- Edit Production System Modal -->
<div class="modal" id="proSysEdit" style="display:none;">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
	  <form method="post" name="proSysUpdateForm" id="proSysUpdateForm" onsubmit="return proSysUpdate()" enctype="multipart/form-data" autocomplete="off">
	  @csrf
	   <input type="hidden" name="psid" id="psid">
	   <input type="hidden" name="orgid" id="orgid" value="{{$organization_id}}">
	  <div class="modal-header">
		<h6 class="modal-title">Edit Production System</h6>
		<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	  </div>
      <div class="modal-body">
		<div class="row">
			<div class="col-md-6">
				<div class="form-group row">
					<label class="col-sm-4 col-form-label">Username<span class="text-danger"></span></label>
					<div class="col-sm-8">
						<input id="user_name" name="username" type="text" class="form-control" autocomplete="off" placeholder="Enter Username">
					</div>
				</div>
				<div class="form-group row mt-3">
					<label class="col-sm-4 col-form-label">Password<span class="text-danger"></span></label>
					<div class="col-sm-8">
						<input id="pwd" name="password" type="text" class="form-control" autocomplete="off" placeholder="Enter Password">
					</div>
				</div>
			</div>
			<div class="col-md-6">
                <div class="form-group row">
					<label class="col-sm-5 col-form-label">Production System<span class="text-danger">*</span></label>
					<div class="col-sm-7">
                        <select id="pro_sys_edit" name="pro_sys" type="text" class="form-select form-control" required>
						<option value="" selected disabled>Select Production System</option>
							@foreach($prosys as $sys)
							<option value="{{$sys->id}}">{{$sys->production_system_name}}</option>
							@endforeach
						</select>
					</div>
				</div>
				<div class="form-group row mt-3">
					<label class="col-sm-8 col-form-label">Is Zenith Production System ?<span class="text-danger"></span></label>
					<div class="col-sm-4">
						<input class="mt-2" id="iszenith_edit" name="iszenith" type="checkbox"  value="1" checked>
					</div>
				</div>
			</div>
		</div>
      </div>
      <div class="modal-footer">
		<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" >Close</button>
        <button type="submit" class="btn btn-success" name="submit" id="submitprosys" >Save</button>
      </div>
	</form>
    </div>
  </div>
</div>


<div class="modal" id="addDocsModal" style="display:none;">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
	  <form method="post" name="docsAddForm" id="docsAddForm" enctype="multipart/form-data" autocomplete="off">
	  @csrf
	  <div class="modal-header">
		<h6 class="modal-title">Add Statutory Document</h6>
		<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	  </div>
      <div class="modal-body">
		<div class="row">
			<div class="col-md-6">
				<div class="form-group row">
					<label class="col-sm-4 col-form-label px-0">Document Name<span class="text-danger">*</span></label>
					<div class="col-sm-8">
						<select id="doc_name" name="doc_name" type="text" class="form-select form-control" required>
							<option value="" selected disabled>Select Document</option>
							@foreach($master_statutory_docs as $doc)
								<option value="{{ $doc->id }}">{{ $doc->statutory_name }}</option>
							@endforeach
						</select>
					</div>
				</div>
				<div class="form-group row mt-3">
					<label class="col-sm-4 col-form-label">Valid upto<span class="text-danger"></span></label>
					<div class="col-sm-8">
						<input id="valid_to" name="valid_to" type="date" class="form-control"  max="9999-12-31">
					</div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="form-group row">
					<label  class="col-sm-4 col-form-label px-0">Upload Document<span class="text-danger">*</span></label>
					<div class="col-sm-8">
						<input type="file" class="form-control" id="s_doc" name="s_doc" accept=".jpg,.pdf,.png" required>
					</div>
				</div>
				<div class="form-group row mt-3">
					<label class="col-sm-4 col-form-label">Is Expired ?<span class="text-danger"></span></label>
					<div class="col-sm-8">
						<input class="mt-2" id="isexpired" name="isexpired" type="checkbox"  value="1" checked>
					</div>
				</div>
			</div>
		</div>
      </div>
      <div class="modal-footer">
		<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" >Close</button>
        <button type="submit" class="btn btn-success" name="submit" id="submit_sdoc"  onclick="AddStatutoryDocs({{$organization_id}})">Save</button>
      </div>
	</form>
    </div>
  </div>
</div>
<!-- The Modal -->
<div class="modal" id="myModalSize">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
	  <form method="post" name="sizeForm" id="sizeForm" role="form" >
	  @csrf
	  <!-- Modal Header -->
	  <div class="modal-header">
		<h6 class="modal-title" >Trial Sample Size</h6>
		<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	  </div>

      <!-- Modal body -->
      <div class="modal-body">
		<div class="row">
		<input type="hidden" name="org_id" id="org_id" value="{{ $organization_id }}">
			<!--<div class="col-md-12">
				<div class="form-group row">
					<label for="example-is_available-input" class="col-sm-4 col-form-label">Product Type <span class="text-danger">  <span></label>
					<div class="col-sm-8">
						<select id="product_type_id" name="product_type_id" type="text" class="form-control" autocomplete="off" required onchange="getSubProd(this.value)">
							<option value="">Select Product Type </option>
							@foreach($ProductTypes as $Prod)
								<option value="{{ $Prod->id}}">{{ $Prod->product_type_name}}</option>
							@endforeach
						</select>
					</div>
				</div><br />
			</div>-->
			<div class="col-md-12">
				<div class="form-group row">
					<label for="example-is_available-input" class="col-sm-4 col-form-label">Sub Product Type <span class="text-danger"> * <span></label>
					<div class="col-sm-8">
						<select id="sub_product_type_id" name="sub_product_type_id" type="text" class="form-control" autocomplete="off" required>
							@foreach($OrgProductMapping as $org)
								<option value="{{ $org->sub_product_type_id }}">{{ $org->subproduct_type_name }}</option>
							@endforeach
						</select>
					</div>
				</div><br />
			</div>
			<div class="col-md-12">
				<div class="form-group row">
					<label for="example-is_available-input" class="col-sm-4 col-form-label">Max Sample Size<span class="text-danger">*  <span></label>
					<div class="col-sm-8">
						<input id="sample_size" name="sample_size" type="text" class="form-control" autocomplete="off" placeholder="Enter Max Sample Size" required data-parsley-type="number" data-parsley-trigger="change" >
					</div>
				</div><br />
			</div>
		</div>
      </div>

      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" >Cancel</button>
        	<input type="submit" disabled style="display: none" aria-hidden="true" />
        <button type="button" class="btn btn-success" name="submitsize" id="submitsize"  onclick="sizeVal();">Submit</button>
      </div>
	</form>
    </div>
  </div>
</div>
<div class="modal" id="myModalSizeEdit" style="display:none;">
  <div class="modal-dialog modal-lg">
    <div class="modal-content" style="border-radius: 1.9rem;">
	  <!-- Modal Header -->
	  <div class="modal-header">
		<h6 class="modal-title">Edit Trial Sample Size</h6>
		<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	  </div>

      <!-- Modal body -->
      <div class="modal-body">
		<form method="post" name="sizeUpdateForm" id="sizeUpdateForm" onsubmit="return sizeUpdate()">
		@csrf
			<div id="sizelist"></div>
			<!-- Modal footer -->
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" >Close</button>
				<button type="submit" class="btn btn-success" name="submitsizeupdate" id="submitsizeupdate" >Save</button>
			</div>
		</form>
      </div>
    </div>
  </div>
</div>
<!-- Edit Statutory Docs Modal -->
<div class="modal" id="editDocsModal" style="display:none;">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
	  <form method="post" name="sdocUpdateForm" id="sdocUpdateForm" onsubmit="return statutoryDocUpdate()" enctype="multipart/form-data" autocomplete="off">
	  @csrf
	   <input type="hidden" name="orgid" id="organization_id" value="{{$organization_id}}">
	  <div class="modal-header">
		<h6 class="modal-title">Edit Statutory Document</h6>
		<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	  </div>
      <div class="modal-body">
		<div class="row" id="append_edit_stdoc_view"></div>
      </div>
      <div class="modal-footer">
		<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" >Close</button>
        <button type="submit" class="btn btn-success" name="submit" id="submitsdoc" >Save</button>
      </div>
	</form>
    </div>
  </div>
</div>
<!-- Add Org Pricing Modal -->
<div class="modal" id="addOrgModal" style="display:none;">
  <div class="modal-dialog modal-lg">
    <div class="modal-content" style="border-radius: 1.9rem;">
	  <form  name="orgPricingAddForm" id="orgPricingAddForm" enctype="multipart/form-data" autocomplete="off">

	  @csrf
	  <input type="hidden" name="orgprice_id" id="orgprice_id" value="{{ $organization_id }}">
	  <div class="modal-header">
		<h6 class="modal-title">Add Org Pricing</h6>
		<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	  </div>
      <div class="modal-body">
		<div class="row">
		<div class="col-md-9">
                <div class="form-group row">
                    <label for="example-is_available-input" class="col-sm-3 col-form-label">Sub Product Type <span class="text-danger"> * <span></label>
                    <div class="col-sm-6">
                        <select id="subproduct_type_id" name="subproduct_type_id" type="text" class="form-control" autocomplete="off" required>
                            <option value="">Select Sub Product Type </option>

							@foreach($OrgProductMapping as $org)
								<option value="{{ $org->sub_product_type_id }}">{{ $org->subproduct_type_name }}</option>
							@endforeach

                        </select>
                    </div>
                </div><br />
            </div>
			<div class="col-md-9">
                <div class="form-group row">
                    <label for="example-is_available-input" class="col-sm-3 col-form-label">Cost <span class="text-danger"> * <span></label>
                    <div class="col-sm-6">
					<input id="cost" name="cost" type="text" class="form-control" placeholder="Enter Cost" required data-parsley-type="number" data-parsley-trigger="change">
                    </div>
                </div><br />
            </div>
		</div>
	</div>
	<div class="modal-footer">
	<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" >Close</button>
		<input type="submit" disabled style="display: none" aria-hidden="true" />
	<button type="button" class="btn btn-success" name="submittps" id="submitps"  onclick="addOrgPricing({{$organization_id}})">Save</button>
	</div>
	</form>
    </div>
  </div>
</div>

<!-- edit org pricing modal -->

<div class="modal" id="orgPricingEdit" style="display:none;">
  <div class="modal-dialog modal-lg">
    <div class="modal-content" style="border-radius: 1.9rem;">
	  <form method="post" name="orgPricingUpdateForm" id="orgPricingUpdateForm" onsubmit="return orgPricingUpdate()" enctype="multipart/form-data" autocomplete="off">
	  @csrf
	   <input type="hidden" name="orgpricingid" id="orgpricingid">
	  <div class="modal-header">
		<h6 class="modal-title">Edit Org Pricing</h6>
		<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	  </div>
      <div class="modal-body">
		<div class="row">
		    <div class="col-md-9">
                <div class="form-group row">
                    <label for="example-is_available-input" class="col-sm-3 col-form-label">Sub Product Type <span class="text-danger">  *<span></label>
                    <div class="col-sm-6">
                        <select id="subproduct_type_id1" name="subproduct_type_id1" type="text" class="form-control" autocomplete="off" required>
                            <option value="">Select Sub Product Type </option>

							@foreach ($sub_product_types as $sub_product_type_data) {
							    <option value="{{ $sub_product_type_data->id}}">{{ $sub_product_type_data->subproduct_type_name }}</option>
							@endforeach

                        </select>
                    </div>
                </div><br />
            </div>
			<div class="col-md-9">
                <div class="form-group row">
                    <label for="example-is_available-input" class="col-sm-3 col-form-label">Cost<span class="text-danger">*  <span></label>
                    <div class="col-sm-6">
					<input id="cost" name="cost" type="text" class="form-control" autocomplete="off" placeholder="Enter Cost" value="" required data-parsley-type="number" data-parsley-trigger="change">
                    </div>
                </div><br />
            </div>
		</div>
      </div>
      <div class="modal-footer">
		<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" >Close</button>
        <button type="submit" class="btn btn-success" name="submit" id="submit_sdoc"  >Save</button>
      </div>
	</form>
    </div>
  </div>
</div>
<!-- View Document Modal -->
<div class="modal" id="viewDocModal" style="display:none;">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
        <div class="modal-header">
            <h6 class="modal-title">View Statutory Document</h6>
            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <div class="row" id="append_stdoc_view"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
      </div>
    </form>
    </div>
  </div>
</div>
<!-- Org pricing ending -->
<script>
$(document).ready(function(){
	// alert();
		//has uppercase
window.Parsley.addValidator('uppercase', {
  requirementType: 'number',
  validateString: function(value, requirement) {
    var uppercases = value.match(/[A-Z]/g) || [];
    return uppercases.length >= requirement;
  },
  messages: {
    en: 'Your password must contain at least (%s) uppercase letter.'
  }
});

//has lowercase
window.Parsley.addValidator('lowercase', {
  requirementType: 'number',
  validateString: function(value, requirement) {
    var lowecases = value.match(/[a-z]/g) || [];
    return lowecases.length >= requirement;
  },
  messages: {
    en: 'Your password must contain at least (%s) lowercase letter.'
  }
});

//has number
window.Parsley.addValidator('number', {
  requirementType: 'number',
  validateString: function(value, requirement) {
    var numbers = value.match(/[0-9]/g) || [];
    return numbers.length >= requirement;
  },
  messages: {
    en: 'Your password must contain at least (%s) number.'
  }
});

//has special char
window.Parsley.addValidator('special', {
  requirementType: 'number',
  validateString: function(value, requirement) {
    var specials = value.match(/[^a-zA-Z0-9]/g) || [];
    return specials.length >= requirement;
  },
  messages: {
    en: 'Your password must contain at least (%s) special characters.'
  }
});

});
	  $(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');
    }

	var sampleSize = "{{ $OrgProductMapping}}";
	var table = $('#example').DataTable( {
        responsive: true,
		dom: 'l<"toolbar">frtip',
       initComplete: function(){
          $("div.toolbar").html('<button style="" id="addUser" type="button" class="btn btn-success dt-buttons " data-bs-toggle="modal" data-bs-target="#myModal"><img class="menuicon" src="{{asset("app-assets/images/orgicons/add.svg")}}">&nbsp;Add User</button><br />');
       }
    } );
	var tablesamplesize = $('#sampletable').DataTable( {
        responsive: true,
		dom: 'l<"sampletable">frtip',
       initComplete: function(){
		  if(sampleSize!="[]"){
          $("div.sampletable").html('<button  id="addSampleSize" type="button" class="btn btn-success dt-buttons mb-3" data-bs-toggle="modal" data-bs-target="#myModalSize"><img class="menuicon" src="{{asset("app-assets/images/orgicons/add.svg")}}">&nbsp;Add Sample Size</button><br />');
		  }
	   },
	   'columnDefs': [ {
			'targets': [2],
			'orderable': false,
		}]
    } );
	var table1 = $('#p_system').DataTable( {
		responsive: true,
		dom: 'l<"toolbar1">frtip',
		initComplete: function(){
          $("div.toolbar1").html('<button  id="addPSystem" type="button" class="btn btn-success dt-buttons " data-bs-toggle="modal" data-bs-target="#proSysAddModal"><img class="menuicon" src="{{asset('app-assets/images/orgicons/add.svg')}}">&nbsp;Add Production System</button><br />');
       	},
		'columnDefs': [ {
			'targets': [2],
			'orderable': false,
		}]
	});

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

	var tableold = $('#orgpricing_table').DataTable( {
		responsive: true,
		dom: 'l<"toolbarold">frtip',
		initComplete: function(){
			 @if($services > 0)
          $("div.toolbarold").html('<button id="addOrg" type="button" class="btn btn-success dt-buttons " data-bs-toggle="modal" data-bs-target="#addOrgModal"><img class="menuicon" src="{{asset('app-assets/images/orgicons/add.svg')}}">&nbsp;Add Org Pricing</button><br />');
			@endif
		}
	});

	var table2 = $('#s_docs_table').DataTable( {
		responsive: true,
		dom: 'l<"toolbar2">frtip',
		initComplete: function(){
          $("div.toolbar2").html('<button  id="addSDoc" type="button" class="btn btn-success dt-buttons " data-bs-toggle="modal" data-bs-target="#addDocsModal"><img class="menuicon" src="{{asset('app-assets/images/orgicons/add.svg')}}">&nbsp;Add Statutory Document</button><br />');
       	},
		'columnDefs': [ {
			'targets': [3,4],
			'orderable': false,
		}]
	});

    //new $.fn.dataTable.FixedHeader( table );
	$("#example_info").hide();
	$("#example_length").hide();
	// var lastTab = localStorage.getItem('lastTab');
 //    if (lastTab) {
 //        $('button[data-toggle="tab"]').on('show.bs.tab', function(e)
 //        {
 //            localStorage.setItem('lastTab', $(e.target).attr('href'));
 //        });
 //        $('[href="' + lastTab + '"]').tab('show');
 //        localStorage.removeItem('lastTab');
 //    }
});
function editUser(userid) {
	$("#removeData").remove();
	$.ajax({
		url: "/admin/editUser/" + userid,
		success: function(data) {
			$("#ramalist").append(data.data);
			$('#myModalEdit').modal('show');
		}
	})
}
function userVal(){
	if ($("#userForm").parsley()) {
        if ($("#userForm").parsley().validate()) {
            event.preventDefault();
            if ($(userForm).parsley().isValid()) {
			$.ajax({
			type: "POST",
			cache:false,
			async: false,
			url: "{{ url('/userInsert') }}",
			data: new FormData($("#userForm")[0]),
			processData: false,
			contentType: false,
			success: function(response)
			{
				if(response.msg=="Email Already Exists!"){
					new PNotify({
					title: 'Error',
					text:  response.msg,
					type: 'error'
					});
					return false;
				}  else if(response.data=="success"){
					new PNotify({
					title: 'Success',
					text:  response.msg,
					type: 'success'
					});
					localStorage.setItem('lastTab', "#users");
					setTimeout(function(){  location.reload(); }, 2000);
				} else if(response.data=="error"){
					new PNotify({
					title: 'Error',
					text:  response.msg,
					type: 'error'
					});
				}
			},
			error:function(response) {
				var err = "";
				$.each(response.responseJSON.errors,function(field_name,error){
					err = err+error;
				});
				new PNotify({
					title: 'Error',
					text:err,
					type: 'error',
					delay: 2000
				});
			}
			});
			}
		}
	}
}
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
function userUpdate(){
	if ($("#userUpdateForm").parsley()) {
        if ($("#userUpdateForm").parsley().validate()) {
            event.preventDefault();
            if ($(userUpdateForm).parsley().isValid()) {
			$.ajax({
			type: "POST",
			cache:false,
			async: false,
			url: "{{ url('/updateUser') }}",
			data: new FormData($("#userUpdateForm")[0]),
			processData: false,
			contentType: false,
			success: function(response) {
				if(response.data=="error"){
					new PNotify({
					title: 'Error',
					text:  response.msg,
					type: 'error'
					});
					return false;
				}
				else
				{
					new PNotify({
					title: 'Success',
					text:  response.msg,
					type: 'success'
					});
					localStorage.setItem('lastTab', "#users");
					setTimeout(function(){  location.reload(); }, 2000);
				}

			},
			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',
					delay: 2000
				});
			}
			});
			}
		}
	}
	return false;
}
function editSample(id){
	$("#removeSizeData").remove();
	$.ajax({
		url: "/admin/editSampleSize/" + id,
		success: function(data) {
			$("#sizelist").append(data.data);
			$('#myModalSizeEdit').modal('show');
		}
	});
}
function sizeVal(){
	if ($("#sizeForm").parsley()) {
        if ($("#sizeForm").parsley().validate()) {
            event.preventDefault();
            if ($(sizeForm).parsley().isValid()) {
			$.ajax({
			type: "POST",
			cache:false,
			async: false,
			url: "{{ url('/sampleInsert') }}",
			data: new FormData($("#sizeForm")[0]),
			processData: false,
			contentType: false,
			success: function(response) {
				new PNotify({
					title: 'Success',
					text:  response.msg,
					type: 'success'
					});
				 localStorage.setItem('lastTab', "#samplesize");
				setTimeout(function(){  location.reload(); }, 2000);
			},
			error:function(response) {
				var errors = response.responseJSON;
				new PNotify({
					title: 'Error',
					text:  errors,
					type: 'error',
					delay: 2000
					});
				return false;
				//alert(response);
			}
			});
			}
		}
	}
}
function sizeUpdate(){
	if ($("#sizeUpdateForm").parsley()) {
        if ($("#sizeUpdateForm").parsley().validate()) {
            event.preventDefault();
            if ($(sizeUpdateForm).parsley().isValid()) {
			$.ajax({
			type: "POST",
			cache:false,
			async: false,
			url: "{{ url('/updateSize') }}",
			data: new FormData($("#sizeUpdateForm")[0]),
			processData: false,
			contentType: false,
			success: function(response) {
				//alert(response.msg);
				new PNotify({
					title: 'Success',
					text:  response.msg,
					type: 'success'
					});
					localStorage.setItem('lastTab', "#samplesize");
				setTimeout(function(){  location.reload(); }, 2000);
			},
			error:function(response) {
				var errors = response.responseJSON;
				new PNotify({
					title: 'Error',
					text:  errors.msg,
					type: 'error',
					delay: 2000
					});
				return false;
				//alert(errors.message);
			}
			});
			}
		}
	}
	return false;
}
function userStatus(value) {
        window.location.href = '/userStatus/' + value;
}
function readURL(input) {
	if (input.files && input.files[0]) {
		var reader = new FileReader();

		reader.onload = function (e) {
			$('#logo_image')
				.attr('src', e.target.result)
				.width(150)
				.height(80);
		};

		reader.readAsDataURL(input.files[0]);
	}
}

$("#edit a").click(function() {
	var id = $(this).attr("data-id");
	$.ajax({
		url: "/admin/organization/edit/" + id,
		success: function(data) {
			$("#append_edit_view").html(data.data);
		}
	})
});

$("#vendoredit a").click(function() {
	var id = $(this).attr("data-id");
	$.ajax({
		url: "/admin/vendor/edit/" + id,
		success: function(html) {
			$("#append_vendoredit_view").html(html);
            $('.dropify').dropify({
            messages: {
                'default': 'Upload Logo<br/>Or</br>Drag it Here',
            }
        });
		}
	})
});

function updateOrganization()
{
	var id = $('#org_id').val();
	var url = '{{ route("organization_update", ":id") }}';
	url = url.replace(':id', id);
	if ($("#edit_org_form").parsley()) {
		if ($("#edit_org_form").parsley().validate()) {
			event.preventDefault();
			if ($("#edit_org_form").parsley().isValid()) {
				$.ajax({
					type: "POST",
					cache:false,
					async: false,
					url: url,
					data: new FormData($("#edit_org_form")[0]),
					processData: false,
					contentType: false,
					success: function(response) {
						new PNotify({
							title: 'Success',
							text:  response.msg,
							type: 'success'
						});
						localStorage.setItem('lastTab', "#users");
						setTimeout(function(){  location.reload(); }, 2000);
					},
					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',
							delay: 2000
						});
					}
				});
			}
		}
	}
}

function AddProductionSystem(orgid) {
	var url = '{{ route("addProductionSystem", ":id") }}';
	url = url.replace(':id', orgid);
    if ($("#proSysAddForm").parsley()) {
        if ($("#proSysAddForm").parsley().validate()) {
            event.preventDefault();
            if ($("#proSysAddForm").parsley().isValid()) {
                $.ajax({
                    type: "POST",
                    cache:false,
                    async: false,
                    url: url,
                    data: new FormData($("#proSysAddForm")[0]),
                    processData: false,
                    contentType: false,
					success: function(response) {
						if(response.msg=="Production System Already Exists!"){
							new PNotify({
							title: 'Error',
							text:  response.msg,
							type: 'error',
							delay: 1000
							});
							return false;
						} else {
							new PNotify({
								title: 'Success',
								text:  response.msg,
								type: 'success'
							});
							localStorage.setItem('lastTab', "#production");
							setTimeout(function(){  location.reload(); }, 2000);
						}
					},
					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',
							delay: 2000
						});
					}
                });
            }
        }
    }
}

function editProductionSystem(sysid) {
    var url = '/admin/organization/productionsystem/edit/'+sysid;
    $.ajax({
        url:url,
        dataType:"json",
        success:function(data) {
            console.log(data);
            $('#proSysEdit').modal('show');
            $("#psid").val(data.result.id);
            $("#user_name").val(data.result.user_name);
            $("#pwd").val(data.result.password);
            $("#pro_sys_edit").val(data.result.production_system_id);
            if(data.result.zenith_production_system_yes == 1){
                $("#iszenith_edit").attr("checked", "checked");
            }else {
                $("#iszenith_edit").removeAttr("checked", "");
            }
        }
    });
    return false;
}

function proSysUpdate(){
	var id = $('#psid').val();
	var url = '{{ route("pro_system_update", ":id") }}';
	url = url.replace(':id', id);
    if ($("#proSysUpdateForm").parsley()) {
		if ($("#proSysUpdateForm").parsley().validate()) {
			event.preventDefault();
			if ($("#proSysUpdateForm").parsley().isValid()) {
				$.ajax({
					type: "POST",
					cache:false,
					async: false,
					url: url,
					data: new FormData($("#proSysUpdateForm")[0]),
					processData: false,
					contentType: false,
					success: function(response) {
						new PNotify({
								title: 'Success',
								text:  response.msg,
								type: 'success'
							});
						localStorage.setItem('lastTab', "#production");
						setTimeout(function(){  location.reload(); }, 2000);
					},
					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',
							delay: 2000
						});
					}
				});
			}
		}
	}
}

function AddStatutoryDocs(orgid)
{
    var url = '{{ route("addStatutoryDocs", ":id") }}';
    url = url.replace(':id', orgid);
    if ($("#docsAddForm").parsley()) {
        if ($("#docsAddForm").parsley().validate()) {
            event.preventDefault();
            if ($("#docsAddForm").parsley().isValid()) {
                $.ajax({
                    type: "POST",
                    cache:false,
                    async: false,
                    url: url,
                    data: new FormData($("#docsAddForm")[0]),
                    processData: false,
                    contentType: false,
                    success: function(response) {

                        if(response.msg=="Production System Already Exists!"){
                            new PNotify({
                                title: 'Error',
                                text:  response.msg,
                                type: 'error',
                                delay: 700
                            });
                            return false;
                        } else if(response.msg=="Statutory Document Added Successfully!"){
                            new PNotify({
                                title: 'Success',
                                text:  response.msg,
                                type: 'success'
                            });
                            localStorage.setItem('lastTab', "#docs");
                            setTimeout(function(){  location.reload(); }, 2000);
                        } else {
                            new PNotify({
                                title: 'Error',
                                text:  response.msg,
                                type: 'error',
                                delay: 2000
                            });
                            return false;
                        }

                    },
                    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',
                            delay: 2000
                        });
                    }
                });
            }
        }
    }
}
function getSubProd(prodid){
	$.ajax({
		url: "/admin/getSubProd/" + prodid,
		success: function(response) {
			var resultJson = JSON.parse(response);
			 var toAppend = '';
			$.each(resultJson , function(index, subprod) {
				$("#sub_product_type_id").empty();
				toAppend += '<option value="'+subprod.id+'">'+subprod.subproduct_type_name+'</option>';

			});
			$('#sub_product_type_id').append(toAppend);
			return false;
		}
	});
}
function editStatutoryDocs(sdid) {
    var url = '/admin/organization/statutorydocuments/edit/'+sdid;
	$.ajax({
		url: url,
		success: function(data) {
			$('#editDocsModal').modal('show');
			$("#append_edit_stdoc_view").html(data.data);
		}
	})
}

function statutoryDocUpdate() {
	var id = $('#sdid').val();
	var url = '{{ route("updateStatutoryDocs", ":id") }}';
	url = url.replace(':id', id);
    if ($("#sdocUpdateForm").parsley()) {
		if ($("#sdocUpdateForm").parsley().validate()) {
			event.preventDefault();
			if ($("#sdocUpdateForm").parsley().isValid()) {
				$.ajax({
					type: "POST",
					cache:false,
					async: false,
					url: url,
					data: new FormData($("#sdocUpdateForm")[0]),
					processData: false,
					contentType: false,
					success: function(response) {
						new PNotify({
							title: 'Success',
							text:  response.msg,
							type: 'success'
						});
						localStorage.setItem('lastTab', "#docs");
						setTimeout(function(){  location.reload(); }, 2000);
					},
					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',
							delay: 2000
						});
					}
				});
			}
		}
	}
}
function addOrgPricing(orgid) {

	var url = '{{ route("org_pricing_store", ":id") }}';
	url = url.replace(':id', orgid);
    if ($("#orgPricingAddForm").parsley()) {
        if ($("#orgPricingAddForm").parsley().validate()) {
            event.preventDefault();
            if ($("#orgPricingAddForm").parsley().isValid()) {
                    $.ajax({
                    type: "POST",
                    cache:false,
                    async: false,
                    url: url,
                    data: new FormData($("#orgPricingAddForm")[0]),
                    processData: false,
                    contentType: false,
                    success: function(response) {
                    	if(response.data =="success")
                    	{
                    		new PNotify({
							title: 'Success',
							text:  response.msg,
							type: 'success',
							delay: 2000
							});
							localStorage.setItem('lastTab', "#orgpricing");
							location.reload();
                    	}
                    	else
                    	{
                    		new PNotify({
							title: 'Error',
							text:  response.msg,
							type: 'error',
							delay: 2000
							});
                    	}


                    },
                    error:function(response) {
                        var errors = response.responseJSON;
						new PNotify({
					title: 'Error',
					text:  errors.message,
					type: 'error',
					delay: 2000
					});
                        alert(errors.message);
                    }
                });
            }
        }
    }
    return false;
}

function editOrgPricing(orgpricingid) {
    var url = '/admin/organization/orgpricing/edit/'+orgpricingid;
    $.ajax({
        url:url,
        dataType:"json",
        success:function(data) {
			console.log(data.result);
		    $('#orgPricingEdit').modal('show');
			$("input[id='orgpricingid']").val(data.result.id);
            $("select[name='subproduct_type_id1']").val(data.result.sub_product_type_id);
			$("input[name='cost']").val(data.result.cost);
        }
    });
    return false;
}

function orgPricingUpdate(){
	var id = $('#orgpricingid').val();
	var url = '{{ route("orgpricing_update", ":id") }}';
	url = url.replace(':id', id);
    if ($("#orgPricingUpdateForm").parsley()) {
		if ($("#orgPricingUpdateForm").parsley().validate()) {
			event.preventDefault();
			if ($("#orgPricingUpdateForm").parsley().isValid()) {
				$.ajax({
					type: "POST",
					cache:false,
					async: false,
					url: url,
					data: new FormData($("#orgPricingUpdateForm")[0]),
					processData: false,
					contentType: false,
					success: function(response)
					{
						if(response.data =="success")
                    	{
                    		new PNotify({
							title: 'Success',
							text:  response.msg,
							type: 'success',
							delay: 2000
							});
							localStorage.setItem('lastTab', "#orgpricing");
							location.reload();
                    	}
                    	else
                    	{
                    		new PNotify({
							title: 'Error',
							text:  response.msg,
							type: 'error',
							delay: 2000
							});
                    	}

					},
					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',
							delay: 2000
						});
					}
				});
			}
		}
	}
}


function addProductMapping()
{
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		}
    });
    var data = $("#add_product_mapping").serialize();
	if(!data)
	{
        alert('Please chosse atleast one service');
    }
    else
    {

        $.ajax({

            type: "POST",

            url: "{{ route('add_org_product_mapping') }}",

            data: data,

            success: function(response)
            {
                new PNotify({
					title: 'Success',
					text:  'Service Updated Successfully',
					type: 'success'
					});
					localStorage.setItem('lastTab', "#services");
					setTimeout(function(){  location.reload(); }, 500);
					// $("#samplesize").load(location.href + " #samplesize");
					// $("#orgpricing").load(location.href + " #orgpricing");
            }

        });

    }
}

function changeProductMappingStatus(event)
{
    if($('#subproducttypeids_'+event)[0].checked){
        return false;
    }
    $.ajax({
        type: "POST",
        url: "{{ route('change_product_mapping_status') }}",
        async: true,
        cache: false,
        data: {
            "sub_product_type_id": event,
			"orgmappingid": $('#orgmappingid').val(),
            "_token": "{{ csrf_token() }}"
        },
        success: function(response) {
			new PNotify({
					title: 'Success',
					text:  'Service Status Changed Successfully',
					type: 'success'
					});
					location.reload();
            //alert('organization production status changed successfully')
        }
    });
}
function getDocView(sdid)
{
    var url = '/admin/organization/statutorydocuments/view/'+sdid;
    $.ajax({
        url: url,
        success: function(data) {
            $('#viewDocModal').modal('show');
            $("#append_stdoc_view").html(data.data);
        }
    })
}



$('#s_doc').on('change', function() {
    const size =
        this.files[0].size / 1024 ** 2;



   if (size > 2) {
        alert("Max file size is 2 MB");
    }
});
function updateVendor()
{
	var id = $('#org_id').val();
	var url = '{{ route("vendor_update", ":id") }}';
	url = url.replace(':id', id);
	if ($("#edit_vendor_form").parsley()) {
		if ($("#edit_vendor_form").parsley().validate()) {
			event.preventDefault();
			if ($("#edit_vendor_form").parsley().isValid()) {
				$.ajax({
					type: "POST",
					cache:false,
					async: false,
					url: url,
					data: new FormData($("#edit_vendor_form")[0]),
					processData: false,
					contentType: false,
					success: function(response) {
						new PNotify({
							title: 'Success',
							text:  response.msg,
							type: 'success'
						});
						localStorage.setItem('lastTab', "#users");
						setTimeout(function(){  location.reload(); }, 2000);
					},
					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',
							delay: 2000
						});
					}
				});
			}
		}
	}
}
</script>
@endsection