@extends('layouts.admin')

@section('content')

<div class="page-wrapper">
	<div class="content">
		<div class="page-title mt-5">
			<h3 class="text-center mb-1">{{ __('messages.Upload more files') }}</h3>
			<p class="text-center">{{ __('messages.Upload Taxes manager and categorize them.') }}</p>
			@include('layouts.errors')
		</div>
		<div class="container mt-5">
			<!-- Form to edit file details -->
			<form method="post" action="{{ route('files.update', $file->id) }}" enctype="multipart/form-data">
				@csrf
				@method('PUT') <!-- This is important for updating -->
				<div class="row justify-content-center">
					<div class="col-md-6">
						<div class="add-product"> 
							{{ __('messages.Tax summary for the period') }} 
							<select name="year" class="form-control" required> 
				                <option value="">{!! __('messages.Select year (2024, 2025 etc.)') !!}</option>
				                @for ($year = now()->year; $year >= now()->year - 6; $year--)
				                    <option value="{{ $year }}" {{ $file->year == $year ? 'selected' : '' }}>{{ $year }}</option>
				                @endfor
				            </select> 
						</div>
						
						<div class="add-product mt-3">
							<label class="form-label">{{ __('messages.Taxes manager name (T4, RL1, W2 etc)') }}</label>
							<input type="text" class="form-control" name="file_name" id="file_name" value="{{ old('file_name', $file->file_name) }}" required>
						</div>
						
						@if(haveBusinessTM(Auth::user()->id))
                        <div class="add-product mt-3">
							<label class="form-label">{{ __('messages.Select category (Income, expenses, Deductions etc)') }}</label>
							<select class="form-control" name="category" id="category" required>
								<option value="">{{ __('messages.Choose One') }}</option>
								<option value="Bank Statements" 
								{{ $file->category == 'Bank Statements' ? 'selected' : '' }}>{{ __('messages.Bank Statements') }}</option>
								<option value="Credit Card Statement" 
								{{ $file->category == 'Credit Card Statement' ? 'selected' : '' }}>{{ __('messages.Credit Card Statement') }}</option>
								<option value="Loan Statement" 
								{{ $file->category == 'Loan Statement' ? 'selected' : '' }}>{{ __('messages.Loan Statement') }}</option>
								<option value="Employer Summary" 
								{{ $file->category == 'Employer Summary' ? 'selected' : '' }}>{{ __('messages.Employer Summary') }}</option>
								<option value="Charitable Donations" 
								{{ $file->category == 'Charitable Donations' ? 'selected' : '' }}>{{ __('messages.Charitable Donations') }}</option>
								<option value="Income" 
								{{ $file->category == 'Income' ? 'selected' : '' }}>{{ __('messages.Income') }}</option>
								<option value="Expenses" 
								{{ $file->category == 'Expenses' ? 'selected' : '' }}>{{ __('messages.Expenses') }}</option>
								<option value="Deduction" 
								{{ $file->category == 'Deduction' ? 'selected' : '' }}>{{ __('messages.Deduction') }}</option>
								<option value="Tax Return" 
								{{ $file->category == 'Tax Return' ? 'selected' : '' }}>{{ __('messages.Tax Return') }}</option>
								<option value="Notice of assessment" 
								{{ $file->category == 'Notice of assessment' ? 'selected' : '' }}>{{ __('messages.Notice of assessment') }}</option>
								<option value="Copy of Cheques" 
								{{ $file->category == 'Copy of Cheques' ? 'selected' : '' }}>{{ __('messages.Copy of Cheques') }}</option>
								<option value="Sale" {{ $file->category == 'Sale' ? 'selected' : '' }}>{{ __('messages.Sale') }}</option>
								<option value="Purchase" {{ $file->category == 'Purchase' ? 'selected' : '' }}>{{ __('messages.Purchase') }}</option>
								
								<option value="Financial Statements" {{ $file->category == 'Financial Statements' ? 'selected' : '' }}>{{ __('messages.Financial Statements') }}</option>
								<option value="Others" 
								{{ $file->category == 'Others' ? 'selected' : '' }}>{{ __('messages.Others') }}</option>
							</select>
						</div>
                        @else
						<div class="add-product mt-3">
							<label class="form-label">{{ __('messages.Select category (Income, expenses, Deductions etc)') }}</label>
							<select class="form-control" name="category" id="category" required>
								<option value="">{{ __('messages.Choose One') }}</option>
								<option value="Income" {{ $file->category == 'Income' ? 'selected' : '' }}>{{ __('messages.Income') }}</option>
								<option value="Expense" {{ $file->category == 'Expense' ? 'selected' : '' }}>{{ __('messages.Expense') }}</option>
								<option value="Deduction" {{ $file->category == 'Deduction' ? 'selected' : '' }}>{{ __('messages.Deduction') }}</option>
								<option value="Credit" {{ $file->category == 'Credit' ? 'selected' : '' }}>{{ __('messages.Credit') }}</option>
								<option value="Tax Return" {{ $file->category == 'Tax Return' ? 'selected' : '' }}>{{ __('messages.Tax Return') }}</option>
								<option value="Others" {{ $file->category == 'Others' ? 'selected' : '' }}>{{ __('messages.Others') }}</option>
							</select>
						</div>
						@endif

						<div class="add-product mt-3">
							<label class="form-label">{{ __('messages.tax_manager_date') }}</label>
							<input type="date" class="form-control" name="date" id="date" value="{{ $file->date }}" min="{{ $file->year }}-01-01" max="{{ $file->year }}-12-31" required>
						</div>

						<div class="row">
                            <div class="col-lg-12">

                                <table id="DyanmicTable">
                                    <thead>
                                        <th><label class="form-label mt-2">{{ __('messages.tax_manager_upload_file') }}</label></th>
                                        @if(haveBusinessTM(Auth::user()->id))
                                        <th>{{ __('messages.Add/Remove') }}</th>
                                        @endif
                                    </thead> 
                                    <tbody>
                                        <tr>
                                            <td>
                                            <input class="form-control" id="files" name="files[]" accept=".pdf, .jpg, .jpeg, .png" onchange="Filevalidation()" type="file">
                                            </td>
                                            @if(haveBusinessTM(Auth::user()->id))
                                            <td>
                                                <button type="button" class="btn btn-sm btn-primary addMoreItems">
                                                    <i class="fa fa-plus-circle"></i>
                                                </button>
                                            </td>
                                            @endif
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

						<div class="add-product mt-3">
							<label class="form-label">{{ __('messages.Comments (if necessary)') }}</label>
							<textarea class="form-control" name="comments" id="comments" rows="3">{{ old('comments', $file->comments) }}</textarea>
						</div>

						<div class="col-lg-12 mt-4">
							<div class="btn-addproduct">
								<button type="submit" class="btn btn-submit">{{ __('messages.Save') }}</button>
								<a href="{{ route('files.index') }}" class="btn btn-cancel me-2">{{ __('messages.Cancel') }}</a>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>

