@extends('layouts.master')

    <!-- Main content -->
@section('content')
      <div class="row">
        <div class="col-xs-12">
          <form role="form" action="{{ asset("/personal/") }}/{{ $personal->personal_id }}" method="post">		
			  {{ csrf_field() }}
		 <input type="hidden" name="_method" value="PUT">
          <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
              <li class="active"><a href="#personalinfo" data-toggle="tab">Personal Information</a></li>
              <li><a href="#otherinfo" data-toggle="tab">Other Information</a></li>
              <li><a href="#otherinfo" data-toggle="tab">Other </a></li>
              <li><a href="#otherinfo" data-toggle="tab"> Information</a></li>
              <li><a href="#otherinfo" data-toggle="tab">Other Information</a></li>
            </ul>
            <div class="tab-content">
              <!-- Personal Information -->
              <div class="tab-pane active" id="personalinfo">             
					<div class="form-group">
					  <label>Code</label>
					  <input {{$readonly or null}} type="text" class="form-control input-sm" name="code" placeholder="Input Code" value="{{$personal->personal_code}}">
					</div>
					<div class="form-group">
					  <label>Name</label>
					  <input {{$readonly or null}}  type="text" class="form-control input-sm" name="name" placeholder="Input Name" value="{{$personal->personal_name}}">
					</div>
					  <div class="box-footer">
						<a href="{{ asset("/personal/") }}"><button type="button" class="btn btn-default">Back</button></a>
						@if(!isset($readonly))
							<button type="submit" class="btn btn-info pull-right"><i class="fa fa-save"></i> Save</button></a>
							<button type="reset" class="btn btn-default pull-right"><i class="fa fa-eraser"></i> Reset</button>
						@elseif( $readonly == 'false')
							<button type="submit" class="btn btn-info pull-right"><i class="fa fa-save"></i> Save</button></a>
							<button type="reset" class="btn btn-default pull-right"><i class="fa fa-eraser"></i> Reset</button>
					  @endif
		 
					  </div>
			  
			  </div>              
			  <!-- /Personal Information -->

              <!-- Other Information-->
              <div class="tab-pane" id="otherinfo">
			   Other Information
					  <div class="box-footer">
						<a href="{{ asset("/personal/") }}"><button type="button" class="btn btn-default">Back</button></a>
						<button type="submit" class="btn btn-info pull-right"><i class="fa fa-save"></i> Save</button></a>
						<button type="reset" class="btn btn-default pull-right"><i class="fa fa-eraser"></i> Reset</button>
					  </div>			   
              </div>
              <!-- /#Other Information -->

            </div>
            <!-- /.tab-content -->
          </div>
          <!-- /.nav-tabs-custom -->	
		</form>		
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
@endsection