@extends('layouts.admin')

@section('content')

<div class="page-wrapper">
	<div class="content"> 
		<div class="page-header">
			<div class="add-item d-flex">
				<div class="page-title">
					<h4>{{ __('messages.Taxes manager list') }}</h4>
					<h6>{{ __('messages.Manage your Taxes manager') }}</h6>
				</div> 
			</div>

			@if (Auth::user()->role == 'client')
			<div class="page-btn" style="border-radius: 20px;">
				<a href="{{ route('files.index', ['uploadedby'=>'accountant']) }}" class="btn btn-added btn-secondary">
					<i data-feather="eye" class="me-2"></i>
					{{ __('messages.View file upload by tax Professional') }}
				</a>
			</div>
			@endif

			<div class="page-btn" style="border-radius: 20px;">
				<a href="{{ route('files.create') }}" class="btn btn-added Primary">
					<i data-feather="plus" class="me-2"></i>{{ __('messages.Upload more files') }}
				</a>
			</div>
		</div>

		<div class="card table-list-card">
			<div class="card-body"> 
				<!-- Date Filter Form -->
				<form action="{{ route('files.index') }}" method="GET" class="mb-3 p-3">
				    <div class="row">
				        <!-- Date Filter -->
				        <div class="col-md-4">
				            <label for="from_date">{{ __('messages.From Date') }}</label>
				            <input type="date" name="from_date" class="form-control" value="{{ request('from_date') }}">
				        </div>
				        <div class="col-md-4">
				            <label for="to_date">{{ __('messages.To Date') }}</label>
				            <input type="date" name="to_date" class="form-control" value="{{ request('to_date') }}">
				        </div>
				        
				        <!-- Month Filter -->
				        <div class="col-md-4">
				            <label for="month">{{ __('messages.Month') }}</label>
				            <input type="month" name="month" class="form-control" value="{{ request('month') }}">
				        </div>
				        
				        <!-- Year Filter -->
				        <div class="col-md-4">
				            <label for="year">{{ __('messages.Year') }}</label>
				            <select name="year" class="form-control">
				                <option value="">{{ __('messages.Select Year') }}</option>
				                @for ($year = now()->year; $year >= now()->year - 6; $year--)
				                    <option value="{{ $year }}" {{ request('year') == $year ? 'selected' : '' }}>{{ $year }}</option>
				                @endfor
				            </select>
				        </div>
				        
				        <!-- Filter and Reset Buttons -->
				        <div class="col-md-4">
				            <label>&nbsp;</label><br>
				            <button type="submit" class="btn btn-primary">{{ __('messages.Filter') }}</button>
				            <a href="{{ route('files.index') }}" class="btn btn-secondary">{{ __('messages.Reset') }}</a>
				        </div>
				    </div>
				</form>

				@if (Auth::user()->role == 'client')
			    <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> 
			    @endif

				<!-- End Date Filter Form -->

				@include('layouts.errors')

				<div class="table-responsive product-list">
					<table class="table datanew_files"> 
						<thead>
							<tr> 
								@if (Auth::user()->role == 'client')
								<th>
									<label class="checkboxs">
										<input type="checkbox" id="select-all">
										<span class="checkmarks"></span>
									</label>
								</th>
								@endif
								<th>{{ __('messages.Uploaded Date') }}</th>
								<th>{{ __('messages.File Name') }}</th>
								<th>{{ __('messages.Category') }}</th>
								<th>{{ __('messages.Year') }}</th>
								<th>{{ __('messages.Date') }}</th>
								<th>{{ __('messages.Download') }}</th>
								@if(haveBusinessTM(Auth::user()->id) || Auth::user()->role == 'team')
								<th>{{ __('messages.Status') }}</th>
								@endif
								@if(Auth::user()->role == 'client' && haveBusinessTM(Auth::user()->id))
								<th>{{ __('messages.Uploaded By') }}</th>
								@endif
								@if (Auth::user()->role == 'client')
								<th>{{ __('messages.Forward File') }}</th>
								@endif
								<th class="no-sort">{{ __('messages.Actions') }}</th>
							</tr>
						</thead>
						<tbody>
							@foreach($files as $file)
							<tr>
								@if (Auth::user()->role == 'client')
								<td>
									<label class="checkboxs">
										<input type="checkbox" name="files[]" value="{{ $file->id }}">
										<span class="checkmarks"></span>
									</label>
								</td>
								@endif
								<td>{{ date('Y-m-d', strtotime($file->created_at)) }}</td>
								<td>{{ $file->file_name }}</td>
								@php $category = $file->category; @endphp
								<td>{{ __('messages.'.$category) }}</td>
								<td>{{ $file->year }}</td>
								<td>{{ $file->date }}</td> 
								<td><a href="{{ route('file.download', $file->id) }}"><i class="fa fa-download"></i> {{ __('messages.Download') }}</a></td>

								@if (Auth::user()->role == 'client' && haveBusinessTM(Auth::user()->id)) 
								<td>
									@if($file->status == 'pending')
									<form method="post" action="{{ route('file.accept', $file->id) }}">
									@csrf
									<button class="btn btn-sm btn-primary" type="submit" onclick="return confirm('Are you sure you want to approve this file?');">Approve</button>
									</form>
									@else
									<span class="badge bg-success }}">Approved</span>
									@endif
								</td> 
								@endif


								@if(Auth::user()->role == 'client' && haveBusinessTM(Auth::user()->id))
								<th>
									@if($file->uploaded_by == Auth::id())
									SELF
									@else
									{{ $file->uploadedby->first_name }} {{ $file->uploadedby->last_name }}
									@endif
								</th>
								@endif

								@if (Auth::user()->role == 'client')
								<td> 
									<button class='btn btn-primary' data-bs-toggle="modal" data-bs-target="#forwardModal" data-file-id="{{ $file->id }}">
								        <i class="fa fa-forward"></i> {{ __('messages.Forward File') }}
								    </button>
								</td>
								@else
								<td>
									<span class="badge {{ ($file->status == 'pending') ? 'bg-warning' : 'bg-success' }}">{{ ucfirst($file->status) }}</span>
								</td>
								@endif
								<td class="action-table-data">
									<div class="edit-delete-action">
										<a class="me-2 p-2" href="{{ route('files.show', $file->id) }}">
											<i data-feather="eye" class="feather-eye"></i>&nbsp;{{ __('messages.view') }}
										</a>
										@if (Auth::user()->role == 'client')
										<a class="me-2 p-2" href="{{ route('files.edit', $file->id) }}">
											<i data-feather="edit" class="feather-edit"></i>&nbsp;{{ __('messages.corrected') }}
										</a>

                                        <form action="{{ route('files.destroy', $file->id) }}" method="POST" class="deleteBtnForm">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="deleteBtn"
                                            onclick="return confirm('Are you sure you want to delete this file?');">
                                            <i data-feather="trash-2" class="feather-trash-2" 
                                            style="width: 14px;height: 14px;"></i>&nbsp;{{ __('messages.delete') }}</button>
                                        </form>
										@endif
									</div>
								</td>
							</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>

	</div>
</div>


<!-- Forward File -->
<div id="forwardModal" 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 File') }}</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('file.forward', 'file_id_placeholder') }}" 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="file_id" name="file_id">
                    </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>

<!-- 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('file.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="file_ids" name="file_ids"> <!-- Hidden input for file_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 files
    document.addEventListener('DOMContentLoaded', function() {
	    var forwardMultipleModal = document.getElementById('forwardMultipleModal');
	    var fileIdsInput = document.getElementById('file_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="files[]"]');
	        checkboxes.forEach(function(checkbox) {
	            checkbox.checked = selectAllCheckbox.checked;
	        });
	    });

	    // Handle modal opening for multiple files
	    forwardMultipleModal.addEventListener('show.bs.modal', function(event) {
	        var selectedFiles = [];
	        var checkboxes = document.querySelectorAll('input[name="files[]"]: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 files 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