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

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

									<h4>
										Edit Member
										
									</h4>

									<hr>
									<input type="text" id="pageid" class="form-control" value="{{$id}}" hidden="true" >
									<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" value="{{$members[0]->name}}">
										</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" value="{{$members[0]->email}}" 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" value="{{$members[0]->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"  value="{{$members[0]->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" value="{{$members[0]->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">{{$members[0]->bio}}</textarea>
										</div>
									</div>

									<div class="row">
										<div class="col-sm-12 text-right">
											<button type="submit" id="editmember" class="theme_button wide_button">Edit 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();
	 $('#pageid').hide();
	 
</script>
@endsection