@extends('layouts.app')

@section('title') Payroll Listing @endsection

@section('content')
@php
$fromDate = isset($_GET['from']) ? htmlspecialchars($_GET['from']) : '';
$toDate = isset($_GET['to']) ? htmlspecialchars($_GET['to']) : '';
@endphp
<section class="content top-head">
    <div class="row">
        <div class="col-md-12">
            <div class="box-- box-primary border-no">
                	<div class="input_container" style="min-width: 235px;"> 
                		<form method="get" action="{{ route('get-payroll') }}">
                			@csrf
		                	<label for="select_manager">Select Date</label>
		                	<div style="display:flex;">
			                	<input type="date" name="from" id="from" class="form-control" style="width: 20%;" value="">
			                	<input type="date" name="to" id="to" class="form-control" style="margin-left: 20px;width: 20%;" value="">
		                	</div>
		                    <button class="btn btn-primary" type="submit" id="search_manager" style="margin-top: 10px;">Submit</button>
                		</form>
                  </div>
                  <!-- <a href="{{ route('payroll.download-csv') }}" class="btn btn-primary">Download CSV</a> -->
                  <button id="download-csv" class="btn btn-primary" style="margin-top: 10px;float: right;">Download CSV</button>
                  
                    <!-- <button type="submit">Get Transactions</button> -->
            </div>
        </div>
    </div>
</section>
<section class="content">
	<div class="row">
		<div class="col-xs-12">
			<div class="box">
				<div class="box-header with-border blue-back">
                  <h3 class="box-title">{{ __('Payroll') }}</h3>

				  <button id="check-all" class="btn btn-primary" style="float: right; margin-right: 10px;">Check All</button>

                </div>
				<div class="box-body">
				    <div class="table_con">
				    	<table id="example2" class="table table-bordered table-hover">
				            <thead >
				                <tr>
				                	<th>Payee Name</th>
				                	<th>Agent Name</th>
				                    <th>Client ID</th>
				                    <th>Transaction</th>
				                    <th>Description</th>
				                    <th>Incentive</th>
				                    <th>Amount</th>
				                    <th>Action</th>
				                </tr>
				            </thead>
				            <tbody>
				            	@if(isset($finalList) && count($finalList) > 0)
				                @foreach ($finalList as $record)
				                    
				                        <!-- <tr @if(isset($record['is_summary'])) style="background-color: lightgrey;"@endif> -->
										<tr 
											@if(isset($record['is_summary'])) 
												style="background-color: lightgrey;" 
											@elseif(isset($record['amount']) && $record['amount'] <= 0) 
												style="background-color: lightyellow;" 
											@endif
										>
				                        	<td>{{ (isset($record['payeeDetail']['name']) ? $record['payeeDetail']['name'] : '').' '. (isset($record['payeeDetail']['last_name']) ? $record['payeeDetail']['last_name'] : '')  }}</td>
				                        	<td>{{ (isset($record['agentDetail']['name']) ? $record['agentDetail']['name'] : '').' '. (isset($record['agentDetail']['last_name']) ? $record['agentDetail']['last_name'] : '')  }}</td>
				                            <td>@if(isset($record['client']['id']))<a href="{{ url('/editclientlead/'.$record['client']['id'].'/1') }}" target="_blank">#{{ $record['client']['id'] }}</a>@endif</td>
				                            <td>@if(isset($record['client']['transaction_type_id'])){{ getTransactionName($record['client']['transaction_type_id']) }}@endif</td>
				                            <td>{{ $record['description'] }}</td>
				                            <td>{{ isset($record['incentive']) ? '$'.number_format($record['incentive'],2) : '' }}</td>
				                            <td>{{ '$'.number_format($record['amount'],2) }}</td>
				                            <td>
				                            	@if(isset($record['client']['id']) && $record['description'] != 'Team Agent Paid' && $record['description'] != 'Referral')
				                            	<input type="checkbox" class="updateClientStatus" value="{{$record['client']['id']}}"/>
				                            	@endif
				                            </td>
				                        </tr>
				                    
				                @endforeach
				                @else
				                <tr>
				                	<td colspan="3">No Records Found</td>
				                </tr>
				                @endif
				            </tbody>
				        </table>

				        <!-- Pagination links -->
				        <div style="float: right;">
					        <button id="updateStatusButton" class="btn btn-primary" style="height: 30px;">Update Status</button>
				        </div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="showdeduct" role="dialog">
	   <div class="modal-dialog showdocmodel" style="margin-left: 31%;">
	      <div class="modal-content modal-sm" style="width: 60%;">
	         <div class="modal-header" style="background: #3c8dbc;color: #fff;text-align: center;"><b>Deductions</b>
	            <button type="button" class="close" data-dismiss="modal">&times;</button>            
	         </div>
	         <div class="modal-body" id="table_datass">
	             
	         </div>
	         <div class="modal-footer">
	            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
	         </div>
	      </div>
	   </div>
	</div>
