@extends('layouts.admin')

@section('content')

<div class="page-wrapper">
	<div class="content">
		<div class="page-header">
			<div class="page-title">
				<h4>{!! __('messages.All Regular Entries') !!}</h4>
			</div>
			<div class="page-btn" style="border-radius: 20px;">
				<a href="{{ route('regular-entries.create', ['planId' => request('planId')]) }}" class="btn btn-added Primary">
					<i data-feather="plus" class="me-2"></i>{{ __('messages.Add entries') }}
				</a>
			</div>
		</div>

		<div class="row" style="padding: 10px;">
	    	<div class="col-md-4">
	    		<button id="forwardButton" class='btn btn-primary'>
	    			<!-- data-bs-toggle="modal" data-bs-target="#forwardMultipleModal" -->
			        <i class="fa fa-forward"></i> {{ __('messages.Forward File') }}
			    </button>
			    <div id="fileSelectionError" class="alert alert-danger d-none mt-2" role="alert">
				    Please select at least one file before forwarding.
				</div>
	    	</div>
	    </div>

		<!-- /product list -->
		@include('layouts.errors')
		<div class="card table-list-card">
			<div class="card-body">
				<div class="table-top">
					<div class="search-set">
						<div class="search-input">
							<a href="javascript:void(0);" class="btn btn-searchset"><i data-feather="search" class="feather-search"></i></a>
						</div>
 
						<div class="col-sm-3">
				            <select name="year" class="form-control" id="year-select">
				                <option value="">{{ __('messages.Select Year') }}</option>
				                @for ($years = now()->year; $years >= now()->year - 6; $years--)
				                    <option value="{{ $years }}" 
				                   	{{ (request('year') == $years || now()->year == $years)  ? 'selected' : '' }}>{{ $years }}</option>
				                @endfor
				            </select>
						</div>

						@if($entries->count() > 0)
						<div class="col-sm-2" style="padding-left: 10px;">
							<form method="post" action="{{ route('regular.entries.export', ['planId' => request('planId')]) }}">
							@csrf 
							<input type="hidden" name="year" value="{{ request('year') }}">
							<button class="btn btn-sm btn-primary" type="submit">{{ __('messages.Export') }}</button>
							</form>
						</div>
 
						<div class="col-sm-2" style="padding-left: 10px;">
							<a href="{{ route('regular.entries.print', ['year'=>request('year'), 'planId' => request('planId')]) }}" 
							class="btn btn-sm btn-primary" target="_blank">{{ __('messages.PDF') }}</a>
						</div>
						@endif
					</div>
				</div>
				
				<div class="table-responsive product-list">
					<table class="table datanew">
						<thead>
							<tr>
								<th>
									<label class="checkboxs">
										<input type="checkbox" id="select-all">
										<span class="checkmarks"></span>
									</label>
								</th>
								<th>{{ __('messages.Date') }}</th>
								<th>{{ __('messages.Expense Type') }}</th>
								<th>{{ __('messages.Only for rental') }}</th>
								<th>{{ __('messages.Income Type') }}</th>
								<th>{{ __('messages.Amount') }}</th>
								<th>{{ __('messages.Proof') }}</th>
								<th class="no-sort">{{ __('messages.Action') }}</th>
							</tr>
						</thead>
						<tbody>
							@if($entries->count() > 0)
							@foreach($entries as $entry)
							<tr>
								<td>
									<label class="checkboxs">
										<input type="checkbox" name="entries[]" value="{{ $entry->id }}">
										<span class="checkmarks"></span>
									</label>
								</td>
								<td>{{ date('Y-m-d', strtotime($entry->date)) }}</td>
								<td>
								@if($entry->type == 'Expense')
									{{ __('messages.'.$entry->expense_type) }} 
									@if($entry->expense_type == 'Other expenses' || $entry->expense_type == 'Other (list)') ({{ $entry->other_expense_name }}) @endif
								@endif
								</td>
								<td>
        						@if ((Auth::user()->reg_country == 'ca' && in_array($entry->expense_type, ['Repairs and maintenance', 'Other expenses (BusAuto)', 'Other expenses'])) || 
								     (Auth::user()->reg_country != 'ca' && in_array($entry->expense_type, ['Cleaning and maintenance', 'Repairs', 'Other (list)'])))
								    {{ __('messages.' . $entry->only_for_rental) }}
								@endif
								</td>
								<td>{{ $entry->type == 'Income' ? $entry->incomeType->name :  '' }}</td>
								
								<td>${{ number_format($entry->amount, 2) }}</td>
								<td>
								@if($entry->proof)
								<a href="{{ Storage::disk('s3')->url($entry->proof) }}" target="_blank" class="btn btn-sm btn-primary">{{ __('messages.View') }}</a>
								@else
								N/A 
								@endif
								</td>

								<td class="action-table-data">
									<div class="edit-delete-action">
										<a class="me-2 p-2" href="{{ route('regular-entries.edit', $entry->id) }}" >
											<i data-feather="edit" class="feather-edit"></i>
										</a>
										<form action="{{ route('regular-entries.destroy', $entry->id) }}" method="POST" class="deleteBtnForm">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="deleteBtn"
                                            onclick="return confirm('Are you sure you want to delete this entry?');">
                                            <i data-feather="trash-2" class="feather-trash-2" 
                                            style="width: 14px;height: 14px;"></i></button>
                                        </form>
									</div>
								</td>
							</tr>
							@endforeach
							@endif
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<!-- /product list -->
		
			
		</div>
	</div>
