@extends("admin.template")

@section("content")
<div class="row">
  <div class="col-xs-6">
    <h1 class="page-title">Companies</h1>
  </div>
  <div class="col-xs-6 text-right">
    <button type="button" class="btn blue" onclick="location.href='{{url('admin/company/save')}}'">Create</button>
  </div>
</div>

<div class="portlet light bordered">
  <div class="portlet-body">
    <form action="" method="post" id="filter">
      {!! 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">Code</th>
              <th>Name</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                {!! Form::select('stat', CompanyStat::$values, '', ['class'=>'form-control search-stat', 'placeholder'=>'']) !!}
              </td>
              <td>{!! Form::text('code', '', ['class'=>'form-control search-txt']) !!}</td>
              <td>{!! Form::text('name', '', ['class'=>'form-control search-txt']) !!}</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" id="table_company">
        <thead>
          <tr>
            <th width="70px">Status</th>
            <th width="120px">Company Code <i class="fa fa-sort pull-right" style="color: grey"></i></th>
            <th>Name <i class="fa fa-sort pull-right" style="color: grey"></i></th>
            <th>Requesters <i class="fa fa-sort pull-right" style="color: grey"></i></th>
          </tr>
        </thead>
        <tbody>
          @foreach($companies as $company)
          <tr>
            <td>{{CompanyStat::$values[$company->stat]}}</td>
            <td>{{$company->code}}</td>
            <td><a href="{{url("admin/company/save/".$company->company_id)}}">{{ $company->name }}</a></td>
            <td>{{$company->requester_count}}</td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection
@section('css')
  <style>
    .dt-buttons{
      margin-top: 0 !important;
      margin-bottom: 4px;
    }
  </style>
@endsection
@section('script')
  <script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.flash.min.js"></script>
  <script src="https://cdn.datatables.net/1.10.9/js/dataTables.bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.2.1/js/buttons.html5.min.js"></script>

<script type="text/javascript">
  function clearSearchCompany() {
    $("#stat").val('');
    $("input[name='name']").val('');
    $("#brand_id").val('');
    $("#category_id").val('');
  }

  $(document).ready(function() {
    $('#table_company').DataTable({
        searching:false,
        lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]],
        dom: 'Blfrtip',
        buttons: [
            {
                extend: 'excel',
                text: 'Export excel',
                className: 'exportExcel',
                filename: 'Export excel',
                exportOptions: {
                    modifier: {
                        page: 'all'
                    }
                }
            },
            ]
    });
  } );
</script>
@endsection