000

@extends('admin.layouts.app')

@section('main_title','User')

@section('title','Members')

@section('style')

<style>

.hidden {

display:none;

}

.highlight{

border-radius:5px !important;

/*background:#fff !important;*/

cursor:pointer !important;

color:black;

}

#nav_ul a {

cursor:not-allowed;

/*margin-bottom:3px;*/

/*background:#e9ecef;*/

color:black;

}

.show{

z-index: 999;

display: none;

}

.show .img-show{

width: 650px;

height: 800px;

background: #FFF;

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

overflow: hidden

}

.img-show span{

position: absolute;

top: 10px;

right: 10px;

z-index: 99;

cursor: pointer;

}

.img-show img{

width: 100%;

height: 100%;

position: absolute;

top: 0;

left: 0;

}

#viewRotateImage1 {

/*padding: 10px;*/

cursor: move;

z-index: 10;

/*background-color: #2196F3;*/

/*color: #fff;*/

}

</style>

@endsection

@section('content')

<nav>

<li class="breadcrumb-item" aria-current="page">Forms</li>

</ol>

</nav>

</div>

@if(isset($members))

</div>

<?php if(\Auth::user()->role_id =='2'){

$stepmodules = explode(',',$members->module_id);

$lastStepModule = end($stepmodules);

$updateStatus = json_decode($members->update_status_details, true);

if(!empty($updateStatus)){

$keys = array_keys($updateStatus);

}else{

$keys=array();

}

$result = array_diff($stepmodules, $keys);

// dd($result);

}?>

<li class="nav-item" @if(!empty($updateStatus)) @foreach ($updateStatus as $m => $app) @if($m==1 && $app==1) style="background-color:#cce5cc;"@endif @endforeach @endif> <a class="nav-link disabled" data-bs-toggle="tab" href="#step1" role="tab" id="nav_step1"><span class="hidden-xs-down ms-15">Step 1</span></a> </li>

<li class="nav-item" @if(!empty($updateStatus)) @foreach ($updateStatus as $m => $app) @if($m==2 && $app==1) style="background-color:#cce5cc;"@endif @endforeach @endif> <a class="nav-link disabled" data-bs-toggle="tab" href="#step2" role="tab" id="nav_step2"><span class="hidden-xs-down ms-15">Step 2</span></a> </li>

<li class="nav-item" @if(!empty($updateStatus)) @foreach ($updateStatus as $m => $app) @if($m==3 && $app==1) style="background-color:#cce5cc;"@endif @endforeach @endif> <a class="nav-link disabled" data-bs-toggle="tab" href="#step3" role="tab" id="nav_step3"><span class="hidden-xs-down ms-15">Step 3</span></a> </li>

<li class="nav-item" @if(!empty($updateStatus)) @foreach ($updateStatus as $m => $app) @if($m==4 && $app==1) style="background-color:#cce5cc;"@endif @endforeach @endif> <a class="nav-link disabled" data-bs-toggle="tab" href="#step4" role="tab" id="nav_step4"><span class="hidden-xs-down ms-15">Step 4</span></a> </li>

<li class="nav-item" @if(!empty($updateStatus)) @foreach ($updateStatus as $m => $app) @if($m==5 && $app==1) style="background-color:#cce5cc;"@endif @endforeach @endif> <a class="nav-link disabled" data-bs-toggle="tab" href="#step5" role="tab" id="nav_step5"><span class="hidden-xs-down ms-15">Step 5</span></a> </li>

<li class="nav-item" @if(!empty($updateStatus)) @foreach ($updateStatus as $m => $app) @if($m==6 && $app==1) style="background-color:#cce5cc;"@endif @endforeach @endif> <a class="nav-link disabled" data-bs-toggle="tab" href="#step6" role="tab" id="nav_step6"><span class="hidden-xs-down ms-15">Step 6</span></a> </li>

<li class="nav-item" @if(!empty($updateStatus)) @foreach ($updateStatus as $m => $app) @if($m==7 && $app==1) style="background-color:#cce5cc;"@endif @endforeach @endif> <a class="nav-link disabled" data-bs-toggle="tab" href="#step7" role="tab" id="nav_step7"><span class="hidden-xs-down ms-15">Step 7</span></a> </li>

<li class="nav-item" @if(!empty($updateStatus)) @foreach ($updateStatus as $m => $app) @if($m==8 && $app==1) style="background-color:#cce5cc;"@endif @endforeach @endif> <a class="nav-link disabled" data-bs-toggle="tab" href="#step8" role="tab" id="nav_step8"><span class="hidden-xs-down ms-15">Step 8</span></a> </li>

</ul>

<input type="hidden" value="{{$members->member_id}}" name="member_id">

<h3 style="text-align: center;"><b>Member Detail </b></h3>

<input type="text" class="form-control" id="form_no" name="form_no" value="{{$members->form_no}}" readonly>

</div>

<label for="applicant_name" class="form-label">Application Name :</label>

<input type="text" class="form-control" id="applicant_name" name="applicant_name" value="{{$members->applicant_name}}" disabled>

</div>

<label for="husband_or_father" class="form-label"><b>Husband/Father's Name :</b></label>

<option value="">-Select-</option>

<option value="FATHER" {{'FATHER' == $members->husband_or_father  ? "selected":""}}>FATHER</option>

<option value="HUSBAND" {{'HUSBAND' == $members->husband_or_father  ? "selected":""}}>HUSBAND</option>

</select>

</div>

<input type="text" class="form-control" id="husband_or_father_name" name="husband_or_father_name" value="{{$members->husband_or_father_name}}" disabled>

</div>

<label for="gender" class="form-label">Gender :</label>

<option value="">-Select-</option>

<option value="Male" {{'Male' == $members->gender  ? "selected":""}}>Male</option>

<option value="Female" {{'Female' == $members->gender  ? "selected":""}}>Female</option>

</select>

</div>

<input type="text" class="form-control" id="dob" name="dob" value="{{$members->dob}}" disabled>

</div>

<option value="">-Select-</option>

<option value="General" {{'General' == $members->cast  ? "selected":""}}>General</option>

<option value="OBC" {{'OBC' == $members->cast  ? "selected":""}}>OBC</option>

<option value="ST" {{'ST' == $members->cast  ? "selected":""}}>ST</option>
                                    <option value="SC" {{'SC' == $members->cast  ? "selected":""}}>SC</option>

</select>

</div>

<label for="location3" class="form-label">Education :</label>

<option value="">-Select Education Level-</option>

<option value="Primary" {{'Primary' == $members->education  ? "selected":""}}>Primary</option>

