@extends("admin.template")

@section("content")
<div class="row">
  <div class="col-xs-6">
    <h1 class="page-title">Offices</h1>
  </div>
  <div class="col-xs-6 text-right">
    <button type="button" class="btn blue" onclick="location.href='{{url('admin/office/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">Name</th>
              <th>Company</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                {!! Form::select('stat', OfficeStat::$values, '', ['class'=>'form-control search-stat', 'placeholder'=>'']) !!}
              </td>
              <td>{!! Form::text('name', '', ['class'=>'form-control search-txt', 'id'=>'name']) !!}</td>
              <td>{!! Form::select('company_id', $companies, '', ['class'=>'form-control search-dropdown', 'placeholder'=>'']) !!}</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_office">
        <thead>
          <tr>
            <th width="70px">Status</th>
            <th width="200px">Company<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($offices as $office)
          <tr>
            <td>{{OfficeStat::$values[$office->stat]}}</td>
            <td>{{$office->company_name}}</td>
            <td><a href="{{url("admin/office/save/".$office->office_id)}}">{{ $office->name }}</a></td>
            <td>{{ $office->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>
  $(document).ready(function() {
    $('#table_office').DataTable({
        searching: false,
        dom: 'Blfrtip',
        lengthMenu: [[10, 25, 50,100, -1], [10, 25, 50,100, "All"]],
        buttons: [
            {
                extend: 'excel',
                text: 'Export excel',
                className: 'exportExcel',
                filename: 'Export excel',
                exportOptions: {
                    modifier: {
                        page: 'all'
                    }
                }
            },
        ]
    });
  } );
</script>
@endsection