@extends("admin.template")

@section("content")
<div class="row">
  <div class="col-md-6">
    <h1 class="page-title">Registrations</h1>
  </div>
</div>

<div class="portlet light bordered">
  <div class="portlet-body">
    <form id="filter" action="" method="post">
      {!! csrf_field() !!}
      <div class="table-responsive">
        <table class="table table-bordered">
          <thead>
            <tr>
              <th class="search-th-stat">Status</th>
              <th class="search-th-txt">Company Name</th>
              <th class="search-th-txt">UEN</th>
              <th>Registered On</th>
              <th>Show top</th>
              <th>See all</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>{!! Form::select('stat', RegistrationStat::$values, isset($input)?$input['stat']:"", ['class'=>'form-control search-stat', 'placeholder'=>'']) !!}</td>
              <td>
               <select name="company_name" id="users" class="form-control">
                <option></option>
                @foreach($get_company as $index => $company)
                <option value="{{ $company->name }}" {{isset($input) && $input['company_name'] == $company->name?"selected":""}}>{{ $company->name }}</option>
                @endforeach
              </select>
            </td>
            <td>{!! Form::text('uen', '', ['class'=>'form-control search-txt']) !!}</td>
            <td>
              <div class="input-group input-large datepicker input-daterange" data-date="10/11/2012" data-date-format="mm/dd/yyyy">
                <input type="text" class="form-control" name="date_from" placeholder="From" value="{{isset($input)?$input['date_from']:""}}">
                <span class="input-group-addon"> to </span>
                <input type="text" class="form-control" name="date_to" placeholder="To" value="{{isset($input)?$input['date_to']:""}}">
              </div>
            </td>
            <td>{!! Form::text('limit', 100, ['class'=>'form-control search-txt']) !!}</td>
            <td>{!! Form::checkbox('see_all') !!}</td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="row">
      <div class="col-md-12 text-center">
        <button type="submit" name="submit" class="btn blue" value="Search">Search</button>
        <button onclick="  $(':input').not(':button, :submit, :reset,:hidden').val('');document.getElementById('filter').submit();" class="btn green">Clear</button>
      </div>
    </div>
  </form>
</div>
</div>


<div class="portlet light bordered">
  <div class="portlet-body">
    <div class="table-responsive">
      <table class="table table-bordered table-hover">
        <thead>
          <tr>
            <th width="100px">Status</th>
            <th>Name</th>
            <th>Username</th>
            <th>Designation</th>
            <th>Company Name</th>
            <th>UEN</th>
            <th>Membership Plan</th>
            <th>Registered On</th>
          </tr>
        </thead>
        <tbody>
          @foreach($registrations as $registration)
          <tr>
            <td>{{ RegistrationStat::$values[$registration->stat] }}</td>
            <td><a href="{{url("admin/registration/save/".$registration->registration_id)}}">{{ $registration->fullname }}</a></td>
            <td>{{ $registration->username }}</td>
            <td>{{ $registration->designation }}</td>
            <td>{{ $registration->company_name }}</td>
            <td>{{ $registration->uen }}</td>
            <td>{{ $registration->membership_name }}</td>
            <td>{{ ViewHelper::formatDateTime($registration->created_on) }}</td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection

@section('script')
<script type="text/javascript">

  function matchStart (term, text) {
    if (text.toUpperCase().indexOf(term.toUpperCase()) == 0) {
      return true;
    }

    return false;
  }

  $.fn.select2.amd.require(['select2/compat/matcher'], function (oldMatcher) {
    $("#users").select2({
      matcher: oldMatcher(matchStart)
    })
  });

</script>
@endsection