<option value="Post Graduate" {{'Post Graduate' == $members->education  ? "selected":""}}>Post Graduate</option>

<option value="Illiterate" {{'Illiterate' == $members->education  ? "selected":""}}>Illiterate</option>

<option value="12th Pass" {{'12th Pass' == $members->education  ? "selected":""}}>12th Pass</option>

<option value="Diploma/ITI" {{'Diploma/ITI' == $members->education  ? "selected":""}}>Diploma/ITI</option>

<option value="Graduate" {{'Graduate' == $members->education  ? "selected":""}}>Graduate</option>
                                    <option value="8th" {{'8th' == $members->education  ? "selected":""}}>8th Pass</option>
                                     <option value="10th" {{'10th' == $members->education  ? "selected":""}}>10th Pass</option>

</select>

</div>

<label for="aadhar_card" class="form-label">Aadhar Card No. :</label>

<input type="text" class="form-control" id="aadhar_card" name="aadhar_card" value="{{$members->aadhar_card}}" readonly>

</div>

</div>
							<div class="col-md-6">

<input type="text" class="form-control" id="pan_card" name="pan_card" value="{{$members->pancard_no}}" readonly>

</div>

<span><b>Profile Pic :</b></span><br>

<img src="{{asset('member_image').'/'.$members->pic_file}}" height="150px" width="150px"><br>

<button type="button" class="btn btn-sm btn-primary" onclick="getImageModel('<?php echo asset('member_image').'/'.$members->pic_file?>','<?php echo $members->id?>','pic_file')" style="float: left; border-radius: 3px; width: 29%; margin-top: 5px;">View</button>

</div>

<span><b>Signature :</b></span>

<img src="{{asset('member_image').'/'.$members->Signature}}" height="150px" width="150px"><br>

<button type="button" class="btn btn-sm btn-primary" onclick="getImageModel('<?php echo asset('member_image').'/'.$members->Signature?>','<?php echo $members->id?>','Signature')" style="float: left; border-radius: 3px; width: 29%; margin-top: 5px;">View</button>

</div>

<span><b>Aadhar Front Preview :</b></span>

<img src="{{asset('member_image').'/'.$members->aadhar_front_file}}" height="150px" width="250px">

<button type="button" class="btn btn-sm btn-primary" onclick="getImageModel('<?php echo asset('member_image').'/'.$members->aadhar_front_file?>','<?php echo $members->id?>','aadhar_front_file')" style="float: left; border-radius: 3px; width: 29%; margin-top: 5px;">View</button>

</div>

<span><b>Aadhar Back Preview :</b></span>

<img src="{{asset('member_image').'/'.$members->aadhar_back_file}}" height="150px" width="250px">

<button type="button" class="btn btn-sm btn-primary" onclick="getImageModel('<?php echo asset('member_image').'/'.$members->aadhar_back_file?>','<?php echo $members->id?>','aadhar_back_file')" style="float: left; border-radius: 3px; width: 29%; margin-top: 5px;">View</button>

</div>

<span><b>Pan Card Preview :</b></span>

<img src="{{asset('member_image').'/'.$members->pancard}}" height="150px" width="250px">

<button type="button" class="btn btn-sm btn-primary" onclick="getImageModel('<?php echo asset('member_image').'/'.$members->pancard?>','<?php echo $members->id?>','pancard')" style="float: left; border-radius: 3px; width: 29%; margin-top: 5px;">View</button>

</div>

@if(checkUpdateBtnAuthority($stepmodules, $updateStatus, 1))

<button id="editMemberDetailForm1" type="button" class="btn btn-primary" onclick="updateMemberDetail('editMemberDetailForm',1)">Approve</button>

<button id="reject1" type="button" onClick="rejectForm({{$members->member_id}}, {{$user_id}}, 1)" class="btn btn-danger">Reject

</button>

@endif

</div>

</form>

</div>

<input type="hidden" value="{{$members->id}}" name="member_id">

<h3 style="text-align: center;"><b>Address And Contact Detail </b></h3>

<label for="house_no" class="form-label">House No. :</label>

<input type="text" class="form-control" id="house_no" name="house_no" value="{{$members->house_no}}" disabled>

</div>

<label for="helmet" class="form-label">Hamlet/Dhani :</label>

<input type="text" class="form-control" id="helmet" name="helmet" value="{{ getModelBympp('master',$members->mpp_code , $members->mcc_code)->hamlet_name}}" disabled>

</div>

<label for="village" class="form-label"><span class="text-danger">*</span>Village :</label>

<input type="text" class="form-control" id="village" name="village" value="{{$members->village}}" disabled>

</div>

<label for="post_office" class="form-label"><span class="text-danger">*</span>Post Office :</label>

<input type="text" class="form-control" id="post_office" name="post_office" value="{{$members->post_office}}" disabled>

</div>

<label for="tehsil" class="form-label"><span class="text-danger">*</span>Tehsil :</label>

<input type="text" class="form-control" id="tehsil" name="tehsil" value="{{$members->tehsil}}" disabled>

</div>

<label for="district" class="form-label"><span class="text-danger">*</span>District :</label>

<input type="text" class="form-control" id="district" name="district" value="{{$members->district}}" disabled>

</div>

<label for="state" class="form-label"><span class="text-danger">*</span>State :</label>

<input type="text" class="form-control" id="state" name="state" value="{{$members->state}}" disabled>

</div>

<label for="pincode" class="form-label"><span class="text-danger">*</span>Pincode :</label>

<input type="text" class="form-control" id="pincode" name="pincode" value="{{$members->pincode}}" disabled>

</div>

<div class="row">
							<div class="col-md-4">
								<div class="form-group">
									<label for="mobile_no" class="form-label"><span class="text-danger">*</span>Mobile Number :</label>
									<input type="tel" class="form-control" id="mobile_no" name="mobile_no" value="{{$members->mobile_no}}" readonly> 
								</div>
							</div>
							<div class="col-md-4">
								<div class="form-group">
									<label for="email" class="form-label">Email :</label>
									<input type="text" class="form-control" id="email" name="email" value="{{$members->email}}" readonly> 
								</div>
							</div>
							<div class="col-md-4">
								<div class="form-group">
									<label for="landline" class="form-label">LandLine :</label>
									<input type="text" class="form-control" id="landline" name="landline" value="{{$members->landline}}" readonly> 
								</div>
							</div>
						</div>

@if(checkUpdateBtnAuthority($stepmodules, $updateStatus, 2))

