@extends('layouts.admin')
@section('title')
Zion Global
@endsection

@section('styles')
<!-- <script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>
  <script>tinymce.init({ selector:'textarea' });</script> -->
@endsection

@section('page')
<a href="{{url('/events')}}">Events</a>
@endsection


@section('content')
	
			<section class="ls section_padding_top_50 section_padding_bottom_50 columns_padding_5">
				<div class="container-fluid">

					<div class="row">
						<div class="col-sm-12">
							<h3>Club 
								<small>Events</small>
							</h3>
						</div>
					</div>
					<!-- .row -->

					<div class="row">
					<div class="col-md-8">
								<div class="with_border with_padding">

									<h4>
										Add New Club Events
										
									</h4>

									<hr>

									<div class="row form-group">
										<label class="col-lg-3 control-label">Event Title: </label>
										<div class="col-lg-9">
											<input type="text" id="title" class="form-control">
										</div>
									</div>
									<div class="row form-group">
										<label class="col-lg-3 control-label">Event Venue: </label>
										<div class="col-lg-9">
											<input type="text" id="venue" class="form-control">
										</div>
									</div>	

									<div class="row form-group">
										<label class="col-lg-3 control-label">Event Date: </label>
										<div class="col-lg-9">
											<input type="date" id="date" class="form-control">
										</div>
									</div>

									<div class="row form-group">
										<label class="col-lg-3 control-label">Event Time: </label>
										<div class="col-lg-9">
											<input type="time" id="time" class="form-control">
										</div>
									</div>

									<div class="row form-group">
										<label class="col-lg-3 control-label">Event Description: </label>
										<div class="col-lg-9">
											<textarea rows="8" id="desc" class="form-control"></textarea>
										</div>
									</div>

									<div class="row">
										<div class="col-sm-12 text-right">
											<button type="submit" id="addevents" class="theme_button wide_button">Add Events</button>
											
										</div>
									</div>
									<!-- .row  -->

								</div>
								<!-- .with_border -->

							</div>
						<!-- .col-* -->
					</div>
					<!-- .row -->


					<!-- .row -->

				</div>
				<!-- .container -->
			</section>

@endsection



@section('script')
<script src="../js/joseadebag.js"></script>
<script src="../js/admin/moment.min.js"></script>
<script src="../js/admin/fullcalendar.min.js"></script>
<script src="../js/admin/daterangepicker.js"></script>

<script type="text/javascript">
	
	 $('#desc').trumbowyg();
	 
</script>
@endsection