@extends('adminlayout.admin')

@section('content')
<div class="nk-content nk-content-fluid">
    <div class="container-xl wide-lg">
        <div class="nk-content-body">
            <div class="nk-block-head nk-block-head-sm">
                <div class="nk-block-between g-3">
                    <div class="nk-block-head-content">
                        <h3 class="nk-block-title page-title">Service Details</h3>
                        @if(Session::has('message'))
                            <p class="text-info">
                                {{ Session::get('message') }}
                            </p>
                        @endif
                        @if($errors->any())
                        <p class="text-danger">
                            {{ implode('', $errors->all(':message')) }}
                        </p>
                        @endif
                    </div>
                    <div class="nk-block-head-content">
                        <a href="{{ url()->previous() }}" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-arrow-left"></em><span>Back</span></a>
                        <a href="{{ url()->previous() }}" class="btn btn-icon btn-outline-light bg-white d-inline-flex d-sm-none"><em class="icon ni ni-arrow-left"></em></a>
                    </div>
                </div>
            </div><!-- .nk-block-head -->
            <div class="nk-block">
			  
                <div class="card card-bordered">
                    <div class="card-aside-wrap">
                        <div class="card-content">
                            <div class="card-inner">
							 <div class="row">
							  <div class="col-md-5" style="border-right: 1px solid #000;">
                                <div class="nk-block">
                                    <div class="nk-block-head">
                                        <h5 class="title">{{ $data->service_details->name ?? '' }} </h5>
                                        <p class="text-danger">Commission is disbursed on professional fee and not at price.</p>
                                        {{-- <p>Basic info, like service name, documents and features.</p> --}}
                                    </div><!-- .nk-block-head -->
                                    <div class="profile-ud-list">
                                        <div class="profile-ud-item">
                                            <div class="profile-ud wider">
                                                <span class="profile-ud-label">Service Name</span>
                                                <span class="profile-ud-value">{{ $data->name }}</span>
                                            </div>
                                        </div>
										   <div class="profile-ud-item">
                                            <div class="profile-ud wider">
                                                <span class="profile-ud-label">GST</span>
                                                <span class="profile-ud-value">18%</span>
                                            </div>
                                        </div>
                                        @if($data->return_file=='' || $data->return_file==null)
                                        <div class="profile-ud-item">
                                            <div class="profile-ud wider">
                                                <span class="profile-ud-label">Price + GST</span>
                                                <span class="profile-ud-value">{{ $data->price }} Rs</span>
                                            </div>
                                        </div>
                                        @endif
                                        <div class="profile-ud-item">
                                            <div class="profile-ud wider">
                                                <span class="profile-ud-label">Government Fee</span>
                                                <span class="profile-ud-value">{{ $data->government_fee }} Rs</span>
                                            </div>
                                        </div>
                                        @if(Auth::user()->hasRole('suvidha_kendra'))
                                        <div class="profile-ud-item">
                                            <div class="profile-ud wider">
                                                <span class="profile-ud-label">Commission</span>
                                                <span class="profile-ud-value">{{ $data->sk_commission . ' ' . $data->commission_type }}</span>
                                            </div>
                                        </div>
                                        @endif
                                        @if(Auth::user()->hasRole('user') && $data->u_commission > 0)
                                        <div class="profile-ud-item">
                                            <div class="profile-ud wider">
                                                <span class="profile-ud-label">Cashback</span>
                                                <span class="profile-ud-value">{{ $data->u_commission . ' ' . $data->commission_type }}</span>
                                            </div>
                                        </div>
                                        @endif
                                     
                                        <div class="profile-ud-item">
										   <div class="profile-ud wider">
                                                <span class="profile-ud-label">Training Video</span>
                                                <span class="profile-ud-value"> <a href="{{ $data->video_url }}" target="_blank">View</a></span>
                                            </div>
                                          
                                        </div>
                                    </div><!-- .profile-ud-list -->
                                </div><!-- .nk-block -->
                                <div class="nk-block">
                                    <div class="nk-block-head nk-block-head-line">
                                        <h5 class="title overline-title text-base">Features</h5>
                                    </div><!-- .nk-block-head -->
                                    <div class="bq-note">
                                        <div class="bq-note-item">
                                            <div class="bq-note-text">
                                                <p>{{ $data->features }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="nk-block">
                                    <div class="nk-block-head nk-block-head-line">
                                        @if($data->pdf1 || $data->pdf2 || $data->pdf3)
                                        <h6 class="title overline-title text-base">PDF Information</h6>
                                        @endif
                                    </div><!-- .nk-block-head -->
                                    <div class="profile-ud-list">
                                        @if($data->pdf1)
                                        <div class="profile-ud-item">
                                            <div class="profile-ud wider">
                                                <span class="profile-ud-label">PDF1</span>
                                                <span class="profile-ud-value">
                                                    <embed src="{{ url($data->pdf1) }}" type="application/pdf" style="width: 300px; height: 200px; max-width: 100%;">
                                                    <div class="text-center">
                                                        <a href="{{ url($data->pdf1) }}" target="_blank" class="btn btn-primary"> View </a>
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                        @endif
                                        @if($data->pdf2)
                                        <div class="profile-ud-item">
                                            <div class="profile-ud wider">
                                                <span class="profile-ud-label">PDF2</span>
                                                <span class="profile-ud-value">
                                                    <embed src="{{ url($data->pdf2) }}" type="application/pdf" style="width: 300px; height: 200px; max-width: 100%;">
                                                    <div class="text-center">
                                                        <a href="{{ url($data->pdf2) }}" target="_blank" class="btn btn-primary"> View </a>
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                        @endif
                                        @if($data->pdf3)
                                        <div class="profile-ud-item">
                                            <div class="profile-ud wider">
                                                <span class="profile-ud-label">PDF3</span>
                                                <span class="profile-ud-value">
                                                    <embed src="{{ url($data->pdf3) }}" type="application/pdf" style="width: 300px; height: 200px; max-width: 100%;">
                                                    <div class="text-center">
                                                        <a href="{{ url($data->pdf3) }}" target="_blank" class="btn btn-primary"> View </a>
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                        @endif
                                    </div><!-- .profile-ud-list -->
                                   
                                </div><!-- .nk-block -->
                                <div class="nk-divider divider md"></div>
								
								</div>
									<div class="col-md-6">										
									<div class="nk-block-head">
                                        <h5 class="title">Customer Details</h5>                                                                              
                                    </div>
									<div class="tab-content">
									
										<div class="tab-pane active" id="personal-document">
											<form action="{{ route('apply_company_service') }}" method="post" enctype="multipart/form-data">
												@csrf
												<input type="hidden" name="id" value="{{ $data->id }}">
												<input type="hidden" name="service_id" value="{{ $data->service_id }}">
												<div class="row gy-4">
												  <div class="col-sm-12">
														<div class="form-group">															
															<div class="form-control-wrap">
																<input type="text" name="search" id="search" placeholder="Search by mobile and email " class="form-control" value="" onkeyup="searchCustomer()">
																
															</div>
															<div id="searchlist" style="display:none;"></div>
														</div>
													</div>
													<div class="col-sm-12">
														<div class="form-group">
															<label class="form-label" for="customer_name">Customer Name</label>
															<div class="form-control-wrap">
																<input type="text" name="customer_name" id="customer_name" class="form-control @error('customer_name') error @enderror" value="{{ old('customer_name') }}">
																@error('customer_name')
																<p class="text-danger">{{ $message }}</p>
																@enderror
															</div>
														</div>
													</div>
													<div class="col-sm-12">
														<div class="form-group">
															<label class="form-label" for="customer_mobile">Customer Mobile</label>
															<div class="form-control-wrap">
																<input type="text" name="customer_mobile" id="customer_mobile" class="form-control @error('customer_mobile') error @enderror" value="{{ old('customer_mobile') }}">
																@error('customer_mobile')
																<p class="text-danger">{{ $message }}</p>
																@enderror
															</div>
														</div>
													</div>
													<div class="col-sm-12">
														<div class="form-group">
															<label class="form-label" for="customer_email">Customer Email</label>
															<div class="form-control-wrap">
																<input type="text" name="customer_email"  id="customer_email" class="form-control @error('customer_email') error @enderror" value="{{ old('customer_email') }}">
																@error('customer_email')
																<p class="text-danger">{{ $message }}</p>
																@enderror
															</div>
														</div>
													</div>
													

													@if($data->return_file == 'itr')
														<div class="col-sm-12">
															<div class="form-group">
																<label class="form-label" for="assessment_year">Assessment Year</label>
																<div class="form-control-wrap">
																	<select name="assessment_year" id="assessment_year" class="form-control" required onchange="itrchange(this.value)">
																		<option value=""> Select Assessment Year</option>
																		@foreach ($cats as $cat)
																			<option value="{{ $cat->id }}">{{ $cat->name }}</option>
																		@endforeach
																	</select>
																	@error('assessment_year')
																		<p class="text-danger">{{ $message }}</p>
																	@enderror
																</div>
															</div>
														</div>
														<div class="col-sm-12">
															<div class="form-group">
																<label class="form-label" for="itr">ITR</label>
																<div class="form-control-wrap">
																	<select name="itr" id="itr" class="form-control" required onchange="itrchangeHandler(this.value)">
																		
																	</select>
																	@error('itr')
																		<p class="text-danger">{{ $message }}</p>
																	@enderror
																</div>
															</div>
														</div>
														 <div class="col-sm-12">
															<div class="form-group">
																<label class="form-label" for="finalprice">Final Price</label>
																<div class="form-control-wrap" id="finalprice" style="color:red;">0</div>
															</div>
														</div>	
														 <div class="col-sm-12 add-ons-container" style="display:none;">
															<div class="form-group">
															 <label class="form-label" >Add Ons</label>
															  <div class="form-control-wrap">
															  @foreach($addons as $addon)
															  <div class="form-check">
																  <input class="form-check-input add-ons" value="{{$addon->id}}" price="{{$addon->price}}"  type="checkbox"  id="addons{{$addon->id}}" name="addons[]" onclick="addonschangeHandler()">
																  <label class="form-check-label" for="addons{{$addon->id}}">
																  {{$addon->title}} ( + Rs. {{$addon->price}})
																  </label>
																</div>
															   @endforeach	
															
															  </div>
															</div>
														 </div>	
														
													@elseif($data->return_file == 'gst')
														<div class="col-sm-12">
															<div class="form-group">
																<label class="form-label" for="gst_return_filing">GST Return Filing</label>
																<div class="form-control-wrap">
																	<select name="gst_return_filing" id="gst_return_filing" class="form-control" required onchange="gstchange(this.value)">
																		<option value=""> Select GST Return Filing</option>
																		@foreach ($cats as $cat)
																			<option value="{{ $cat->id }}">{{ $cat->name }} [ {{ $cat->price }} &#8377; ]</option>
																		@endforeach
																	</select>
																	@error('gst_return_filing')
																		<p class="text-danger">{{ $message }}</p>
																	@enderror
																</div>
															</div>
														</div>
														<div class="col-sm-12">
															<div class="form-group">
																<label class="form-label" for="return_month">Return Month</label>
																<div class="form-control-wrap">
																	<select name="return_month" id="return_month" class="form-control" required>
																		
																	</select>
																	@error('return_month')
																		<p class="text-danger">{{ $message }}</p>
																	@enderror
																</div>
															</div>
														</div>
													@elseif($data->return_file == 'tds')
														<div class="col-sm-12">
															<div class="form-group">
																<label class="form-label" for="tds_quarter">TDS Quarter</label>
																<div class="form-control-wrap">
																	<select name="tds_quarter" id="tds_quarter" class="form-control" required onchange="tdschange(this.value)">
																		<option value=""> Select TDS Quarter</option>
																		@foreach ($cats as $cat)
																			<option value="{{ $cat->id }}">{{ $cat->name }} [ {{ $cat->price }} &#8377; ]</option>
																		@endforeach
																	</select>
																	@error('tds_quarter')
																		<p class="text-danger">{{ $message }}</p>
																	@enderror
																</div>
															</div>
														</div>
														<div class="col-sm-12">
															<div class="form-group">
																<label class="form-label" for="tds_financial_year">TDS Financial Year</label>
																<div class="form-control-wrap">
																	<select name="tds_financial_year" id="tds_financial_year" class="form-control" required>
																		
																	</select>
																	@error('tds_financial_year')
																		<p class="text-danger">{{ $message }}</p>
																	@enderror
																</div>
															</div>
														</div>
													@endif
                                                    <div class="col-12 col-sm-12">
													<label><strong>Upload Documents</strong></label>
													@php													
													$documents = explode(',',$data->documents);													
													@endphp
													@foreach($documents as $docname)
														<div class="form-group">
															
															<div class="row after-add-more">
															<div class="col-4 col-sm-4"><label  style="margin-top: 20px;">{{ $docname }} <b class="text-danger">*</b></label></div>
																<div class="col-7 col-sm-7">																
																	<input type="file" name="documents[]" class="form-control upload-zone small bg-lighter dropzone dz-clickable" required />
																</div>
																<!--<div class="col-5 col-sm-5 change">
																	<br><br>
																	<a class="btn btn-success add-more">+ Add More</a>
																</div>-->
															</div>
															@error('documents')
																<p class="text-danger">{{ $message }}</p>
															@enderror
														</div>
													@endforeach	
													</div>
													
													
													<div class="col-sm-12">
														<div class="form-group">
															<label class="form-label" for="review">Review</label>
															<div class="form-control-wrap">
																<textarea class="form-control @error('review') error @enderror" name="review" id="review" rows="2" style="min-height: auto;">{{ old('review') }}</textarea>
																@error('review')
																<p class="text-danger">{{ $message }}</p>
																@enderror
															</div>
														</div>
													</div>
													<div class="col-sm-5"></div>
													
													<div class="col-12">
														<ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
															<li  style="width: 100%;">
															<button type="submit" class="btn btn-lg btn-primary" style="width: 100%;display: flex;    justify-content: center;">Apply</button>
															</li>
															
														</ul>
													</div>
												</div>
											</form>
										</div><!-- .tab-pane -->
										
									</div><!-- .tab-content -->
								
								 </div><!-- .col-md-6 -->
								</div><!-- .row -->
                            </div><!-- .card-inner -->
                        </div><!-- .card-content -->
                    </div><!-- .card-aside-wrap -->
                </div><!-- .card -->
           
		     
		     
		   </div><!-- .nk-block -->
			
		
        </div>
    </div>
</div>


<style>
.profile-ud-item{
	width: auto;
}
.profile-ud-value{	
    min-width: 111px;
}
#searchlist{
	background: #fff;
    padding: 10px;
    text-align: center;
    position: absolute;
    z-index: 999;
    width: 100%;
    border: 1px solid;
}
</style>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
var itrlist=[];
var finalAmount = 0;
    $(document).ready(function() {
        $("body").on("click", ".add-more", function() {
            var html = $(".after-add-more").first().clone();

            //  $(html).find(".change").prepend("<label for=''>&nbsp;</label><br/><a class='btn btn-danger remove'>- Remove</a>");

            $(html).find(".change").html("<br><br> <a class='btn btn-danger remove'>- Remove</a>");


            $(".after-add-more").last().after(html);



        });

        $("body").on("click", ".remove", function() {
            $(this).parents(".after-add-more").remove();
        });
    });

   function itrchangeHandler(id)
   {	  
	   $('#finalprice').html(itrlist[id]);
	   finalAmount = itrlist[id];
	   addonschangeHandler();
   }
   function addonschangeHandler()
   {
	   var addonsamount=0;
	   $('.add-ons').each(function( index ){
		   
		   if($(this).is(':checked'))
		   {			   
			   addonsamount += parseInt($(this).attr('price'));
		   }
		   
	   });
	   var totalmount = finalAmount+addonsamount;
	   $('#finalprice').html(totalmount);
   }
    function itrchange(id) {
        let type = 'itr';
		itrlist = [];
		//$('.add-ons-container').hide();
		$('#finalprice').html('0');
		$('.add-ons').prop('checked', false);
        $.ajax({
            url: "get_returnfile_subcategory/"+id+"/"+type,
            dataType: 'json',
            success: function(response) {
                console.log(response);
                let html='<option value="">Select ITR</option>';
                $.each(response, function(key, value) {
                    html += '<option value="'+value.id+'">'+value.name+' [ '+value.price+' &#8377; ]</option>'; 
					itrlist[value.id] = value.price;
                });
                $('#itr').html(html);
				$('.add-ons-container').show();
            }
        });
    }
    
    function gstchange(id) {
        let type = 'gst';
        $.ajax({
            url: "get_returnfile_subcategory/"+id+"/"+type,
            dataType: 'json',
            success: function(response) {
            	console.log(response);
                let html='<option value="">Select Return Month</option>';
                $.each(response, function(key, value) {
                    html += '<option value="'+value.id+'">'+value.name+'</option>'; 
                });
                $('#return_month').html(html);
            }
        });
    }
    
    function tdschange(id) {
        let type = 'tds';
        $.ajax({
            url: "get_returnfile_subcategory/"+id+"/"+type,
            dataType: 'json',
            success: function(response) {
            	console.log(response);
                let html='<option value="">Select TDS Financial Year</option>';
                $.each(response, function(key, value) {
                    html += '<option value="'+value.id+'">'+value.name+'</option>'; 
                });
                $('#tds_financial_year').html(html);
            }
        });
    }
	function searchCustomer() {
        var search = $('#search').val();
		if(search.length >2 )
		{
		
			$.ajax({
				url: "get-customer-detail/"+search,
				dataType: 'json',
				success: function(response) {
					console.log(response);
					let html='<ul>';
					if(response.customers.length)
					{
						$.each(response.customers, function(key, value) {
							let cname = "'"+value.c_name+"'";
							let cmobile = "'"+value.c_mobile+"'";
							let cemail = "'"+value.c_email+"'";
							
							html += '<li><a href="javascript:void(0)" onclick="setCustomer('+cname+','+cmobile+','+cemail+')">'+value.c_name+'('+value.c_mobile+')'+'</a></li>'; 
						});
				     }else{
						 html += '<li>No Record Found</li>';
					 }
					html +='</ul>';
					$('#searchlist').show();
					$('#searchlist').html(html);
				}
			});
		}else{
			$('#searchlist').hide();
			$('#searchlist').html('');
		}
    }
	function setCustomer(name, mobile, email)
	{
		$('#customer_name').val(name);
		$('#customer_mobile').val(mobile);
		$('#customer_email').val(email);
		
		$('#searchlist').hide();
	}
</script>

@endsection