<button id="editMemberDetailForm2" type="button" class="btn btn-primary" onclick="updateMemberDetail('editACDetailForm',2)">Approve</button>

<button id="reject2" type="button" onClick="rejectForm({{$members->member_id}}, {{$user_id}}, 2)" class="btn btn-danger">Reject

</button>

@endif

</div>

</form>

</div>

<input type="hidden" value="{{$members->id}}" name="member_id">

<h3 style="text-align: center;"><b>Milk Production And Consumption Details </b></h3>

<span for="milk_product_date" class="form-label">Milk Production And Consumption Details As On Date  :</span>

</div>

<input type="text" class="form-control" id="milk_product_date" name="milk_product_date" value="{{$members->milk_product_date}}" disabled>

</div>

<thead>

<tr>

<td>Heifer Nos</td>

</tr>

</thead>

<tr>

<?php

$my_array1 = explode(",", $members->desiCow);

$my_array2 = explode(",", $members->crossBred);

$my_array3 = explode(",", $members->buffalo);

$my_array4 = explode(",", $members->total);

<td>Indigenous/Desi Cow</td>

</tr>

<tr>

<td>Cross Bred</td>

</tr>

<tr>

<td>Buffalo</td>

</tr>

<tr>

<td>Total</td>

</tr>

</tbody>

</table>

</div>

<span for="MilkProduction" class="form-label">Milk Production(LPD) :</span>

</div>

<input type="number" class="form-control" id="MilkProduction" name="MilkProduction" value="{{$members->MilkProduction}}" onkeyup="getMarketableSurplus()" onchange="getMarketableSurplus()" disabled/>

</div>

<span for="HouseHoldConsumption" class="form-label">House Hold Consumption(LPD) :</span>

</div>

<input type="number" class="form-control" id="HouseHoldConsumption" name="HouseHoldConsumption" value="{{$members->HouseHoldConsumption}}" onkeyup="getMarketableSurplus()" onchange="getMarketableSurplus()" disabled/>

</div>

<span for="MarketableSurplus" class="form-label">Marketable Surplus(LPD) :</span>

</div>

<input type="number" class="form-control" id="MarketableSurplus" name="MarketableSurplus" value="{{$members->MarketableSurplus}}" readonly />

</div>

</div>
							<div class="col-md-2">

<span for="MarketableSurplus" class="form-label"> Annual Milk Commitment:</span>

</div>

<input type="number" class="form-control" id="AnnualMilkCommitment" name="AnnualMilkCommitment" value="{{$members->AnnualMilkCommitment}}" readonly />

</div>

@if(checkUpdateBtnAuthority($stepmodules, $updateStatus, 3))

<button id="editMemberDetailForm3" type="button" class="btn btn-primary" onclick="updateMemberDetail('editMPCDetailForm',3)">Approve</button>

<button id="reject3" type="button" onClick="rejectForm({{$members->member_id}}, {{$user_id}}, 3)" class="btn btn-danger">Reject

</button>

@endif

</div>

</form>

</div>

<input type="hidden" value="{{$members->id}}" name="member_id">

<h3 style="text-align: center;"><b>Saving Bank Account Details </b></h3>

<label for="account_holder_name" class="form-label">Name As Per Savings Account :</label>

<input type="text" class="form-control" id="account_holder_name" name="account_holder_name" value="{{$members->account_holder_name}}" disabled>

</div>

<label for="firstName5" class="form-label">Saving Account Number :</label>

<input type="text" class="form-control" id="firstName5" name="s_account_number" value="{{$members->s_account_number}}" disabled>

<a href="{{asset('member_image').'/'.$members->passbook_file}}" target="_blank">Passbook Preview</a>

</div>

<h5 for="ifsc_code" class="form-label">Pass Book Preview:</h5>

<img src="{{asset('member_image').'/'.$members->passbook_file}}" height="200px" width="100%">

<button type="button" class="btn btn-sm btn-primary" onclick="getImageModel('<?php echo asset('member_image').'/'.$members->passbook_file?>','<?php echo $members->id?>','passbook_file')" style="float: left; border-radius: 3px; width: 15%; margin-top: 5px;">View</button>

</div>

<input type="text" class="form-control" id="ifsc_code" name="ifsc_code" value="{{$members->ifsc_code}}" disabled>

</div>

<input type="text" class="form-control" id="bank_name" name="bank_name" value="{{$members->bank_name}}" disabled>

</div>

<label for="branch_name" class="form-label">Branch Name :</label>

<input type="text" class="form-control" id="branch_name" name="branch_name" value="{{$members->branch_name}}" disabled>

</div>

@if(checkUpdateBtnAuthority($stepmodules, $updateStatus, 4))

<button id="editMemberDetailForm4" type="button" class="btn btn-primary" onclick="updateMemberDetail('editSBADetailForm',4)">Approve</button>

<button id="reject4" type="button" onClick="rejectForm({{$members->member_id}}, {{$user_id}}, 4)" class="btn btn-danger">Reject

</button>

@endif

</div>

</form>

</div>

<input type="hidden" value="{{$members->id}}" name="member_id">

<h3 style="text-align: center;"><b>Particular Of My House Hold Members Living With Me </b></h3>

<thead>

<tr>

<td>Gender</td>

<td>Relation With Applicant</td>

</tr>

</thead>

<?php

$array1 = explode(",", $members->relation1);

$array2 = explode(",", $members->relation2);

$array3 = explode(",", $members->relation3);

$array4 = explode(",", $members->relation4);

$array5 = explode(",", $members->relation5);

$array6 = explode(",", $members->relation6);

<tr>

<td>

<option value="">-Select-</option>

<option value="Female" {{'Female' == $array1[1]  ? "selected":""}}>Female</option>

</select>

</td>

<td>

<option value="">-Select-</option>

<option value="Mother" {{'Mother' == $array1[3]  ? "selected":""}}>Mother</option>

<option value="Father" {{'Father' == $array1[3]  ? "selected":""}}>Father</option>

<option value="Daughter" {{'Daughter' == $array1[3]  ? "selected":""}}>Daughter</option>

<option value="Sister" {{'Sister' == $array1[3]  ? "selected":""}}>Sister</option>

<option value="Brother" {{'Brother' == $array1[3]  ? "selected":""}}>Brother</option>

<option value="Husband" {{'Husband' == $array1[3]  ? "selected":""}}>Husband</option>

<option value="Daughter In Law" {{'Daughter In Law' == $array1[3]  ? "selected":""}}>Daughter In Law</option>

<option value="Father In law" {{'Father In law' == $array1[3]  ? "selected":""}}>Father In law</option>

