@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">{{ session('title') }}</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Home </li>
			<li class="breadcrumb-item active">{{ session('title') }}</li>
		</ol>
		<div class="clearfix"></div>
	</div>
</div>
<div class="container-fluid">
	<div class="col-md-12">
		<div style="width: 300px; margin: 0px auto; border: 1px solid #000; padding: 15px; background: #fff;">
			<p><b>Name: </b> {{$entry->name}}</p>
			<p><b>Membership NO: </b> {{$entry->membership_No}}</p>
			<p><b>Green Fee: </b> {{$entry->green_Fee}}</p>
			<p><b>Caddy Fee: </b> {{$entry->caddy_fee}}</p>
			<p><b>Ballboy Fee: </b> {{$entry->ballboy_fee}}</p>
			<p><b>Total: </b> {{$entry->caddy_fee+$entry->caddy_fee+$entry->ballboy_fee}}</p>
		</div>
	</div>
</div>
@endsection
@section('page_script')
<script type="text/javascript">
	$(function(){								
		$('.single-date-picker').daterangepicker({
			singleDatePicker: true,
			showDropdowns: true
		});

		$(document).on('change', '#player_type', function(){
			var value = $(this).val();

			if(value == 'Member'){
				$('.member-field').removeClass('d-none');
				$('.other-club-field').addClass('d-none');
				$('.other-non-field').addClass('d-none');
			}else if(value == 'Other Club Member'){
				$('.member-field').addClass('d-none');
				$('.other-club-field').removeClass('d-none');
				$('.other-non-field').removeClass('d-none');
			}else if(value == 'Non Member'){
				$('.member-field').addClass('d-none');
				$('.other-club-field').addClass('d-none');
				$('.other-non-field').removeClass('d-none');
			}else{
				$('.member-field').addClass('d-none');
				$('.other-club-field').addClass('d-none');
				$('.other-non-field').addClass('d-none');
			}

		});						
	});
</script>
@endsection