@extends('adminlte::page')

@section('title', 'NIR Queries')

@section('content_header')
<style>._copy{margin-left:3px;}</style>
<div id="toast" style="
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color:green;
	color: #fff;
	padding: 12px 16px;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	font-size: 14px;
	display: none;
	z-index: 9999;
"></div>


    <div class="row mb-2">
        <div class="col-sm-8">
            <h1>NRI Queries</h1>
			
        </div>
		<div class="col-sm-4">
			<a href="{{route('payment.listing')}}" class="btn btn-success">Paid</a>
			<a href="{{route('verified-queries',['status'=>'verify'])}}" class="btn btn-info">Verified</a>
			<a href="{{route('verified-queries',['status'=>'flag'])}}" class="btn btn-warning">Flag</a>
			<a href="{{route('nri-checkout.add')}}" class="btn btn-primary">Add Lead</a>
			<a href="{{route('generate-checkout')}}" class="btn btn-success">Generate Checkout Link</a>
		</div>
    </div>
@stop

@section('content')

	<div class="row">
		<div class="col-md-12">
		  <div class="box-body table-responsive" style="background-color:#fff;">
			@php $pay_filter = "";
				if(request()->route('category')){
					$pay_filter = request()->route('category');
				}
			@endphp
			<select name="pay_cat" id="pay_cat" onchange="data_filter();" class="form-control col-md-2 mb-2">
				<option value="{{ route('unpaid-queries') }}" @if($pay_filter == "") selected @endif>All</option>
				<option value="{{ route('unpaid-queries', ['category' => 'paid']) }}" @if($pay_filter == "paid") selected @endif>Paid</option>
				<option value="{{ route('unpaid-queries', ['category' => 'unpaid']) }}" @if($pay_filter == "unpaid") selected @endif>Unpaid</option> 
			</select>

				<table class="table table-bordered">
					<tbody>
						<tr>
							<th>Serial No</th>
							<th>Category</th>
							<th>Service</th>
							<th>Email</th>
							<th>Phone</th>
							<th>Date</th>
							<th>Total Requests</th>
							<th>Paid Status</th>
							<th>Payment Hit Status</th>
							<th>Applications</th>
							<th>Verify/Flag/Test</th>
							<th>User Link</th>
						</tr>
							 
							@if (!empty($payments))
							@php
							$pg_no = 0;
							if(isset($_GET['page'])) {
								$pg_no = $_GET['page'];
								$pg_no = $pg_no - 1;
							} 
							$pgNo = ($pg_no * 20);
							$s_no = $pgNo + 1;
              $k = 0; 
							@endphp
							@foreach ($payments as $email => $entries)
							@php
							$main = $entries->first();
							//echo "<pre>"; print_r($main); exit;
							@endphp

							@php //echo "<pre>"; print_r($res); exit; @endphp
							  
                @php 
                  $is_show = 0;
                  $req_count = $main->appointments;
                @endphp

                @foreach ($main->appointments as $key => $app)
                  @if($is_show == 0)
                    @if($app->status == 1) 
                      @php $serv_title = "";
					  if(isset($app->service->service_page_icon)) { $serv_title = $app->service->service_page_icon->title; } else { $serv_title = $app->service->menu_title; }  @endphp
                      @php $is_show = 1; @endphp 
                      <tr id="ele_tag_{{$k}}"> 
                        <td class="item">{{ $s_no++; }}</td>
                        <td class="item">{{ optional($app->category)->category_title }}</td>
                        <td class="item">{{$serv_title}}</td>
                        <td class="item">
                          {{$app->email}}
                        </td>
                        <td class="item">
                          {{$app->mobile_number ?? 'N/A'}}
                        </td>
                        <td class="item">{{ $app->created_at->format('d-m-Y H:i:s') ?? 'N/A' }}</td>
                        <td class="item" @if(count($req_count) > 1) style="cursor:pointer;" onclick="show_bw({{$k}},'{{$app->email}}');" @endif>@if(count($req_count) > 1) <span style="color:blue;color: #6161f1;
    font-weight: bold;">{{ count($req_count) }}</span> @else <a href="{{route('nri-checkouts.applications',['chkoutId'=>$app->id])}}">{{ count($req_count) }}</a> @endif</td>
                        
                        <td class="item">
                          @if($app->status == '1') <span style="color:green;">Paid</span> @else <span style="color:red;"> Unpaid </span> @endif
                        </td>
                        <td class="item">
                          @if($app->status == '1') @if($app->paypal != null) 
						 @php $jsonData = json_decode($app->paypal, JSON_PRETTY_PRINT);
                                            if($jsonData != null and count($jsonData)>0) {
                                                if (array_key_exists("payer", $jsonData)) {
                                                    echo "PayPal";
                                                }
                                                else if (array_key_exists("gid", $jsonData)) {
                                                    echo "PayGlocal";
                                                }
                                                else {
                                                    echo "Rozarpay";
                                                }
                                            }
                                            else { if(str_contains($app->paypal, "gl_")) {
                                                    echo "PayGlocal";
                                                }
                                                else {echo "PayPal";}
                                            }
                                        @endphp 
						  @else Manual @endif @else @if($app->is_pay_hit == 1) <span style="color:green;">Yes</span> @else <span style="color:red;"> No </span> @endif @endif
                        </td>
						<td class="item"></td>
                        <td class="item">
                          <input type="checkbox" data-id="{{ $app->id }}" name="is_verify" class="js-switch" {{ $app->is_verified == 1 ? 'checked' : '' }}>
                          <input type="checkbox" data-id="{{ $app->id }}" name="is_flag" class="js-switch" {{ $app->is_verified == 2 ? 'checked' : '' }}> 
                          <input type="checkbox" data-id="{{ $app->id }}" name="is_test" class="js-switch" {{ $app->is_verified == 3 ? 'checked' : '' }}> 
                        </td>
												<td class="item"><a href="https://visament.com/user-checkout/{{ $app->user->user_slug }}/{{ $app->service->id }}/{{$app->unique_id}}"><i class="fa fa-link"></i></a></td>
                      </tr>
                    @endif
                  @endif
                @endforeach

                @if($is_show == 0)
                <tr id="ele_tag_{{$k}}"> 
									<td class="item">{{ $s_no++; }}</td>
									<td class="item">{{ optional($main->category)->category_title }}</td>
									<td class="item">@if(isset($main->service->service_page_icon)) {{ $main->service->service_page_icon->title }} @else {{$main->service->menu_title}} @endif</td>
									<td class="item">
										{{$main->email}}
									</td>
									<td class="item">
										{{$main->mobile_number ?? 'N/A'}}
									</td>
									<td class="item">{{ $main->created_at->format('d-m-Y H:i:s') ?? 'N/A' }}</td>
									<td class="item" @if(count($main->appointments) > 1) style="cursor:pointer;" onclick="show_bw({{$k}},'{{$main->email}}');" @endif> @if(count($req_count) > 1) <span style="color:blue;color: #6161f1;
    font-weight: bold;">{{ count($main->appointments) }}</span> @else <a href="{{route('nri-checkouts.applications',['chkoutId'=>$main->id])}}">{{ count($main->appointments) }}</a> @endif</td>
									
									<td class="item">
										@if($main->status == 1) <span style="color:green;">Paid</span> @else <span style="color:red;"> Unpaid </span> @endif
									</td>
									<td class="item">
										@if($main->is_pay_hit == 1) <span style="color:green;">Yes</span> @else <span style="color:red;"> No </span> @endif
									</td>
									<td class="item"></td>
									<td class="item">
										<input type="checkbox" data-id="{{ $main->id }}" name="is_verify" class="js-switch" {{ $main->is_verified == 1 ? 'checked' : '' }}>
										<input type="checkbox" data-id="{{ $main->id }}" name="is_flag" class="js-switch" {{ $main->is_verified == 2 ? 'checked' : '' }}>
										<input type="checkbox" data-id="{{ $main->id }}" name="is_test" class="js-switch" {{ $app->is_verified == 3 ? 'checked' : '' }}>
									</td>
									<td class="item"><a href="https://visament.com/user-checkout/{{ $app->user->user_slug }}/{{ $app->service->id }}/{{$app->unique_id}}"><i class="fa fa-link"></i></a></td>
							  </tr>
                @endif
							  @php $no++; $s = 1; @endphp
							  @if(count($main->appointments) > 1)
								@foreach ($main->appointments as $key => $app)
								@php $s++; @endphp
								@endforeach
							  @endif
                @php $k++; @endphp
							@endforeach
						@endif
				</tbody>
			</table>
			{{-- $payments->withQueryString()->links('pagination::bootstrap-4') --}}
			</div>
			<div class="mt-3">{!! $payments->links('pagination::bootstrap-5') !!}<div>
		</div>
	</div>

	  <!-- Remark Modal -->
		<div class="modal fade" id="remarkModal" tabindex="-1" role="dialog" aria-labelledby="remarkModalLabel" aria-hidden="true">
			<div class="modal-dialog" role="document">
				<form id="remarkForm" method="POST" action="{{ route('nri-checkouts.remark') }}">
					@csrf
					<input type="hidden" name="application_id" id="remarkApplicationId">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title">Add Remark</h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span>&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<textarea name="remark" id="remarkText" class="form-control" rows="4" placeholder="Write remark..."></textarea>
						</div>
						<div class="modal-footer">
							<button type="submit" class="btn btn-success">Save Remark</button>
						</div>
					</div>
				</form>
			</div>
		</div>