<option value="Mother In Law" {{'Mother In Law' == $array1[3]  ? "selected":""}}>Mother In Law</option>

</select>

</td>

</tr>

<tr>

<td>

<option value="">-Select-</option>

<option value="Female" {{'Female' == $array2[1]  ? "selected":""}}>Female</option>

</select>

</td>

<td>

<option value="">-Select-</option>

<option value="Mother" {{'Mother' == $array2[3]  ? "selected":""}}>Mother</option>

<option value="Father" {{'Father' == $array2[3]  ? "selected":""}}>Father</option>

<option value="Daughter" {{'Daughter' == $array2[3]  ? "selected":""}}>Daughter</option>

<option value="Sister" {{'Sister' == $array2[3]  ? "selected":""}}>Sister</option>

<option value="Brother" {{'Brother' == $array2[3]  ? "selected":""}}>Brother</option>

<option value="Husband" {{'Husband' == $array2[3]  ? "selected":""}}>Husband</option>

<option value="Daughter In Law" {{'Daughter In Law' == $array2[3]  ? "selected":""}}>Daughter In Law</option>

<option value="Father In law" {{'Father In law' == $array2[3]  ? "selected":""}}>Father In law</option>

<option value="Mother In Law" {{'Mother In Law' == $array2[3]  ? "selected":""}}>Mother In Law</option>

</select>

</td>

</tr>

<tr>

<td>

<option value="">-Select-</option>

<option value="Female" {{'Female' == $array3[1]  ? "selected":""}}>Female</option>

</select>

</td>

<td>

<option value="">-Select-</option>

<option value="Mother" {{'Mother' == $array3[3]  ? "selected":""}}>Mother</option>

<option value="Father" {{'Father' == $array3[3]  ? "selected":""}}>Father</option>

<option value="Daughter" {{'Daughter' == $array3[3]  ? "selected":""}}>Daughter</option>

<option value="Sister" {{'Sister' == $array3[3]  ? "selected":""}}>Sister</option>

<option value="Brother" {{'Brother' == $array3[3]  ? "selected":""}}>Brother</option>

<option value="Husband" {{'Husband' == $array3[3]  ? "selected":""}}>Husband</option>

<option value="Daughter In Law" {{'Daughter In Law' == $array3[3]  ? "selected":""}}>Daughter In Law</option>

<option value="Father In law" {{'Father In law' == $array3[3]  ? "selected":""}}>Father In law</option>

<option value="Mother In Law" {{'Mother In Law' == $array3[3]  ? "selected":""}}>Mother In Law</option>

</select>

</td>

</tr>

<tr>

<td>

<option value="">-Select-</option>

<option value="Female" {{'Female' == $array4[1]  ? "selected":""}}>Female</option>

</select>

</td>

<option value="">-Select-</option>

<option value="Mother" {{'Mother' == $array4[3]  ? "selected":""}}>Mother</option>

<option value="Father" {{'Father' == $array4[3]  ? "selected":""}}>Father</option>

<option value="Daughter" {{'Daughter' == $array4[3]  ? "selected":""}}>Daughter</option>

<option value="Sister" {{'Sister' == $array4[3]  ? "selected":""}}>Sister</option>

<option value="Brother" {{'Brother' == $array4[3]  ? "selected":""}}>Brother</option>

<option value="Husband" {{'Husband' == $array4[3]  ? "selected":""}}>Husband</option>

<option value="Daughter In Law" {{'Daughter In Law' == $array4[3]  ? "selected":""}}>Daughter In Law</option>

<option value="Father In law" {{'Father In law' == $array4[3]  ? "selected":""}}>Father In law</option>

<option value="Mother In Law" {{'Mother In Law' == $array4[3]  ? "selected":""}}>Mother In Law</option>

</select>

</td>

</tr>

<tr>

<td>

<option value="">-Select-</option>

<option value="Female" {{'Female' == $array5[1]  ? "selected":""}}>Female</option>

</select>

</td>

<option value="">-Select-</option>

<option value="Mother" {{'Mother' == $array5[3]  ? "selected":""}}>Mother</option>

<option value="Father" {{'Father' == $array5[3]  ? "selected":""}}>Father</option>

<option value="Daughter" {{'Daughter' == $array5[3]  ? "selected":""}}>Daughter</option>

<option value="Sister" {{'Sister' == $array5[3]  ? "selected":""}}>Sister</option>

<option value="Brother" {{'Brother' == $array5[3]  ? "selected":""}}>Brother</option>

<option value="Husband" {{'Husband' == $array5[3]  ? "selected":""}}>Husband</option>

<option value="Daughter In Law" {{'Daughter In Law' == $array5[3]  ? "selected":""}}>Daughter In Law</option>

<option value="Father In law" {{'Father In law' == $array5[3]  ? "selected":""}}>Father In law</option>

<option value="Mother In Law" {{'Mother In Law' == $array5[3]  ? "selected":""}}>Mother In Law</option>

</select>

</td>

</tr>

<tr>

<td>

<option value="">-Select-</option>

<option value="Female" {{'Female' == $array6[1]  ? "selected":""}}>Female</option>

</select>

</td>

<option value="">-Select-</option>

<option value="Mother" {{'Mother' == $array6[3]  ? "selected":""}}>Mother</option>

<option value="Father" {{'Father' == $array6[3]  ? "selected":""}}>Father</option>

<option value="Daughter" {{'Daughter' == $array6[3]  ? "selected":""}}>Daughter</option>

<option value="Sister" {{'Sister' == $array6[3]  ? "selected":""}}>Sister</option>

<option value="Brother" {{'Brother' == $array6[3]  ? "selected":""}}>Brother</option>

<option value="Husband" {{'Husband' == $array6[3]  ? "selected":""}}>Husband</option>

<option value="Daughter In Law" {{'Daughter In Law' == $array6[3]  ? "selected":""}}>Daughter In Law</option>

<option value="Father In law" {{'Father In law' == $array6[3]  ? "selected":""}}>Father In law</option>

<option value="Mother In Law" {{'Mother In Law' == $array6[3]  ? "selected":""}}>Mother In Law</option>

</select>

</td>

</tr>

</tbody>

<tfoot>

</tfoot>

</table>

</div>

@if(checkUpdateBtnAuthority($stepmodules, $updateStatus, 5))

<button id="editMemberDetailForm5" type="button" class="btn btn-primary" onclick="updateMemberDetail('editPOMHHMLWMDetailForm',5)">Approve</button>

<button id="reject5" type="button" onClick="rejectForm({{$members->member_id}}, {{$user_id}}, 5)" class="btn btn-danger">Reject