@endsection

@section('scripts')
<script>
    // $(document).ready(function () {
    //     // Define the function to update the date restrictions based on selected year
    //     function updateDateRestrictions(selectedYear) {
    //         let $dateInput = $('input[name="date"]');

    //         if (!selectedYear) {
    //             $dateInput.val('');
    //             $dateInput.removeAttr('min max');
    //             return;
    //         }

    //         let minDate = selectedYear + "-01-01";
    //         let maxDate = selectedYear + "-12-31";

    //         $dateInput.attr("min", minDate);
    //         $dateInput.attr("max", maxDate);

    //         // Reset date if it's outside the selected year
    //         if ($dateInput.val() && ($dateInput.val() < minDate || $dateInput.val() > maxDate)) {
    //             $dateInput.val('');
    //         }
    //     }

    //     // Call the function on page load with the current selected year
    //     let selectedYear = {{ $file->year }};
    //     updateDateRestrictions(selectedYear);

    //     // Update restrictions when the year is changed
    //     $('select[name="year"]').on('change', function () {
    //         let selectedYear = $(this).val();
    //         updateDateRestrictions(selectedYear);
    //     });
    // });
    $(document).ready(function () {
	    let $yearSelect = $('select[name="year"]');
	    let $dateInput = $('input[name="date"]');

	    function updateDateLimits() {
	        let selectedYear = $yearSelect.val();

	        if (!selectedYear) {
	            $dateInput.val('');
	            $dateInput.removeAttr('min max');
	            return;
	        }

	        let minDate = selectedYear + "-01-01";
	        let maxDate = selectedYear + "-12-31";

	        $dateInput.attr("min", minDate);
	        $dateInput.attr("max", maxDate);

	        // Reset date if it's outside the selected year
	        if ($dateInput.val() && ($dateInput.val() < minDate || $dateInput.val() > maxDate)) {
	            alert("Please select a date within the chosen year (" + selectedYear + ").");
	            $dateInput.val('');
	        }
	    }

	    $yearSelect.on('change', updateDateLimits);

	    $dateInput.on('change', function () {
	        let selectedYear = $yearSelect.val();
	        let selectedDate = $dateInput.val();

	        if (selectedYear) {
	            let minDate = selectedYear + "-01-01";
	            let maxDate = selectedYear + "-12-31";

	            if (selectedDate < minDate || selectedDate > maxDate) {
	                alert("Invalid date! Please select a date within " + selectedYear);
	                $dateInput.val('');
	            }
	        }
	    });
	});

	$(document).ready(function () {
	    let $yearSelect = $('select[name="year"]');
	    let $dateInput = $('input[name="date"]');

	    function updateDateLimits() {
	        let selectedYear = $yearSelect.val();

	        if (!selectedYear) {
	            $dateInput.val('');
	            $dateInput.removeAttr('min max');
	            return;
	        }

	        let minDate = selectedYear + "-01-01";
	        let maxDate = selectedYear + "-12-31";

	        $dateInput.attr("min", minDate);
	        $dateInput.attr("max", maxDate);

	        // Auto-select January 1st of the selected year
	        $dateInput.val(minDate);
	    }

	    // Trigger date update when year changes
	    $yearSelect.on('change', updateDateLimits);
	});
</script>
@endsection