@extends('layouts.appv2')

@section('content')


{{-- Table index start --}}
	
		@if(session('success'))
			<div class="alert alert-success">
				{{ session('success') }}
			</div>
		@endif

		<div class="card" style="border-radius: 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
			<div class="card-header">
				<div class="d-flex justify-content-between align-items-center mb-0">
					<h3>Leaves Applied Details</h3>  
					<div class="btn-toolbar mb-2 mb-md-0">
						<a href="{{ route('admins.viewleave')}}" class="btn btn-sm btn-secondary mt-1 mb-1" 
							style="width:70px; text-align: center; border-radius: 50px;">Back
						</a>
					</div>
				</div> 
			</div>

			<div class="card-body">
				<div class="form-group row">
					<label for="employee_company_id" class="col-sm-2 col-form-label">Employee Name</label>
					<div class="col-sm-4">
						<span type="text" readonly="" class="form-control-plaintext col-form-label font-weight-bold" value="">{{ $leave->employee_first_name}}</span>
					</div>

					<label for="employee_office_id" class="col-sm-2 col-form-label">Leave Type</label>
					<div class="col-sm-4">
						<span type="text" readonly="" class="form-control-plaintext col-form-label font-weight-bold" value="">{{ $leave->leavetype_name}}</span>
					</div>
				</div>
					 
				<div class="form-group row">
					<label for="employee_company_id" class="col-sm-2 col-form-label">Created Date</label>
					<div class="col-sm-4">
						<span type="text" readonly="" class="form-control-plaintext col-form-label font-weight-bold" value="">{{ \Carbon\Carbon::parse($leave->created_date)->format('l, d M Y')}}</span>
					</div>

					<label for="employee_office_id" class="col-sm-2 col-form-label">Approver</label>
					<div class="col-sm-4">
						<span type="text" readonly="" class="form-control-plaintext col-form-label font-weight-bold" value="">{{ $approver->userfirstname}}</span>
					</div>
				</div>
					 
				<div class="form-group row">
					<label for="employee_company_id" class="col-sm-2 col-form-label">Start Date</label>
					<div class="col-sm-4">
						<span id="employee_joined_at" class="form-control-plaintext col-form-label font-weight-bold">{{ \Carbon\Carbon::parse($leave->start_date)->format('l, d M Y') }}</span>
					</div>

					<label for="employee_office_id" class="col-sm-2 col-form-label">End Date</label>
					<div class="col-sm-4">
						<span id="length_of_services" class="form-control-plaintext col-form-label font-weight-bold">{{ \Carbon\Carbon::parse($leave->end_date)->format('l, d M Y') }}</span>
					</div>
				</div>

				<div class="form-group row">
					<label for="employee_company_id" class="col-sm-2 col-form-label">Total Days</label>
					<div class="col-sm-4">
						<span type="text" readonly="" class="form-control-plaintext col-form-label font-weight-bold" value="">{{ $leave->total_days}}</span>
					</div>

					<label for="employee_office_id" class="col-sm-2 col-form-label">Return Date</label>
					<div class="col-sm-4">
						<span type="text" readonly="" class="form-control-plaintext col-form-label font-weight-bold" value="">{{ \Carbon\Carbon::parse($leave->return_date)->format('l, d M Y') }}</span>
					</div>
				</div>

				<div class="form-group row">
					<label for="employee_company_id" class="col-sm-2 col-form-label">Reason</label>
					<div class="col-sm-4">
						<span type="text" readonly="" class="form-control-plaintext col-form-label font-weight-bold" value="">{{ $leave->reason}}</span>
					</div>

					<label for="employee_office_id" class="col-sm-2 col-form-label">Attachment</label>
					<div class="col-sm-4">
						<span href="">
							@if($leave->attachment)
								<a href="{{ asset('storage/documentstaff/' . $leave->attachment) }}" class="btn btn-primary">Download</a>
							@else
								<button class="btn btn-secondary" onclick="alert('There is no file uploaded.');">Download</button>
							@endif 
						</span>
					</div>

					@if($leave->rejectmessage)
						<div class="alert alert-danger mt-1 text-center">
							<strong>Rejection Message:</strong> {{ $leave->rejectmessage }}
						</div>
					@endif
				</div>

				@if($leave->status_label === 'Approved')
					<button type="button" class="btn btn-danger btn-lg btn-block text-white" data-toggle="modal" data-target="#RejectModal">
						Cancel
					</button>
				@endif

			<div class="modal fade" id="RejectModal" tabindex="-1" role="dialog" aria-labelledby="RejectModalLabel" aria-hidden="">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="RejectModalLabel">Cancel message</h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<form action="{{ route('admins.cancelbyhr', $leave->leave_apply_id) }}" method="POST">
								@csrf
								<div class="form-group">
									<label for="recipient-name" class="col-form-label">TO : {{ $leave->employee_first_name }}</label>
								</div>
								<div class="form-group">
									<label for="message-text" class="col-form-label">Message:</label>
									<textarea class="form-control" id="message-text" name="rejectmessage" required></textarea>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
									<button type="submit" name="action" value="reject" class="btn btn-danger">Cancel Confirm</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
			
		</div>
	</div>
</div>



{{-- Table index end --}}



    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
    <!-- Bootstrap DatePicker JS -->
    <script src="https://cdn.jsdelivr.net/npm/bs5-datepicker@1.2.0/dist/js/bootstrap-datepicker.min.js"></script>
@endsection