</button>

@endif

</div>

</form>

</div>

<input type="hidden" value="{{$members->id}}" name="member_id">

<h3 style="text-align: center;"><b>Nominee Declaration </b></h3>

<label for="nominee_name" class="form-label">Nominee Name :</label>

<input type="text" class="form-control" id="nominee_name" name="nominee_name" value="{{$members->nominee_name}}" disabled>

</div>

<label for="relation_with_application" class="form-label">Relation With Applicant :</label>

<option value="">-Select-</option>

<option value="Mother" {{'Mother' == $members->relation_with_application  ? "selected":""}}>Mother</option>

<option value="Father" {{'Father' == $members->relation_with_application  ? "selected":""}}>Father</option>

<option value="Son" {{'Son' == $members->relation_with_application  ? "selected":""}}>Son</option>

<option value="Daughter" {{'Daughter' == $members->relation_with_application  ? "selected":""}}>Daughter</option>

<option value="Sister" {{'Sister' == $members->relation_with_application  ? "selected":""}}>Sister</option>

<option value="Brother" {{'Brother' == $members->relation_with_application  ? "selected":""}}>Brother</option>

<option value="Husband" {{'Husband' == $members->relation_with_application  ? "selected":""}}>Husband</option>

<option value="Wife" {{'Wife' == $members->relation_with_application  ? "selected":""}}>Wife</option>

<option value="Daughter In Law" {{'Daughter In Law' == $members->relation_with_application  ? "selected":""}}>Daughter In Law</option>

<option value="Father In law" {{'Father In law' == $members->relation_with_application  ? "selected":""}}>Father In law</option>

<option value="Mother In Law" {{'Mother In Law' == $members->relation_with_application  ? "selected":""}}>Mother In Law</option>

</select>

</div>

<label for="guardian_name" class="form-label">Guardian's Name :</label>

<input type="text" class="form-control" id="guardian_name" name="guardian_name" value="{{$members->guardian_name}}" disabled>

</div>

<input type="text" class="form-control" id="age" name="age" value="{{$members->age}}" disabled>

</div>

<label for="address" class="form-label">Adress :</label>

<textarea name="address" id="address" rows="3" class="form-control" disabled>{{$members->address}}</textarea>

</div>

</div>
						<div class="row">

<span><b>Nominee Aadhar Front Preview :</b></span>

<img src="{{asset('member_image').'/'.$members->nominee_aadhar_front_file}}" height="150px" width="250px">

<button type="button" class="btn btn-sm btn-primary" onclick="getImageModel('<?php echo asset('member_image').'/'.$members->nominee_aadhar_front_file?>','<?php echo $members->id?>','nominee_aadhar_front_file')" style="float: left; border-radius: 3px; width: 29%; margin-top: 5px;">View</button>

</div>

<span><b>Nominee Aadhar Back Preview :</b></span>

<img src="{{asset('member_image').'/'.$members->nominee_aadhar_back_file}}" height="150px" width="250px">

<button type="button" class="btn btn-sm btn-primary" onclick="getImageModel('<?php echo asset('member_image').'/'.$members->nominee_aadhar_back_file?>','<?php echo $members->id?>','nominee_aadhar_back_file')" style="float: left; border-radius: 3px; width: 29%; margin-top: 5px;">View</button>

</div>

@if(checkUpdateBtnAuthority($stepmodules, $updateStatus, 6))

<button id="editMemberDetailForm6" type="button" class="btn btn-primary" onclick="updateMemberDetail('editNNDetailForm',6)">Approve</button>

<button id="reject6" type="button" onClick="rejectForm({{$members->member_id}}, {{$user_id}}, 6)" class="btn btn-danger">Reject

</button>

@endif

</div>

</form>

</div>

<input type="hidden" value="{{$members->id}}" name="member_id">

<h3 style="text-align: center;"><b>Village Details </b></h3>

<label for="milk_producer_name" class="form-label">Name Of Milk Producer:</label>

<input type="text" class="form-control" id="milk_producer_name" name="milk_producer_name" value="{{$members->milk_producer_name}}" disabled>

</div>

<option value="">Select</option>

@foreach($mcc as $m)

<option value="{{$m->name}}" {{$m->name == $members->mcc_name  ? "selected":""}}>{{$m->name}}</option>

@endforeach

</select>

</div>

<input type="text" class="form-control" id="mcc_code" name="mcc_code" value="{{$members->mcc_code}}" readonly>

</div>

<option value="{{$members->mpp_name}}" selected>{{$members->mpp_name}}</option>

</select>

</div>

<input type="text" class="form-control" id="mpp_code" name="mpp_code" value="{{$members->mpp_code}}" readonly>

</div>

<label for="revanue_vill_name" class="form-label">Revenue Vill Name :</label>

<input type="text" class="form-control" id="revanue_vill_name" name="revanue_vill_name" value="{{$members->revanue_vill_name}}" readonly>

</div>

<label for="revanue_vill_code" class="form-label">Revenue Vill Code :</label>

<input type="text" class="form-control" id="revanue_vill_code" name="revanue_vill_code" value="{{$members->revanue_vill_code}}" readonly>

</div>

<label for="tehsil_name" class="form-label">Tehsil Name :</label>

<input type="text" class="form-control" id="tehsil_name" name="tehsil_name" value="{{$members->tehsil_name}}" readonly>

</div>

<label for="district_name" class="form-label">District Name :</label>

<input type="text" class="form-control" id="district_name" name="district_name" value="{{$members->district_name}}" readonly>

</div>

<label for="pooling_point_code" class="form-label">Pooling Point Code :</label>

<input type="text" class="form-control" id="pooling_point_code" name="pooling_point_code" value="{{$members->pooling_point_code}}" disabled>

</div>

@if(checkUpdateBtnAuthority($stepmodules, $updateStatus, 7))

<button id="editMemberDetailForm7" type="button" class="btn btn-primary" onclick="updateMemberDetail('editVDetailForm',7)">Approve</button>

<button id="reject7" type="button" onClick="rejectForm({{$members->member_id}}, {{$user_id}} , 7)" class="btn btn-danger">Reject

</button>

@endif

</div>

</form>

</div>

<input type="hidden" value="{{$members->id}}" name="member_id">

<h3 style="text-align: center;"><b>Member Fee Details </b></h3>

<label for="admission_fee" class="form-label">Admission Fee :</label>

<input type="text" class="form-control" id="admission_fee" name="admission_fee" value="{{$members->admission_fee}}" readonly>

</div>

