@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">
                	Spot Registration
            	</h1>
                <ol class="breadcrumb float-right">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a> </li>
                    <li class="breadcrumb-item"><a href="{{ route('tournaments') }}">Tournament</a> </li>
                    <li class="breadcrumb-item active">
                    	Spot Registration
                    </li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    
    <div class="row justify-content-center">
    	<div class="col-xl-7">
    		<div class="card">
    			<div class="card-header">
    				
    			</div>
    			<div class="card-body">
    				@php	    				
	                    if(isset($tournaments) && $tournaments->count() > 0){
	                        $selected_tour = request()->tour?request()->tour:$tournaments->last()->id;
	                    }else{
	                        $selected_tour = null;
	                    }	                    
	                 @endphp
	                <form>	    				
	    				<div class="form-group row">
	    					<label class="col-sm-3 col-form-label">Tournament</label>
		    				<div class="col-sm-9">
		    					<select class="form-control select2" name="tour_id" required="">
		    						<option value="">Select Tournament</option>
                                    @foreach($tournaments as $tournament)
                                    <option value="{{$tournament->id}}" @if($tournament->id == $selected_tour) selected @endif>{{$tournament->tour_name}}</option>
                                    @endforeach
		    					</select>
		    				</div>
	    				</div>
    				</form>
    				<form method="POST" action="{{ route('tournaments.spot-registration.store') }}">
    					@csrf
    					<input type="hidden" name="tour_id" value="{{ $selected_tour }}" />
    					<div class="row form-group">
	    					<label class="col-sm-3 col-form-label">Membership No</label>
	    					<div class="col-sm-9">
	    						<input type="text" name="membership_no" class="form-control enter-focus" autofocus="" required="" />
	    						<p id="memberNote" class="text-danger"></p>
	    					</div>
	    				</div>
	    				<div class="row form-group">
	    					<label class="col-sm-3 col-form-label">Tee Category</label>
	    					<div class="col-sm-9">
		    					<select class="form-control select2" name="tee_cat" required="">
		    						{!! tee_category_dropdown_options() !!}
		    					</select>	    						
	    					</div>
	    				</div>
	    				<div class="row form-group">
	    					<label class="col-sm-3 col-form-label">Member Name</label>
	    					<div class="col-sm-9">
	    						<input type="text" name="golfer_name" class="form-control" required="" />	
	    						<input type="hidden" name="membership_actual_no" value="" />    						
	    						<input type="hidden" name="member_id" value="" />
	    						<input type="hidden" name="non_member_id" value="" />
	    						<input type="hidden" name="other_club_member_id" value="" />
	    					</div>
	    				</div>
						<div class="row form-group">
	    					<label class="col-sm-3 col-form-label">Category</label>
	    					<div class="col-sm-9">
	    						<input type="text" name="member_type" class="form-control" required="" />
	    					</div>
	    				</div>
	    				<div class="row form-group">
	    					<label class="col-sm-3 col-form-label">Handicap</label>
	    					<div class="col-sm-9">
	    						<input type="text" name="handicap" class="form-control enter-focus" required="" />
	    					</div>
	    				</div>
	    				<div class="row form-group">
	    					<label class="col-sm-3 col-form-label">Amount</label>
	    					<div class="col-sm-9">
	    						<input type="text" name="reg_bill" value="{{ $tournament_info?$tournament_info->registration_fee:'' }}" class="form-control" required="" />
	    					</div>
	    				</div>
	    				<div class="row form-group">
	    					<label class="col-sm-3 col-form-label">Payment</label>
	    					<div class="col-sm-9">
	    						<input type="text" name="paid" value="{{ $tournament_info?$tournament_info->registration_fee:'' }}" class="form-control enter-focus" required="" />
	    					</div>
	    				</div>
	    				<div class="row form-group">
	    					<label class="col-sm-3 col-form-label">Payment Method</label>
	    					<div class="col-sm-9">
	    						<select name="payment_method" class="form-control enter-focus">
	    							{!! payment_method_dropdown_options(1) !!}
	    						</select>
	    					</div>
	    				</div>
	    				<div class="row form-group">
	    					<label class="col-sm-3 col-form-label">Payment Reference</label>
	    					<div class="col-sm-9">
	    						<input type="text" name="payment_reference" class="form-control" />
	    					</div>
	    				</div>
	    				<div class="row form-group">
	    					<div class="col-sm-12 text-right">
	    						<button type="submit" class="btn btn-info">Submit</button>
	    					</div>
	    				</div>
    				</form>	    				
    			</div>
    		</div>
    	</div>
    </div>   
    
</div>
@endsection
@section('page_script')
<script type="text/javascript">
	$(function(){
		$(document).on('change', 'select[name="year"]', function(){
			$('select[name="tour_id"]').val('');
			$(this).closest('form').submit();
		});						

		$(document).on('change', 'select[name="tour_id"]', function(){			
			$(this).closest('form').submit();
		});

		$('body').on('keydown', 'input, select, textarea', function(e) {
		    var self = $(this), form = self.parents('form:eq(0)'), focusable, next;
		    if (e.which == 13  || e.keyCode == 13) {
		        focusable = form.find('.enter-focus').filter(':visible');
		        next = focusable.eq(focusable.index(this)+1);
		        if (next.length) {
		        	if(next.attr('type') == 'text'){
		        		next.focus().select();
		        	}else{
		            	next.focus();
		        	}
		        } else {
		            form.submit();
		        }
		        return false;
		    }
		});

		$('input[name="membership_no"]').on('change, keyup', function(){
			var btn = $(this);
			if($(this).val()){
				$.ajax({
					url: '{{ route("get-member-info") }}?membership_no='+$(this).val(),
					dataType: 'json',
					success: function(result){
						if(result.status == 'success'){
							$('#memberNote').text('');
							$('input[name="golfer_name"]').val(result.data.name);
							$('input[name="member_type"]').val(result.data.category);
							$('input[name="handicap"]').val(result.data.handicap);
							$('input[name="member_id"]').val(result.data.member_id);
							$('input[name="non_member_id"]').val(result.data.non_member_id);
							$('input[name="other_club_member_id"]').val(result.data.other_club_member_id);
							$('input[name="membership_actual_no"]').val(result.data.membership_no);
						}else{
							$('#memberNote').text('Maybe you are trying to register a non member or other club member!');
							$('input[name="golfer_name"]').val('');
							$('input[name="member_type"]').val('');
							$('input[name="handicap"]').val('');
							$('input[name="member_id"]').val('');
							$('input[name="non_member_id"]').val('');
							$('input[name="other_club_member_id"]').val('');
							$('input[name="membership_actual_no"]').val();						
						}
					},
					error: function(){
						$('#memberNote').text('Invalid server response');
						$('input[name="golfer_name"]').val('');
						$('input[name="member_type"]').val('');
						$('input[name="handicap"]').val('');
						$('input[name="member_id"]').val('');
						$('input[name="non_member_id"]').val('');
						$('input[name="other_club_member_id"]').val('');
						$('input[name="membership_actual_no"]').val();											
					}
				});				
			}else{
				$('input[name="golfer_name"]').val('');
				$('input[name="member_type"]').val('');
				$('input[name="handicap"]').val('');
				$('input[name="member_id"]').val('');
				$('input[name="non_member_id"]').val('');
				$('input[name="other_club_member_id"]').val('');
				$('input[name="membership_actual_no"]').val();
			}
		});				
	});
</script>
@endsection