@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('/members')}}">Teachers</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>Staff 
								<small>Teachers</small>
							</h3>
						</div>
					</div>
					<!-- .row -->

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

									<h4>
										Add New Teachers
										
									</h4>

									<hr>

									<div class="row form-group">
										<label class="col-lg-3 control-label">Name: </label>
										<div class="col-lg-9">
											<input type="text" id="name1" class="form-control">
										</div>
									</div>
									<div class="row form-group">
										<label class="col-lg-3 control-label">Email: </label>
										<div class="col-lg-9">
											<input type="text" id="email1" class="form-control">
										</div>
									</div>

									<div class="row form-group">
										<label class="col-lg-3 control-label">Classification: </label>
										<div class="col-lg-9">
											<input type="text" id="profession" class="form-control">
										</div>
									</div>
									<!-- <div class="row form-group">
										<label class="col-lg-3 control-label">Facebook Handle: </label>
										<div class="col-lg-9">
											<input type="text" id="facebook" class="form-control">
										</div>
									</div>
									<div class="row form-group">
										<label class="col-lg-3 control-label">Twitter Handle: </label>
										<div class="col-lg-9">
											<input type="text" id="twitter" class="form-control">
										</div>
									</div>
									
									<div class="row form-group">
										<label class="col-lg-3 control-label">office: </label>
										<div class="col-lg-9">
											<select class="form-control with-selected" name="with-selected" id="office">
													<option value="President">President</option>
													<option value="Vice President">Vice President</option>
													<option value="Treasurer">Treasurer</option>
													<option value="Secretary">Secretary</option>
													<option value="Immediate Past President">Immediate Past President</option>
													<option value="Past President">Past President</option>
													<option value="Honourable Member">Honourable Member</option>
											</select>
										</div>
									</div> -->

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

									<div class="row">
										<div class="col-sm-12 text-right">
											<button type="submit" id="addmember" class="theme_button wide_button">Add Member</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 type="text/javascript">
	
	 $('#bio').trumbowyg();
	 
</script>
@endsection