@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">
                	@if(isset($editData) && !empty($editData))
                		Update Tournament
                	@else
                		Add New Tournament
                	@endif
            	</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">
                    	@if(isset($editData) && !empty($editData))
	                		Update Tournament
	                	@else
	                		Add New Tournament
	                	@endif
                    </li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>

    <div class="row">
    	<div class="col-xl-12">
    		
    		<form method="post" action="{{route('tournament.store')}}">
    			@csrf
	    		<div class="card">
	    			<div class="card-header">
	    				<h3 class="card-title">Tournament Information</h3>
	    			</div>
	    			<div class="card-body">	    				
	    				@if(\Session::has('success'))
		    				<div class="row">
		    					<div class="col-sm-9 text-center text-success ">
		    						{{\Session::get('success')}}
		    					</div>
		    				</div>
	    				@endif
	    				@if(\Session::has('error'))
		    				<div class="row">
		    					<div class="col-sm-9 text-center text-danger ">
		    						{{\Session::get('error')}}
		    					</div>
		    				</div>
	    				@endif
	    				@if(\Session::has('danger'))
		    				<div class="row">
		    					<div class="col-sm-9 text-center text-danger ">
		    						{{\Session::get('danger')}}
		    					</div>
		    				</div>
	    				@endif	    				
	    				
	    				<div class="row">
	    					<div class="col-sm-6">	    				
			    				<div class="form-group">
			    					<label>Tournament Name <span class="text-danger">*</span></label>
			    					<input type="text" name="tour_name" class="form-control @error('tour_name') is-invalid @enderror" placeholder="Tournament Name..." autocomplete="off" required="">
			    					@error('tour_name')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
			    				</div>	    						
	    					</div>
	    					<div class="col-sm-6">
	    						<div class="form-group">
			    					<label class="control-label">Sponsor Name</label>
			    					<input type="text" name="sponsor_name" class="form-control @error('sponsor_name') is-invalid @enderror" />
			    					@error('sponsor_name')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
			    				</div>
	    					</div>	    					
	    				</div>
	    				<div class="row">
	    					<div class="col-sm-3">
	    						<div class="form-group">
	    							<label>Tournament Start <span class="text-danger">*</span></label>
	    							<input type="text" name="tour_start" class="form-control @error('tour_start') is-invalid @enderror datepickerjui" autocomplete="off" required="" />
	    							@error('tour_start')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
	    						</div>
	    					</div>
	    					<div class="col-sm-3">
	    						<div class="form-group">
	    							<label>Tournament End <span class="text-danger">*</span></label>
	    							<input type="text" name="tour_end" class="form-control @error('tour_end') is-invalid @enderror datepickerjui" autocomplete="off" required="" />
	    							@error('tour_end')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
	    						</div>
	    					</div>
							<div class="col-sm-3">
	    						<div class="form-group">
	    							<label>Registration Fee <span class="text-danger">*</span></label>
	    							<input type="text" name="registration_fee" class="form-control @error('registration_fee') is-invalid @enderror" autocomplete="off" required="">
	    							@error('registration_fee')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
	    						</div>
	    					</div>
	    					<div class="col-sm-3">
	    						<div class="form-group">
	    							<label>Status</label>
	    							<select class="form-control @error('status') is-invalid @enderror" name="status">
	    								<option value="1">Active</option>
	    								<option value="0">Inactive</option>
	    							</select>
	    							@error('status')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
	    						</div>
	    					</div>
	    				</div>
	    				<div class="row">
	    					<div class="col-sm-3">
	    						<div class="form-group">
	    							<label>Registration Start <span class="text-danger">*</span></label>
	    							<input type="text" name="registration_start" class="form-control @error('registration_start') is-invalid @enderror single-datetime-picker" autocomplete="off" required="" />
	    							@error('registration_start')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
	    						</div>
	    					</div>
	    					<div class="col-sm-3">
	    						<div class="form-group">
	    							<label>Registration End <span class="text-danger">*</span></label>
	    							<input type="text" name="registration_end" class="form-control @error('registration_end') is-invalid @enderror single-datetime-picker" autocomplete="off" required="" />
	    							@error('registration_end')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
	    						</div>
	    					</div>	    					
	    					<!-- <div class="col-sm-3">
	    						<div class="form-group">
	    							<label class="control-label">Tee off Start Time</label>
	    							<input type="text" name="tee_off_start_time" class="form-control js-timeicker @error('tee_off_start_time') is-invalid @enderror" />
	    							@error('tee_off_start_time')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
	    						</div>
	    					</div>
	    					<div class="col-sm-3">
	    						<div class="form-group">
	    							<label class="control-label">Tee off End Time</label>
	    							<input type="text" name="tee_off_end_time" class="form-control js-timeicker @error('tee_off_end_time') is-invalid @enderror" />
	    							@error('tee_off_end_time')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
	    						</div>
	    					</div> -->
	    					<div class="col-sm-6">
	    						<div form-group>
			    					<label>Tournament Descriptions</label>
			    					<textarea class="form-control @error('tour_details') is-invalid @enderror" name="tour_details"></textarea>
			    					@error('tour_details')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
			    				</div>
	    					</div>
	    				</div>
	    				<!-- <div class="row">
	    					<div class="col-sm-3">
	    						<div class="form-group">
	    							<label>Reserved Time Start</label>
	    							<input type="text" name="reserved_time_start" class="form-control js-timeicker @error('reserved_time_start') is-invalid @enderror" />
	    							@error('reserved_time_start')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
	    						</div>
	    					</div>
	    					<div class="col-sm-3">
	    						<div class="form-group">
	    							<label>Reserved Time End</label>
	    							<input type="text" name="reserved_time_end" class="form-control js-timeicker @error('reserved_time_end') is-invalid @enderror" />
	    							@error('reserved_time_end')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
	    						</div>
	    					</div>
	    					<div class="col-sm-2">
	    						<div class="form-group">
	    							<label>Slot Duration</label>
	    							<input type="text" name="flight_duration" class="form-control @error('flight_duration') is-invalid @enderror" />
	    							<p class="text-warning">Write in minutes please</p>
	    							@error('flight_duration')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
	    						</div>
	    					</div>
	    					<div class="col-sm-2">
	    						<div class="form-group">
	    							<label>Interval After Flight No</label>
	    							<input type="text" name="interval_flight" class="form-control @error('interval_flight') is-invalid @enderror" />
	    							@error('interval_flight')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
	    						</div>
	    					</div>
	    					<div class="col-sm-2">
	    						<div class="form-group">
	    							<label>Interval Minutes</label>
	    							<input type="text" name="interval_minutes" class="form-control @error('interval_minutes') is-invalid @enderror" />
	    							<p class="text-warning">Write in minutes please</p>
	    							@error('interval_minutes')
			    					<span class="invalid-feedback">{{ $message }}</span>
			    					@enderror
	    						</div>
	    					</div>
	    				</div>	 -->    				
	    				

	    			</div>
	    			<div class="card-footer">
	    				@if(isset($editData) && !empty($editData))
	                		<button type="submit" class="btn btn-success float-right">Update</button>
	                	@else
	                		<button class="btn btn-success float-right" type="submit">Add</button>
	                	@endif
	    			</div>
	    		</div>
    		</form>
    	</div>
    </div>   
    
</div>
@endsection

@section('page_script')

<script type="text/javascript">
	$(function(){
		$('.datetimepickerBoot').datetimepicker({

			
        });
        $('.datetimepickerBoot').datetimepicker({
        	format: 'DD-MM-YYYY LT',
            // inline: true,
            // sideBySide: true,
			
        });
		
        $('input[name="tour_name"]').focus();

		// $('.singledatepicker').daterangepicker({
		// 	singleDatePicker: true,
		// 	showDropdowns: true,
		// 	locale: {
		//       format: 'YYYY-MM-DD'
		//     }
		// });

		// $('.rangepicker').daterangepicker();
		//  $('.rangepicker').daterangepicker({
  //           timePicker: true,
  //           timePickerIncrement: 30,
  //           locale: {
  //               format: 'MM/DD/YYYY h:mm A'
  //           }
  //       });							
	});
</script>
@endsection