<label for="share_quantity" class="form-label">Share Quantity :</label>

<input type="text" class="form-control" id="share_quantity" name="share_quantity" value="{{$members->share_quantity}}" disabled>

</div>

<label for="received_amount" class="form-label">Received Amount :</label>

<input type="text" class="form-control" id="received_amount" value="{{$members->received_amount}}" name="received_amount" readonly>

</div>

<option value="">-Select-</option>

<option value="Cash" {{'Cash' == $members->cash_dd  ? "selected":""}}>Cash</option>

<option value="UPI/QR CODE" {{'UPI/QR CODE' == $members->cash_dd  ? "selected":""}}>UPI/QR CODE</option>

</select>

</div>

<span><b>Payment Receipt :</b></span><br>

<img src="{{asset('member_image').'/'.$members->payment_receipt}}" height="150px" width="250px">

</div>

</div>

<label for="transaction_id" class="form-label">Transaction ID :</label>

<input type="text" class="form-control" id="transaction_id" name="transaction_id" value="{{$members->transaction_id}}" disabled>

</div>

<input type="text" class="form-control" id="fee_bank_name" name="fee_bank_name" value="{{$members->fee_bank_name}}" disabled>

</div>

<label for="fee_branch_name" class="form-label">Branch Name :</label>

<input type="text" class="form-control" id="fee_branch_name" name="fee_branch_name" value="{{$members->fee_branch_name}}" disabled>

</div>

<label for="fee_receipt_no" class="form-label">Bank Slip/Receipt No. :</label>

<input type="text" class="form-control" id="fee_receipt_no" name="fee_receipt_no" value="{{$members->fee_receipt_no}}" disabled>

</div>

<label for="fee_receipt_date" class="form-label">Bank Slip/Receipt Date :</label>

<input type="text" class="form-control" id="fee_receipt_date" name="fee_receipt_date" value="{{$members->fee_receipt_date}}" disabled>

</div>

<label for="amount" class="form-label">Amount :</label>

<input type="text" class="form-control" id="amount" name="amount" value="{{$members->received_amount}}" disabled>

</div>

<label for="shg_member" class="form-label">SHG Member :</label>

<option value="">-Select-</option>

<option value="Yes" {{'Yes' == $members->shg_member  ? "selected":""}}>Yes</option>

<option value="No" {{'No' == $members->shg_member  ? "selected":""}}>No</option>

</select>

</div>

@if(checkUpdateBtnAuthority($stepmodules, $updateStatus, 8))

<button id="editMemberDetailForm8" type="button" class="btn btn-primary" onclick="updateMemberDetail('editMFDetailForm',8)">Approve</button>

<button id="reject8" type="button" onClick="rejectForm({{$members->member_id}}, {{$user_id}}, 8)" class="btn btn-danger">Reject

</button>

@endif

</div>

</form>

</div>

@else

<h4 class="box-title">You don't have permission to edit member.</h4>

</div>

@endif

</div>

</div>

</div>

</section>

</div>

<h5 class="modal-title" id="exampleModalLabel">View/Rotate</h5>

</div>

</div>

<button type="button" class="btn btn-sm btn-success" style="border-radius: 3px;margin-top: 10px;" onclick="rotateImage()">Rotate <i class="fa fa-repeat" aria-hidden="true"></i></button>

</div>

<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal" style="float:right;padding: 7px 14px;">Close</button>

</div>

@section('script')

const steps = {!! json_encode($stepmodules) !!};

function getval(v)

