@extends('backend.layouts.app')

@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">Ball Boy</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Dashbaord </li>
			<li class="breadcrumb-item">Golf Operation </li>			
			<li class="breadcrumb-item active">Ball Boys </li>			
		</ol>
		<div class="clearfix"></div>
	</div>
</div>

<div class="container-fluid">
	<div class="col-md-12">
		<div class="row justify-content-center">
			<div class="col-sm-2 text-center">
				<a href="{{route('golf-operation.ballboys.create')}}" class="dashboard-icon">
					<i class="fa fa-users" style="font-size: 25px;"></i>
					<p>Add New Ball Boy</p>				
				</a>
			</div>
			<div class="col-sm-2 text-center">
				<a href="{{route('golf-operation.ballboys.manage')}}" class="dashboard-icon">
					<i class="fa fa-user"></i>
					<p>Edit/Manage Ball Boy</p>
				</a>
			</div>			
		</div>

		<div class="row justify-content-center">
			<div class="col-xl-12">
				<a href="#"><h5 style="text-align: center; border: 1px solid #ddd;  margin-top: 20px; padding: 5px;">Report</h5></a>
			</div>

			<div class="col-sm-2 text-center">
				<a href="{{route('golf-operation.ballboys.summary-report')}}" class="dashboard-icon">
					<i class="fa fa-user"></i>
					<p>Ball Boy Summary</p>
				</a>
			</div>
		</div>
	</div>
</div>
@endsection

@section('before_body_end')
@endsection