@extends('backend.layouts.app')
@section('content')
<div class="container-fluid">
	<div class="row">
		<div class="col-xl-12">
			<div class="breadcrumb-holder">
				<h1 class="main-title float-left">Guest Room</h1>
				<ol class="breadcrumb float-right">
					<li class="breadcrumb-item">Home </li>
					<li class="breadcrumb-item active">Guest Room</li>
				</ol>
				<div class="clearfix"></div>
			</div>
		</div>		
	</div>
	<div class="col-sm-12">
		<div class="row">			
			<div class="col-sm-2 short_cut">
				<div style="background: #517fa4; padding: 10px; border-radius: 10px; text-align: center;">
					<a href="{{ route('guest-room.booking.create') }}" style="color: #fff;">
						<i class="fa fa-calendar-check-o" aria-hidden="true" style="font-size: 50px"></i><br/> 
						New Booking
					</a>
				</div>
			</div>
			<div class="col-sm-2 short_cut">
				<div style="background: #517fa4; padding: 10px; border-radius: 10px; text-align: center;">
					<a href="{{ route('guest-room.schedule') }}" style="color: #fff;">
						<i class="fa fa-calendar" aria-hidden="true" style="font-size: 50px"></i><br/> 
						Booking Schedule
					</a>
				</div>
			</div>
			<div class="col-sm-2 short_cut">
				<div style="background: #517fa4; padding: 10px; border-radius: 10px; text-align: center;">
					<a href="{{ route('guest-room.request-list') }}" style="color: #fff;">
						<i class="fa fa-list" aria-hidden="true" style="font-size: 50px"></i><br/> 
						Booking Request List
					</a>
				</div>
			</div>
			<div class="col-sm-2 short_cut">
				<div style="background: #517fa4; padding: 10px; border-radius: 10px; text-align: center;">
					<a href="{{ route('guest-room.booking.summary') }}" style="color: #fff;">
						<i class="fa fa-bar-chart" aria-hidden="true" style="font-size: 50px"></i><br/> 
						Booking Summary
					</a>
				</div>
			</div>
			<div class="col-sm-2 short_cut">
				<div style="background: #517fa4; padding: 10px; border-radius: 10px; text-align: center;">
					<a href="{{route('guest-room.room-types')}}" style="color: #fff;">
						<i class="fa fa-columns" aria-hidden="true" style="font-size: 50px"></i>						
						<br/> Room Type
					</a>
				</div>
			</div>
			<div class="col-sm-2 short_cut">
				<div style="background: #517fa4; padding: 10px; border-radius: 10px; text-align: center;">
					<a href="{{ route('guest-room.room-setup') }}" style="color: #fff;">
						<i class="fa fa-link" aria-hidden="true" style="font-size: 50px"></i><br/> 
						Room Setup
					</a>
				</div>
			</div>					
		</div>
	</div>
</div>
@endsection

@section('before_body_end')
<style type="text/css">
	.short_cut {
		padding: 5px;
	}
</style>
@endsection