@extends('layouts.app')


@section('content')

<div role="main" class="main">
	<section class="page-header mb-0">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-md-6 text-left">
					<h1 class="font-weight-bold">Leave Management</h1>
				</div>

				<div class="col-md-6">
					<ul class="breadcrumb justify-content-start justify-content-md-end mb-0">
						<li><a href="{{ route('/')}}">Home</a></li>
						<li class="active">Leave Management</li>
					</ul>
				</div>
			</div>
		</div>
	</section>

	<section class="section">
		<div class="container">
			<div class="row text-center">
				<div class="col">
					<h2 class="font-weight-bold appear-animation" data-appear-animation="fadeInUpShorter">Apply Leave</h2>	
				</div>
			</div>

			<div class="row pt-5">
				<div class="col-lg-12 appear-animation" data-appear-animation="fadeInRightShorter">
					<form class="contact-form form-style-2" action="{{ route('apply-leave-store') }}" method="POST" enctype="multipart/form-data">

						@include('portal.partials.leaveForm')                     	

					</form>
				</div>
			</div>
		</div>
	</section>

	<section class="section bg-light-5">
		<div class="container">
			<div class="row">
				<div class="col">
					<h2 class="font-weight-bold appear-animation" data-appear-animation="fadeInUpShorter">Leave Report</h2>	
				</div>
			</div>

			<div class="row pt-5">
				<div class="col-lg-12 appear-animation" data-appear-animation="fadeInRightShorter">
					<form class="contact-form form-style-2" action="{{ route('apply-leave-store') }}" method="POST" enctype="multipart/form-data">

						@include('portal.partials.leaveResult')                     	

					</form>
				</div>
			</div>
		</div>
	</section>

</div>

@endsection

@section('css')

<style>
.datepicker {
background-color: #fff ;
color: #333 ;
}

</style>
@endsection


@section('js')  
<script src="{{ asset('js/leave.js') }}"></script>  
@endsection