{

if(v.value=='Male'){

$('#admission_fee').val(100);

var share_quantity=parseInt($("#share_quantity").val() *100);

var admission_fee=parseInt($("#admission_fee").val());

$('#received_amount').val(share_quantity+admission_fee);

}

if(v.value=='Female'){

$('#admission_fee').val(50);

var share_quantity=parseInt($("#share_quantity").val() *100);

var admission_fee=parseInt($("#admission_fee").val());

$('#received_amount').val(share_quantity+admission_fee);

}

$(document).ready(function () {

$.each(steps, function(key, value){

$("#nav_step"+value).addClass('highlight');

$("#nav_step"+value).removeClass('disabled');

});

// $(".nav-item a[data-bs-toggle=tab]").on("click", function(e) {

//     console.log('inside');

//   if ($(this).hasClass("disabled")) {

//     e.preventDefault();

//     return false;

//   }

// });

$("#box-body").tabs({

active: steps[0]-1,

activate: function (event, ui) {

var active = $('#box-body').tabs('option', 'active');

$(active).attr('background-color', 'blue');

}

});

$("#share_quantity").keyup(function () {

var share_quantity=parseInt($("#share_quantity").val() *100);

var admission_fee=parseInt($("#admission_fee").val());

$('#received_amount').val(share_quantity+admission_fee);

});

function getTotalHeiferNos(){

var crossBred1=parseInt($("#crossBred1").val());

var desiCow1=parseInt($("#desiCow1").val());

var buffalo1=parseInt($("#buffalo1").val());

$('#total1').val(crossBred1+desiCow1+buffalo1);

}

function getTotalDryNos(){

var crossBred2=parseInt($("#crossBred2").val());

var desiCow2=parseInt($("#desiCow2").val());

var buffalo2=parseInt($("#buffalo2").val());

$('#total2').val(crossBred2+desiCow2+buffalo2);

}

function getTotalInMilkNos(){

var crossBred3=parseInt($("#crossBred3").val());

var desiCow3=parseInt($("#desiCow3").val());

var buffalo3=parseInt($("#buffalo3").val());

$('#total3').val(crossBred3+desiCow3+buffalo3);

}

function getMarketableSurplus(){

var MilkProduction=parseInt($("#MilkProduction").val());

var HouseHoldConsumption=parseInt($("#HouseHoldConsumption").val());

$('#MarketableSurplus').val(MilkProduction-HouseHoldConsumption);

}

function getMppByMcc() {

var mcc_name = $("#mcc_name").val();

//var mppname = $("#mpp_name").val();

if (mcc_name != "") {

$.ajaxSetup({

headers: {

'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')

}

});

$.ajax({

url: '/admin/get-mpp-by-mcc',

type: 'POST',

data: {mcc_name: mcc_name},

success:function(data){

// 	var data = JSON.parse(data);

console.log(data);

var option = "<option value=''>Select</option>";

if (data.flag) {

$.each(data.mpp, function(index, mpp) {

option += "<option value='"+mpp.name+"'>"+mpp.name+"</option>";

// 			option += "<option value='"+mpp.name+"' ('"+mpp.name+"' == '"+mppname+"'  ? "selected":"")>'"+mpp.name+"'</option>";

// 			option += `<option value='`+mpp.name+`'`+(mpp.name == $members->mpp_name)?"selected":""+`>`+mpp.name+`</option>`;

});

} else {

option += "<option>"+data.message+"</option>";

}

$("#mpp_name").html(option);

$("#mcc_code").val(data.mcc.code);

}

});

} else {

swal({

title : "mcc Missing!",

text  : "Please select mcc first.",

icon  : "error"

}).then(function(){

// $("#siteId").html("<option>Select Site ID</option>");

});

}

function getAllByMpp() {

var mcc_name = $("#mcc_name").val();

var mpp_name = $("#mpp_name").val();

if (mcc_name != "" && mpp_name != "") {

$.ajaxSetup({

headers: {

'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')

}

});

$.ajax({

url: '/admin/get-all-by-mpp',

type: 'POST',

data: {mcc_name:mcc_name,mpp_name: mpp_name},

success:function(data){

console.log(data);

$("#mpp_code").val(data.mpp.mpp_code);

$("#revanue_vill_name").val(data.mpp.village_name);

$("#revanue_vill_code").val(data.mpp.village_code);

$("#tehsil_name").val(data.mpp.tehsil_name);

$("#district_name").val(data.mpp.district_name);

}

});

} else {

swal({

title : "mcc and mpp Missing!",

text  : "Please select mpp and mccfirst.",

icon  : "error"

}).then(function(){

// $("#siteId").html("<option>Select Site ID</option>");

});

}

// 	function rejectForm(member_id, user_id, module_id) {

//   if (member_id == "") {

// 			swal("Form Missing !","Form ID is missing. Please try again.","error");

// 			return false;

// 		}

// 		swal({

// 			title:"Are You Sure !",

// 			text:"Do you want to Reject ",

// 			icon:"warning",

// // 			content: "input",

//             content: {

//             element: "input",

//             attributes: {

//               placeholder: "Reject Remark ",

//             //   type: "text",

//               pattern:"[A-Za-z]",

//             },

//           },

// 			buttons:[true, "Yes, Reject"],

// 			dangerMode:true

// 		}).then(function(isConfirm){

// 			if (!isConfirm) {

// 				return false;

// 			} else {

// 			  $.ajaxSetup({

// 					headers: {

// 						'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')

// 					}

// 				});

// 				$.ajax({

// 					url: '/user/reject-form-by-user',

// 					type: 'POST',

// 					data: {member_id:member_id, user_id:user_id, module_id:module_id,remark:`${isConfirm}`},

// 					success:function (data) {

// 					    console.log(data);

// 			      if(!data.flag){

// 			         // alert('error');

// 						  swal({

// 								title: "Error!",

// 								text: data.errors.remark[0],

// 								type: "error"

// 							});

// 						}else{

// 							swal({

// 								title: "Success!",

// 								text: data.message,

// 								type: "success"

// 							}).then( function() {

// 								window.location.reload();

// 							});

// 						}

// 					}

// 				});

// 			}

// 		});

// 	}

function rejectForm(member_id, user_id, module_id) {

if (member_id == "") {

Swal.fire("Form Missing!", "Form ID is missing. Please try again.", "error");

return false;

}

Swal.fire({

title: "Are You Sure!",

text: "Do you want to Reject?",

icon: "warning",

input: "text",

inputPlaceholder: "Reject Remark",

showCancelButton: true,

confirmButtonText: "Yes, Reject",

dangerMode: true

}).then((result) => {

if (result.isConfirmed) {

// Validate the input using regular expression

var remark = result.value.trim(); // Trim whitespace from the input

var lettersOnlyRegex = /^[a-zA-Z\s]+$/; // Regex to match only letters (capital and lowercase) and spaces

if (!lettersOnlyRegex.test(remark)) {

Swal.fire("Invalid Input!", "Please enter only capital and lowercase letters.", "error");

return;

}

$.ajaxSetup({

headers: {

'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')

}

});

$.ajax({

url: '/user/reject-form-by-user',

type: 'POST',

data: {

member_id: member_id,

user_id: user_id,

module_id: module_id,

remark: remark

success: function(data) {

console.log(data);

if (!data.flag) {

Swal.fire({

title: "Error!",

text: data.errors.remark[0],

type: "error"

});

} else {

Swal.fire({

title: "Success!",

text: data.message,

type: "success"

}).then(() => {

window.location.reload();

});

}

});

}

});

}

function showLoader() {

$('#loader').show();

}

function hideLoader() {

$('#loader').hide();

}

// function updateMemberDetail(form_id,step_no){

//                 showLoader();

// 	$.ajaxSetup({

// 		headers: {

// 			'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')

// 		}

// 	});

// 	$.ajax({

// 		url: $('#'+form_id).attr('action'),

// 		method: 'POST',

// 		data: $('#'+form_id).serialize(),

// 		beforeSend: function () {

//                     $('#editMemberDetailForm'+step_no).attr('disabled', true).html("Processing...");

//                     },

// 		success: function(data){

// 		     hideLoader();

// 			 $('#editMemberDetailForm'+step_no).attr('disabled', false).html("Approve");

// 			if(!data.flag){

// 				swal({

// 					title: "Error!",

// 					text: data.message,

// 					type: "error"

// 				});

// 			}else{

// 				swal.fire({

// 					title: "Success!",

// 					text: data.message,

// 					type: "success"

// 				}).then((result) => {

// 				    $('button#step'+step_no).hide();

//                                 $('button#reject'+step_no).hide();

//                                 $("#nav_step"+step_no).parent().css('background-color', '#cce5cc !important');

//                                 console.log(steps);

//                                 $.each(steps, function(key, value){

//                                     if(value==step_no){

//                                         var nextKey = key+1;

//                                         if(nextKey!=8){

//                                             var nextValue = steps[nextKey];

//                                             $("#nav_step"+nextValue).parent().css('background-color', '#3596f7');

//                                             $('#nav_step'+nextValue).click();

//                                         }

//                                     }

//                                 });

// 			        window.location.reload();

// 				});

// 			}

// 		}

// 	});

// }

function updateMemberDetail(form_id,step_no){

showLoader();

$.ajaxSetup({

headers: {

'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')

}

});

$.ajax({

url: $('#'+form_id).attr('action'),

method: 'POST',

data: $('#'+form_id).serialize(),

beforeSend: function () {

$('#editMemberDetailForm'+step_no).attr('disabled', true).html("Processing...");

success: function(data){

hideLoader();

$('#editMemberDetailForm'+step_no).attr('disabled', false).html("Approve");

if(!data.flag){

swal.fire({

title: "Error!",

text: data.message,

icon: "error"

});

}else{

swal.fire({

title: "Success!",

text: data.message,

icon: "success"

}).then((result) => {

$('button#step'+step_no).hide();

$('button#reject'+step_no).hide();

$("#nav_step"+step_no).parent().css('background-color', '#cce5cc !important');

console.log(steps);

$.each(steps, function(key, value){

if(value==step_no){

var nextKey = key+1;

if(nextKey!=8){

var nextValue = steps[nextKey];

$("#nav_step"+nextValue).parent().css('background-color', '#3596f7');

$('#nav_step'+nextValue).click();

}

});

window.location.reload();

});

}

});

}

var scale; // Initial scale value

function getImageModel(imageSrc,form_id,field_name){

//console.log(imageSrc);

scale = 1;

applyZoom();

$('#imageUpdate').attr('disabled', true);

$("#update_form_id").val(form_id);

$("#field_name").val(field_name);

$("#view_rotate_img").attr('src', imageSrc);

$("#viewRotateImage").modal('toggle');

}

var rotatedImage;

var rotatedFileName = ''; // Define globally with an empty string initially

function rotateImage() {
      // Get the image element
        var image = document.getElementById('view_rotate_img');

// Use the image's natural dimensions for the highest resolution
        var naturalWidth = image.naturalWidth;
        var naturalHeight = image.naturalHeight;

// Create a canvas element with dimensions matching the rotated image
        var canvas = document.createElement('canvas');
        canvas.width = naturalHeight;  // Switch width and height for rotation
        canvas.height = naturalWidth;
        var ctx = canvas.getContext('2d', { alpha: false });

// Rotate the canvas by 90 degrees
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.save();
        ctx.translate(canvas.width / 2, canvas.height / 2);
        ctx.rotate((90 * Math.PI) / 180);
        ctx.drawImage(image, -naturalWidth / 2, -naturalHeight / 2, naturalWidth, naturalHeight);
        ctx.restore();

// Create a new Image object with the rotated image data
        var rotatedImage = new Image();
        rotatedImage.onload = function() {
        // Generate a new file name for the rotated image
        rotatedFileName = generateRotatedFileName(image.src); // Properly set the global rotatedFileName

// Update the image source with the rotated image
        image.src = rotatedImage.src;

// Enable the update button after rotation
        $('#imageUpdate').attr('disabled', false);
        };

// Set the rotated image source as PNG (lossless format)
        rotatedImage.src = canvas.toDataURL('image/png'); // No quality loss with PNG
    }

// Generate a new file name for the rotated image
    function generateRotatedFileName(originalFileName) {
        var timestamp = new Date().getTime();
        var extension = 'png'; // Use PNG extension for better quality
        return 'rotated_' + timestamp + '.' + extension;
    }

function imageUpdate() {
        // Ensure rotatedFileName is defined before trying to use it
        if (!rotatedFileName) {
            console.error('rotatedFileName is undefined');
            return; // Prevent further execution if rotatedFileName is undefined
        }

var formData = new FormData();
        var dataURL = document.getElementById('view_rotate_img').src; // Get the data URL of the rotated image
        var imageName = rotatedFileName; // Use the globally defined rotatedFileName

if (dataURL.indexOf('data:image/') === 0) {
            var extension = dataURL.substring(dataURL.indexOf('/') + 1, dataURL.indexOf(';'));
            imageName = rotatedFileName.replace(/[^.]+$/, extension); // Replace file extension if necessary
        }

// Convert data URL to Blob
        var byteString = atob(dataURL.split(',')[1]);
        var mimeString = dataURL.split(',')[0].split(':')[1].split(';')[0];
        var ab = new ArrayBuffer(byteString.length);
        var ia = new Uint8Array(ab);
        for (var i = 0; i < byteString.length; i++) {
            ia[i] = byteString.charCodeAt(i);
        }
        var blob = new Blob([ab], { type: mimeString });

formData.append('update_image', blob, imageName);
        formData.append('form_id', $('#update_form_id').val());
        formData.append('field_name', $('#field_name').val());

$.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') // Add Laravel CSRF token
            }
        });

$.ajax({
            url: "{{ url('admin/update-member-image') }}",
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
             success: function(data) {
                if (!data.flag) {
                    swal.fire({
                        title: "Error",
                        text: data.message,
                        icon: "error"
                    });
                } else {
                    	swal.fire({
                            title: "Success!",
                                text: data.message,
                                    icon: "success"
                                }).then(function() {
                        window.location.reload();
                    });
                }
                console.log('Image saved successfully!');
            },
            error: function(error) {
                console.log('Error saving image: ' + error);
            }
        });

return false; // Prevent default form submission
    }

function zoomIn() {

scale += 0.1;

applyZoom();

}

function zoomOut() {

scale -= 0.1;

applyZoom();

}

function applyZoom() {

var image = document.getElementById('view_rotate_img');

image.style.transform = 'scale(' + scale + ')';

}

$(function () {

$(".popup img").click(function () {

// alert('sdfs');

var $src = $(this).attr("src");

$(".show").fadeIn();

$(".img-show img").attr("src", $src);

});

$("span, .overlay").click(function () {

$(".show").fadeOut();

});

//Make the DIV element draggagle:

dragElement(document.getElementById("viewRotateImage1"));

function dragElement(elmnt) {

var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;

if (document.getElementById(elmnt.id)) {

/* if present, the header is where you move the DIV from:*/

document.getElementById(elmnt.id).onmousedown = dragMouseDown;

} else {

/* otherwise, move the DIV from anywhere inside the DIV:*/

elmnt.onmousedown = dragMouseDown;

}

function dragMouseDown(e) {

e = e || window.event;

e.preventDefault();

// get the mouse cursor position at startup:

pos3 = e.clientX;

pos4 = e.clientY;

document.onmouseup = closeDragElement;

// call a function whenever the cursor moves:

document.onmousemove = elementDrag;

}

function elementDrag(e) {

e = e || window.event;

e.preventDefault();

// calculate the new cursor position:

pos1 = pos3 - e.clientX;

pos2 = pos4 - e.clientY;

pos3 = e.clientX;

pos4 = e.clientY;

// set the element's new position:

elmnt.style.top = (elmnt.offsetTop - pos2) + "px";

elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";

}

function closeDragElement() {

/* stop moving when mouse button is released:*/

document.onmouseup = null;

document.onmousemove = null;

}

</script>

@endsection