@section('css')
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">

@stop


@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    
    <script>
      
      $('.call-icon').on('click', function (e) {
        const $this = $(this);
        const id = $this.data('id');
        const type = $this.data('type');

        if (!$this.hasClass('disabled')) {
          return;
        }

        e.preventDefault();

        let label = {
          called: 'call this number',
          whatsapped: 'send a WhatsApp message',
          emailed: 'send an email'
        };

        Swal.fire({
          title: 'Are you sure?',
          text: `Do you want to ${label[type] || 'perform this action'}?`,
          icon: 'question',
          showCancelButton: true,
          confirmButtonText: 'Yes, proceed',
          cancelButtonText: 'Cancel'
        }).then((result) => {
          if (result.isConfirmed) {
            $.ajax({
              url: '/admin/nri-checkouts/update-status',
              type: 'POST',
              data: {
                _token: '{{ csrf_token() }}',
                id: id,
                type: type,
              },
              success: function (response) {
                $this.removeClass('disabled');
                toastr.success(response.message || 'Status updated');
              },
              error: function () {
                toastr.error('Failed to update contact status.');
              }
            });
          }
        });
      });
    </script>
    <script>
      
      $(document).ready(function () {
        $('.open-remark-modal').on('click', function () {
          let id = $(this).data('id');
          let remark = $(this).data('remark');

          $('#remarkApplicationId').val(id);
          $('#remarkText').val(remark);

          $('#remarkModal').modal('show');
        });
      });


      function show_bw(row_id,email) {
        $(".dynamic_ele").remove(); 
        if (email) {
          $.ajax({
            url: '/admin/nri-queries?email='+email,
            type: 'get',
            data: {
              _token: '{{ csrf_token() }}',
            },
            success: function (response) { 
              $("#ele_tag_"+row_id).after(response); 
            },
            error: function () {
              toastr.error('Failed to update contact status.'); 
            }
          });
        }  
        
      }
    </script>