</section>
<script type="text/javascript">
    $(document).on('click', '#download-csv', function () {
	    var from = $('#from').val();
	    var to = $('#to').val();

	    if (!from || !to) {
	        swal('Warning', 'Please select date.', 'warning');
	        return;
	    }

	    $.ajax({
	        type: 'POST',
	        url: '{{ route("payroll.download-csv") }}', // Ensure the correct route
	        data: { from: from, to: to }, // Pass the dates
	        success: function (data) {
	            // Create a temporary link element
	            var link = document.createElement('a');
	            link.href = 'data:text/csv;charset=utf-8,' + encodeURI(data);
	            link.download = 'payroll'+from+'-'+to+'.csv';
	            
	            // Append link to body, trigger download, then remove the link
	            document.body.appendChild(link);
	            link.click();
	            document.body.removeChild(link);
	        },
	        error: function (xhr, status, error) {
	            // Handle errors
	            swal('Error', 'Failed to download CSV.', 'error');
	        }
	    });
	});

	// Check/Uncheck all checkboxes in the Action column in payroll
	$(document).on('click', '#check-all', function() {
		var isChecked = $(this).data('checked') || false;
		$('.updateClientStatus').prop('checked', !isChecked);
		$(this).data('checked', !isChecked);
		$(this).text(isChecked ? 'Check All' : "Uncheck All");
	});


    $(document).on('click','#updateStatusButton', function() {

    	var token = $("input[name=token]").val();
        var selectedClientIds = [];

        // Find all checked checkboxes with the class 'updateStatusCheckbox'
        $('.updateClientStatus:checked').each(function() {
            selectedClientIds.push($(this).val());
        });

        console.log('Selected Client IDs:', selectedClientIds);

        if (selectedClientIds.length > 0) {
        	$.ajax({
		        type: 'POST',
	            url: '{{ route("update-client-status") }}', // Ensure the correct route
	            data: {
	            	"_token": token,
	                client_ids: selectedClientIds // Add the selected client IDs
	            },
		        success: function (data) {
		        	if(data.response == 'true') {
		        		swal({
			              title: "Success",
			              text: "Status updated successfully.",
			              type: "success",
			              confirmButtonClass: "btn-success",
			              confirmButtonText: "Ok",
			              closeOnConfirm: false,
			            },
			            function(isConfirm) {
			              if (isConfirm) {
			                 location.reload();
			              }
			            });
		        		
		        	} else {
		        		swal('Error','Unable to update the status of the leads.','error');
		        	}
		        },
		        error: function (xhr, status, error) {
		            // Handle errors
		            swal('Error', 'Somethinf went wrong, Please try again later.', 'error');
		        }
		    });

        } else {
            // alert('Please select at least one checkbox.');
            swal('Warning','Please select at least one checkbox.');
        }
    });
</script>
@endsection