@extends('_layout.layout')

@section('title') Customers
@endsection

@section('modals')
@include('_layout.partials.deletemodal')
@endsection

@section('header')
<h1> <a href="{{route('getCompanyDetails',$company->id)}}">{{$company->name}}</a> <small>Customers</small></h1>
@endsection


@section('content')
<div class="row">
  <div class="col-md-12">
    <div class="portlet box green">
      <div class="portlet-title">
        <div class="caption">
          <i class="fa fa-group"></i>
          <span class="caption-subject bold uppercase"> Customers list</span>
        </div>
        <div class="actions">
          <div class="input-group input-group-sm input-medium">
            <input type="text" class="form-control" placeholder="Search" id="searchInput" value="{{request('q')}}"> 
            <span class="input-group-btn">
              <button type="submit" class="btn green" id="searchButton">
                  <i class="fa fa-search"></i>
              </button>
            </span>
          </div>
        </div>
      </div>
      <div class="portlet-body">
        <div class="table-responsive">
          <table class="table table-striped table-bordered table-hover"><tbody>
          <tr>
            <th style="vertical-align:middle;">#</th>
            <th style="vertical-align:middle;">Full Name</th>
            <th style="vertical-align:middle;">Email</th>
            <th style="vertical-align:middle;">Phone</th>
            <th style="vertical-align:middle;">Twilio number</th>
            <th style="vertical-align:middle;">Registration date</th>
            <th style="vertical-align:middle;">Licence expire date</th>
          </tr>
          @foreach($apiUsers->items() as $apiUser)
          <tr>
            <td>{{$apiUser->id}}</td>
            <td><a href="{{route('getApiUserDetails',$apiUser->id)}}">{{$apiUser->fullname}}</a></td>
            <td>{{$apiUser->email}}</td>
            <td>{{$apiUser->phone?'('.substr($apiUser->phone, 2, 3).') '.substr($apiUser->phone, 5, 3).'-'.substr($apiUser->phone, 8):$apiUser->phone}}</td>
            <td>{{$apiUser->twilio_number?'('.substr($apiUser->twilio_number, 2, 3).') '.substr($apiUser->twilio_number, 5, 3).'-'.substr($apiUser->twilio_number, 8):$apiUser->twilio_number}}</td>
            <td>{{$apiUser->created_at}}</td>
            <td>{{$apiUser->licence->expire_date}}</td>
          </tr>
          @endforeach
        </tbody></table>
        
        @if ($apiUsers->lastPage()>1)
        <div class="pull-right">
          {{ $apiUsers->appends(Request::only('q'))->links() }}
        </div>
        @endif

        </div>
      </div>
    </div>
  </div>
</div>
@endsection


@section('page-script')
<script type="text/javascript">
$("#searchInput").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#searchButton").click();
    }
});
$("#searchButton").on('click', function (e) {
    e.preventDefault();
    $(location).attr('href','{{route('getApiUsers',$company->id)}}?q='+$("#searchInput").val())
  });

  
</script>

@endsection