<script>
let isUpdating = false;

document.querySelectorAll('input.js-switch[name="is_verify"]').forEach(function(el) {
    new Switchery(el, {
        size: 'small',
        color: '#28a745',        
        secondaryColor: '#6c757d' 
    });
    applyThirdColor(el);
});

document.querySelectorAll('input.js-switch[name="is_test"]').forEach(function(el) {
    new Switchery(el, {
        size: 'small',
        color: '#28a745',        
        secondaryColor: '#6c757d' 
    });
    applyThirdColor(el);
});

document.querySelectorAll('input.js-switch[name="is_flag"]').forEach(function(el) {
    new Switchery(el, {
        size: 'small',
        color: '#dc3545',         
        secondaryColor: '#6c757d' 
    });
    applyThirdColor(el);
});

function applyThirdColor(el) {
    if (!el.checked && el.nextSibling) {
        el.nextSibling.style.backgroundColor = '#6c757d';
        el.nextSibling.style.borderColor = '#6c757d';
    }
}

$('.js-switch').change(function () {
    if (isUpdating) return;
    isUpdating = true;

    const id = $(this).data('id');
    const $verify = $('input[name="is_verify"][data-id="' + id + '"]');
    const $flag = $('input[name="is_flag"][data-id="' + id + '"]');
    const $istest = $('input[name="is_test"][data-id="' + id + '"]');

    let status = 0;

    if ($verify.is(':checked')) {
        status = 1;
        $flag.prop('checked', false);
        $flag.next('.switchery').removeClass('checked');
		$istest.prop('checked', false);
        $istest.next('.switchery').removeClass('checked');
    } else if ($flag.is(':checked')) {
        status = 2;
        $verify.prop('checked', false);
        $verify.next('.switchery').removeClass('checked');
		$istest.prop('checked', false);
        $istest.next('.switchery').removeClass('checked'); 
    } else if ($istest.is(':checked')) {
        status = 3;
        $verify.prop('checked', false);
        $verify.next('.switchery').removeClass('checked');
		$flag.prop('checked', false);
        $flag.next('.switchery').removeClass('checked');
    }

    applyThirdColor($verify[0]);
    applyThirdColor($flag[0]);
    applyThirdColor($istest[0]);

    $.ajax({
        type: "POST",
				url: '/admin/update-queries/' + id,
        data: {
            is_published: status,
			is_multiple: 'Y',
            _token: '{{ csrf_token() }}'
        },
        success: function (data) {
            toastr.success(data.message || 'Status updated');  
			setTimeout(() => window.location.reload(), 5000); 
        },
        error: function (xhr) {
            toastr.error('Failed to update status'); 
            console.log(xhr.responseText);
        },
        complete: function () {
            isUpdating = false;
        }
    });
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
	const copyIcons = document.querySelectorAll('._copy');

	copyIcons.forEach(function(copyIcon) {
		copyIcon.addEventListener('click', function(e) {
			e.preventDefault();
			e.stopPropagation();

			const parentLink = this.closest('a');
			const email = parentLink?.getAttribute('data-email');

			if (!email) {
				showToast("Email not found.");
				return;
			}

			if (navigator.clipboard && window.isSecureContext) {
				navigator.clipboard.writeText(email).then(() => {
					showToast("Email copied");
				}).catch(err => {
					fallbackCopy(email);
				});
			} else {
				fallbackCopy(email);
			}

			function fallbackCopy(text) {
				const textarea = document.createElement("textarea");
				textarea.value = text;
				textarea.style.position = "fixed";
				document.body.appendChild(textarea);
				textarea.focus();
				textarea.select();

				try {
					document.execCommand('copy');
				} catch (err) {
					showToast("Failed to copy email.");
				}

				document.body.removeChild(textarea);
			}

			function showToast(message) {
				const toast = document.getElementById('toast');
				toast.textContent = message;
				toast.style.display = 'block';
				toast.style.opacity = '1';

				setTimeout(() => {
					toast.style.transition = 'opacity 0.5s';
					toast.style.opacity = '0';
					setTimeout(() => toast.style.display = 'none', 500);
				}, 2000);
			}
		});
	});
});
</script>

