@extends('layouts.appv2')

@section('content')


{{-- Table index start --}}


	
<!-- <div class="col-sm-12"> -->

	<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('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>
					 </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