@extends('backend.layouts.app')
@section('content')

<style>
td.sorting_asc {
    width: 310px !important;
}
td.sorting_desc {
	 width: 310px !important;
}
.table-responsive {
    overflow-x: hidden !important;
}
</style>

@if(Session::has('message'))
<div class="callout callout-success">
                <h6>{{ Session::get('message')}}</h6>
              </div>
@endif

@if(Session::has('error_message'))
<div class="callout callout-danger">
                <h6>{{ Session::get('error_message')}}</h6>
              </div>
@endif


@if (count($errors) > 0)
    <div class="callout callout-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif


{!! Html::script('expand_theme/js/jquery.validate.min.js') !!}


<div class="row new_member" id="ajaxmaterialdisplayform">
<div class="col-md-12" id="backend-configuration-mobile-gp">




<div class="box">
    <div class="box-header">
      <div class="row">
        <div class="col-md-7"><h3>Parent Check in/Check out</h3></div>
      </div>   
    </div>

    <div class="box-body">
    {!! Form::open(array('url' => 'admin/family_checkin', 'class' => 'form-horizontal edit_form', 'files' => true )) !!}

        <div class="col-md-12">
        <div class="col-md-3"><label class="flright">Select Location<span class="required" aria-required="true">*</span></label></div>
        <div class="col-md-3">
        	<input type="hidden" name="location" id="location" value="">
          <select class="form-control" name="loc" id="loc">
          	<option value="">Select Location</option>
             @foreach($locations as $location)
                 <option value="{{ $location->loc_id }}" >{{ $location->loc_name }}</option>
              @endforeach

          </select>
          </div>
          <div class="col-md-2"><a class="form-control change btn btn-default" style="display: none;">Change Location</a></div>
        </div>

		&nbsp;<br />  

      <div class="form-body"  style=" display: none;">

        <div class="panel" style="box-shadow: 0 1px 1px rgba(0,0,0,0);">
        <div class="panel-body">
        <div class="row">  

        <div class="col-md-12">
        <div class="col-md-3"><label class="flright">Family Name<span class="required" aria-required="true">*</span></label></div>
        <div class="col-md-3"><input type="text" id="last_name" name="last_name" class="form-control" required value=""></div>
        </div>
        &nbsp;<br />
        <div class="col-md-12">
        <div class="col-md-3"><label class="flright">E Mail<span class="required" aria-required="true">*</span></label></div>
        <div class="col-md-3"><input type="email" name="email" id="email" class="form-control" required value=""></div>
        </div>
         &nbsp;<br />
        <div class="col-md-12">
        <div class="col-md-3"><label class="flright">Phone #(Last Four Digits)<span class="required" aria-required="true">*</span></label></div>
        <div class="col-md-3"><input type="text" id="phone" minlength="4" maxlength="4" name="phone" class="form-control" required value=""></div>
        </div>

        &nbsp;<br />



        <div class="col-md-12">
        <div class="col-md-12">
        	
        </div>
        <!-- <div class="col-md-4" id="check-form-btn">
        <button type="submit" class="btn btn-success"><i class="fa fa-fw fa-check-square-o"></i>Check In</button>
        </div> -->
        </div>

        </div>
        </div>
        </div>
        <P style="color: gray;"><span class="required" aria-required="true">Note :</span>Result is fetched using either Phone number or Email-id</P>
          <hr>
            <div class="row form-section" style="margin:10px 0px 0px 0px !important;">
                    <div class="col-md-5">
                      <div class="row"><div class="col-md-offset-5 col-md-8">       
                      <button type="submit" class="btn btn-info">Search</button>
                        <!-- <button type="submit" class="submit btn btn-info">Search</button> -->
                          <a href="javascript:history.go(-1);" class="btn btn-default">Cancel</a>
                            </div>
                      </div>
                    </div><div class="col-md-7"></div>
            </div>

        </div><!-- form body closed -->

  {!! Form::close() !!}


 </div><!-- box body -->

</div><!-- box  -->