@extends('frontend.layouts.member-app')
@section('content')
<div class="panel panel-default" style="margin-top: 20px;">
	<div class="panel-heading bg-success">
		@include('frontend.become-member.membership-header')
		<h3 class="panel-title">Golfing Background</h3>
	</div>
	<div class="panel-body">

		@if (Session::has('message'))
			    <div class="col-md-6 col-md-offset-2 alert alert-info">
			    	<button type="button" class="close" data-dismiss="alert">
						<i class="ace-icon fa fa-times"></i>
					</button>
					{{Session::get('message')}}
			    </div>
		@endif
		@if ($errors->any())
			    <div class="alert alert-danger col-md-6 col-md-offset-2">
			        <ul>
			            @foreach ($errors->all() as $error)
			                <li>{{ $error }}</li>
			            @endforeach
			        </ul>
			    </div>
		@endif
		
		<form method="POST" action="{{route('become-member.golfing-background.update',$editData->id)}}">
			@csrf
			@php
			if(old('has_golf_background')){
				$has_golf_background = old('has_golf_background');	
			}elseif($editData){
				$has_golf_background = $editData->has_golf_background;
			}else{
				$has_golf_background = null;
			}

			if(old('has_other_club_ms')){
				$has_other_club_ms = old('has_other_club_ms');	
			}elseif($editData){
				$has_other_club_ms = $editData->has_other_club_ms;
			}else{
				$has_other_club_ms = null;
			}

			if(old('other_club_name_no')){
				$other_club_name_no = old('other_club_name_no');	
			}elseif($editData){
				$other_club_name_no = $editData->other_club_name_no;
			}else{
				$other_club_name_no = null;
			}

			if(old('start_of_play')){
				$start_of_play = old('start_of_play');	
			}elseif($editData){
				$start_of_play = $editData->start_of_play;
			}else{
				$start_of_play = null;
			}

			if(old('handicap')){
				$handicap = old('handicap');	
			}elseif($editData){
				$handicap = $editData->handicap;
			}else{
				$handicap = null;
			}

			if(old('additional_golf_background	')){
				$additional_golf_background	 = old('additional_golf_background	');	
			}elseif($editData){
				$additional_golf_background	 = $editData->additional_golf_background	;
			}else{
				$additional_golf_background	 = null;
			}

			@endphp
			<div class="card">
				<div class="card-body">
					<div class="row justify-content-center">						
						<label class="control-label">Has Golfing Background</label>
						<div class="col-sm-2">
							<select class="form-control form-control-sm" name="has_golf_background" id="has-golfing-background">
								<option {{ $has_golf_background == '0'?'selected':'' }} value="0">No</option>
								<option {{ $has_golf_background == '1'?'selected':'' }} value="1">Yes</option>
							</select>
						</div>
					</div>
					<div id="golf-background-content" class="@if($has_golf_background == 0)d-none @endif">
						<div class="row">
							<div class="col-sm-4">
								<div class="form-group">
									<label class="control-label">Has Other Club Membership</label>
									<select name="has_other_club_ms" id="has_other_club_ms" class="form-control">
										<option {{ $has_other_club_ms == '0'?'selected':'' }} value="0">No</option>
										<option {{ $has_other_club_ms == '1'?'selected':'' }} value="1">Yes</option>
									</select>
								</div>
							</div>
							<div id="other_club_info" class="col-sm-8 @if($has_other_club_ms == 0)d-none @endif">
								<div class="form-group">
									<label class="control-label">Other Club Name and Membership No</label>
									<textarea name="other_club_name_no" id="other_club_name_no" class="form-control" rows="1">{{ $other_club_name_no }}</textarea>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-3">
								<div class="form-group">
									<label class="control-label">Start of Play</label>
									<select class="form-control select2" name="start_of_play">
										{!! yearDropdown(old('start_of_play'))!!}
									</select>									
								</div>
							</div>
							<div class="col-sm-3">
								<div class="form-group">
									<label class="control-label">Handicap</label>
									<input type="text" name="handicap" value="{{ $handicap }}" class="form-control" />
								</div>
							</div>
							<div class="col-sm-6">
								<div class="form-group">
									<label class="control-label">Additional Information</label>
									<textarea class="form-control" name="additional_golf_background" rows="1">{{ $additional_golf_background }}</textarea>
								</div>
							</div>
						</div>
					</div>				
				</div>
				<div class="card-footer text-right">
					<a href="{{route('become-member.identity-info', $editData->id)}}" class="btn btn-primary btn-sm">Previous</a>	
					<input type="submit" name="action" value="Next" class="btn btn-warning btn-sm">					
				</div>
			</div>			
		</form>	
	</div>
	<div class="panel-footer">

	</div>
</div>

<style type="text/css">
	.action-column button {
		min-width: auto!important;
	}
</style>
<script type="text/javascript">
	$(function(){								
		$('.single-date-picker').daterangepicker({
			singleDatePicker: true,
			showDropdowns: true
		});

		var has_golf_background = {!! @$has_golf_background !!};
		if (has_golf_background == '1') {
			$('#golf-background-content').removeClass('d-none');
		}
		$(document).on('change', '#has-golfing-background', function(){
			if($(this).val() == '1'){
				$('#golf-background-content').removeClass('d-none');
			}else{
				$('#golf-background-content').addClass('d-none');
			}
		})

		$(document).on('change', '#has_other_club_ms', function(){
			if($(this).val() == 1){
				$('#other_club_info').removeClass('d-none');
			}else{
				$('#other_club_info').addClass('d-none');
			}
		})
	});
</script>

@endsection