@extends('layouts.app')

@section('content')

<div class="content-header">
	<p class="title">Financial Year List</p>
	<ul>
		<li><a href="{{ route('financial-year.create') }}">{{ __('Add New') }}</a></li>
	</ul>
</div>

<div class="content">

	{{-- Success and Error messages --}}
	@if(session('success'))
	<div class="alert alert-success alert-dismissible fade show success_alert_custom" role="alert">
		<button type="button" class="close" data-dismiss="alert" aria-label="Close">
			<span aria-hidden="true">&times;</span>
		</button>
		{{ session('success') }}
	</div>
	@endif

	@if(session('error'))
	<div class="alert alert-danger error_alert_custom" role="alert">
		<button type="button" class="close" data-dismiss="alert" aria-label="Close">
			<span aria-hidden="true">&times;</span>
		</button>
		{{ session('error') }}
	</div>
	@endif

	<table class="table table-bordered">
		<thead>
			<tr>
				<th>Financial Year Name</th>
				<th>Start Date</th>
				<th>End Date</th>
				<th>Status</th>
				<th>Actions</th>
			</tr>
		</thead>
		<tbody>
			@foreach($financial_years as $financial_year)
			<tr>
				<td>{{ $financial_year->name }}</td>
				<td>{{ $financial_year->start_date }}</td>
				<td>{{ $financial_year->end_date }}</td>
				<td>
					@if($financial_year->isClosed)
					<span class="badge badge-danger">Closed</span>
					@else
					<span class="badge badge-success">Open</span>
					@endif
					@if($financial_year->isAudited)
					<span class="badge badge-danger">Audited</span>
					@else
					<span class="badge badge-success">Not Audited</span>
					@endif
				</td>
				<td>
					<!-- Edit Button -->
					<a href="{{ route('financial-year.edit', $financial_year->id) }}" class="btn btn-warning" title="Edit Financial Year">
						<i class="fas fa-edit"></i>
					</a>

					<!-- Delete Button -->
					<form action="{{ route('financial-year.destroy', $financial_year->id) }}" method="POST" class="d-inline">
						@csrf
						@method('DELETE')
						<button type="submit" class="btn btn-danger" title="Delete Financial Year" onclick="return confirm('Are you sure you want to delete this financial year?');">
							<i class="fas fa-trash"></i>
						</button>

					</form>

					<!-- Toggle Closed Status Button -->
					<form action="{{ route('financial-year.toggleClosed', $financial_year->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Are you sure you want to close this financial year?');">
						@csrf
						@method('PATCH')
						<button type="submit" class="btn {{ $financial_year->isClosed ? 'btn-secondary' : 'btn-success' }}" {{ $financial_year->isClosed ? 'disabled' : '' }} title="{{ $financial_year->isClosed ? 'Financial Year is Closed' : 'Close Financial Year' }}">
							<i class="fas {{ $financial_year->isClosed ? 'fa-lock' : 'fa-unlock' }}"></i>
						</button>
					</form>

					<!-- Toggle Audited Status Button -->
					<form action="{{ route('financial-year.toggleAudited', $financial_year->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Are you sure you want to audit this financial year?');">
						@csrf
						@method('PATCH')
						<button type="submit" class="btn {{ $financial_year->isAudited ? 'btn-secondary' : 'btn-success' }}" {{ $financial_year->isAudited ? 'disabled' : '' }} title="{{ $financial_year->isAudited ? 'Financial Year is Audited' : 'Audit Financial Year' }}">
							<i class="fas {{ $financial_year->isAudited ? 'fa-clipboard-check' : 'fa-clipboard-list' }}"></i>
						</button>
					</form>
				</td>


			</tr>
			@endforeach
		</tbody>
	</table>
</div>



{{-- JavaScript to auto-dismiss alerts --}}
<script>
	// Function to automatically dismiss alerts after a few seconds
	setTimeout(function() {
		$('.alert-danger, .alert-success').fadeOut('slow');
	}, 7000); // Adjust time as needed (7000 ms = 7 seconds)
</script>

@endsection