@if(isset($message)&&$message=='wrong current password')
<script>
alert('wrong current password!!');
</script>
@elseif(isset($message)&&$message=='password has been changed')
<script>
alert('The password has been changed.');
</script>
@elseif(isset($message)&&$message=='not match')
<script>
alert('New Password and New Password Confirm are not correct.');
</script>
@endif
@extends('layouts.mypage')

@section('page-header')
<h1 class="page-header">My Account </h1>
@endsection


@section('content')


<div class="row">
	<div class="col-md-12">
			<div class="panel">
              <div class="panel-body">

                <form class="form-horizontal" method="post" role="form">
				{{ csrf_field() }}
                  <div class="form-group">
                    <label class="col-lg-3 control-label">Email</label>
                    <div class="col-lg-8">
                      <div class="bs-component">
                        <p class="form-control-static text-muted">{{ $auth->email }}</p>
                      <div id="source-button" class="btn btn-primary btn-xs" style="display: none;">&lt; &gt;</div></div>
                    </div>
                  </div>
                  <div class="form-group {{ $errors->has('firstname') ? 'has-error' : '' }}">
                    <label for="inputStandard" class="col-lg-3 control-label">First Name</label>
                    <div class="col-lg-8">
                      <div class="bs-component">
                        <input type="text" id="firstname" name="firstname" class="form-control inline-input" value="{{ $errors->has('firstname') ? old('firstname')  : $auth->firstname }}">
						@if($errors->has('firstname'))
							<span class="help-block mt5">{{ $errors->first('firstname') }}</span>
						@endif
                      </div>
                    </div>
                  </div>
                  <div class="form-group {{ $errors->has('lastname') ? 'has-error' : '' }}">
                    <label for="inputStandard" class="col-lg-3 control-label">Last Name</label>
                    <div class="col-lg-8">
                      <div class="bs-component">
                        <input type="text" id="lastname" name="lastname" class="form-control" value="{{ $errors->has('lastname') ? old('lastname')  : $auth->lastname }}">
						@if($errors->has('lastname'))
							<span class="help-block mt5">{{ $errors->first('lastname') }}</span>
						@endif
                      </div>
                    </div>
                  </div>
                  <div class="form-group {{ $errors->has('sex') ? 'has-error' : '' }}">
                    <label for="inputSelect" class="col-lg-3 control-label">Gender</label>
                    <div class="col-lg-8">
                      <div class="bs-component">
						@if($errors->has('sex'))
                        <select id="sex" name="sex" class="form-control">
                          <option value="" {{ old('sex')=='' ? 'selected' : '' }}>Select Option</option>
                          <option value="M" {{ old('sex')=='M' ? 'selected' : '' }}>Male</option>
                          <option value="F" {{ old('sex')=='F' ? 'selected' : '' }}>Female</option>
                        </select>
						<span class="help-block mt5">{{ $errors->first('sex') }}</span>
						@else
                        <select id="sex" name="sex" class="form-control">
                          <option value="">Select Option</option>
                          <option value="M" {{ $auth->sex=='M' ? 'selected' : '' }}>Male</option>
                          <option value="F" {{ $auth->sex=='F' ? 'selected' : '' }}>Female</option>
                        </select>
						@endif
						@if($errors->has('sex'))
							<span class="help-block mt5">{{ $errors->first('sex') }}</span>
						@endif
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="inputSelect" class="col-lg-3 control-label">Birth</label>
                    <div class="col-lg-8">
                      <div class="bs-component">
						  <div class="col-xs-12" style="padding-left:0;">
                            <input id="birth" name="birth" type="text" class="form-control date-picker" value="{{ !empty($auth->birth) ? $auth->birth : ''}}" readonly style="cursor:pointer;" >
						  </div>
                      </div>
                    </div>
                  </div>


                  @if($auth->grade_id == 4)
                  <div class="form-group">
                    <label for="inputStandard" class="col-lg-3 control-label">Phone Number</label>
                    <div class="col-lg-8">
                      <div class="bs-component">
                        <input type="text" id="phone" name="phone" class="form-control" value="{{ $errors->has('phone') ? old('phone')  : $auth->phone }}">
                        @if($errors->has('phone'))
                          <span class="help-block mt5">{{ $errors->first('phone') }}</span>
                        @endif
                      </div>
                    </div>
                  </div>
                    <div class="form-group">
                      <label for="" class="col-lg-3 control-label">Address</label>
                      <div class="col-lg-3">
                        <input name="addr_street" placeholder="Street" class="form-control" value="{{ $errors->has('addr_street') ? old('addr_street')  : $auth->addr_street }}">
                      </div>
                      <div class="col-lg-3">
                        <input name="addr_city" placeholder="City" class="form-control" value="{{ $errors->has('addr_city') ? old('addr_city')  : $auth->addr_city }}">
                      </div>
                      <div class="col-lg-3">
                        <input name="addr_state" placeholder="State"class="form-control" value="{{ $errors->has('addr_state') ? old('addr_state')  : $auth->addr_state }}">
                      </div>

                    </div>
                  @endif

				  <div class="text-center"><button type="submit" class="btn btn-primary">Save</button></div>

                </form>


              </div>
            </div>


			<div class="panel">
              <div class="panel-body">
                <form class="form-horizontal" action="/mypage/password" method="post" role="form">
				{{ csrf_field() }}
                  <div class="form-group {{ $errors->has('now_password') ? 'has-error' : '' }}">
                    <label for="now_password" class="col-lg-3 control-label">Current Password</label>
                    <div class="col-lg-8">
                      <div class="bs-component">
                        <input type="password" name="now_password" class="form-control">
						@if($errors->has('now_password'))
							<span class="help-block mt5">{{ $errors->first('now_password') }}</span>
						@endif
						
                      </div>
                    </div>
                  </div>
                  <div class="form-group {{ $errors->has('new_password') ? 'has-error' : '' }}">
                    <label for="new_password" class="col-lg-3 control-label">New Password</label>
                    <div class="col-lg-8">
                      <div class="bs-component">
                        <input type="password" name="new_password" class="form-control">
						@if($errors->has('new_password'))
							<span class="help-block mt5">{{ $errors->first('new_password') }}</span>
						@endif
						
                      </div>
                    </div>
                  </div>
                  <div class="form-group {{ $errors->has('new_password_confirmation') ? 'has-error' : '' }}">
                    <label for="new_password_confirmation" class="col-lg-3 control-label">New Password Confirm</label>
                    <div class="col-lg-8">
                      <div class="bs-component">
                        <input type="password" name="new_password_confirmation" class="form-control">
						@if($errors->has('new_password_confirmation'))
							<span class="help-block mt5">{{ $errors->first('new_password_confirmation') }}</span>
						@endif
						
                      </div>
                    </div>
                  </div>
				  <div class="text-center"><button type="submit" class="btn btn-primary">Change Password</button></div>
                </form>
			  </div>
			</div>
	</div>
</div>
@endsection