<script>
document.addEventListener('DOMContentLoaded', function () {
	const copyIcons = document.querySelectorAll('._copy');

	copyIcons.forEach(function(copyIcon) {
		copyIcon.addEventListener('click', function(e) {
			e.preventDefault();
			e.stopPropagation();

			const parentLink = this.closest('a');
			const email = parentLink?.getAttribute('data-number');

			if (!email) {
				showToast("Number not found.");
				return;
			}

			if (navigator.clipboard && window.isSecureContext) {
				navigator.clipboard.writeText(email).then(() => {
					showToast("Number copied!");
				}).catch(err => {
					fallbackCopy(email);
				});
			} else {
				fallbackCopy(email);
			}

			function fallbackCopy(text) {
				const textarea = document.createElement("textarea");
				textarea.value = text;
				textarea.style.position = "fixed";
				document.body.appendChild(textarea);
				textarea.focus();
				textarea.select();

				try {
					document.execCommand('copy');
				} catch (err) {
					showToast("Failed to copy Number.");
				}

				document.body.removeChild(textarea);
			}

			function showToast(message) {
				const toast = document.getElementById('toast');
				toast.textContent = message;
				toast.style.display = 'block';
				toast.style.opacity = '1';

				setTimeout(() => {
					toast.style.transition = 'opacity 0.5s';
					toast.style.opacity = '0';
					setTimeout(() => toast.style.display = 'none', 500);
				}, 2000);
			}
		});
	});
});


function data_filter(){
	var f_url = $("#pay_cat").val();
	window.location.href = f_url; 
}
</script>



@stop
@stop