</div>

<!-- Forward Multiple Files Modal -->
<div id="forwardMultipleModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{ __('messages.Forward Files') }}</h5>
                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="forwardForm" action="{{ route('entries.forward.multiple') }}" method="POST">
                @csrf 
                <div class="modal-body">
                	<div class="form-group pass-group">
                        <label for="password">{{ __('messages.Password') }}</label>
                        <input type="password" class="pass-input form-control" id="password" name="password" required>
               			<span class="fas toggle-password fa-eye-slash" style="top: 65%!important;"></span>
                    </div>
                    <div class="form-group mt-3">
                        <label for="email">{{ __('messages.Recipient Email') }}</label>
                        <input type="email" class="form-control" id="email" name="email" required>
                        <input type="hidden" id="entry_ids" name="entry_ids"> <!-- Hidden input for entry_ids -->
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                    <button type="submit" class="btn btn-primary">{{ __('messages.Forward') }}</button>
                </div>
            </form> 
        </div>
    </div>
</div>

<script>
	// Single File
    document.addEventListener('DOMContentLoaded', function() {
        var forwardModal = document.getElementById('forwardModal');
        var fileIdInput = document.getElementById('file_id');
        var form = document.getElementById('forwardForm');

        forwardModal.addEventListener('show.bs.modal', function (event) {
            var button = event.relatedTarget; // Button that triggered the modal
            var fileId = button.getAttribute('data-file-id'); // Extract info from data-* attributes
            fileIdInput.value = fileId; // Set the file ID in the hidden input
            form.action = form.action.replace('file_id_placeholder', fileId); // Update form action with file ID
        });
    });

    // Multuple entries
    document.addEventListener('DOMContentLoaded', function() {
	    var forwardMultipleModal = document.getElementById('forwardMultipleModal');
	    var fileIdsInput = document.getElementById('entry_ids');
	    var form = document.getElementById('forwardForm');
	    var selectAllCheckbox = document.getElementById('select-all');

	    // Handle "select all" checkbox
	    selectAllCheckbox.addEventListener('change', function() {
	        var checkboxes = document.querySelectorAll('input[name="entries[]"]');
	        checkboxes.forEach(function(checkbox) {
	            checkbox.checked = selectAllCheckbox.checked;
	        });
	    });

	    // Handle modal opening for multiple entries
	    forwardMultipleModal.addEventListener('show.bs.modal', function(event) {
	        var selectedFiles = [];
	        var checkboxes = document.querySelectorAll('input[name="entries[]"]:checked');
	        checkboxes.forEach(function(checkbox) {
	            selectedFiles.push(parseInt(checkbox.value)); // Store file IDs as integers
	        });

	        // Instead of joining as a string, directly set the array as value
	        if (selectedFiles.length > 0) {
	            fileIdsInput.value = JSON.stringify(selectedFiles); // Convert array to JSON string
	        } else {
	            fileIdsInput.value = ''; // Reset if no entries selected
	        }
	    });
	});
</script>
@endsection

@section('scripts')
<script>
$(document).ready(function () {
    $('#forwardButton').on('click', function (e) {
        let checkedBoxes = $('input[name="files[]"]:checked').length;
        let errorDiv = $('#fileSelectionError');

        if (checkedBoxes === 0) {
            errorDiv.removeClass('d-none'); // Show error message
        } else {
            errorDiv.addClass('d-none'); // Hide error message
            $('#forwardMultipleModal').modal('show'); // Manually trigger the modal
        }
    });
});
</script>
@endsection