@extends('layouts/default')

{{-- Page title --}}
@section('title')
{{ "Activity Log Location " }}
@parent
@stop

{{-- Page content --}}
@section('content')
<div class="row">
  <div class="col-md-12">
    <div class="box box-default">
      <div class="box-body">

        <div class="row">
          <div class="col-md-8">
            <div class="form-group row">
              <label for="filter_location" class="col-sm-4 col-form-label col-form-label-sm">Select Location :</label>
              <div class="col-sm-6">
                <select class="form-control" name="filter_location" id="filter_location" required>
                      <option value="">Choose...</option>
                                      </select>
              </div>
            </div>
            <div class="form-group row">
              <label for="filter_type" class="col-sm-4 col-form-label col-form-label-sm">Select Type (IN/ OUT/ ALL) :</label>
              <div class="col-sm-6">
                <select class="form-control" name="filter_type" id="filter_type" required>
                      <option value="">Choose...</option>
                      <option value="1">ALL</option>
                      <option value="2">IN</option>
                      <option value="3">OUT</option>
                  </select>
              </div>
            </div>
            <div class="form-group row">
              <label for="filter_type" class="col-sm-4 col-form-label col-form-label-sm">Select Date Between :</label>
              <div class="col-sm-6">
                From : <input type="date" name="periode_from" id="periode_from" required> to <input type="date" name="periode_to" id="periode_to" required>
              </div>
            </div>
            <div class="form-group row">
              <label for="filter_form" class="col-sm-4 col-form-label col-form-label-sm">&nbsp; </label>
              <div class="col-sm-6">
                <button type="button" name="filter" id="filter" class="btn btn-info">Filter</button>
                <button type="button" name="reset" id="reset" class="btn btn-default">Reset</button>
              </div>
            </div>

          </div>

        </div>

        <div class="table-responsive">
          <table class="table table-bordered data-table" id="table_activity">
              <thead>
                  <tr>
                      <th>No</th>
                      <th>User</th>
                      <th>Action</th>
                      <th>Date</th>
                      <th>Location</th>
                      <th>Device</th>
                      <th>Note</th>
                      <th>Created at</th>
                  </tr>
              </thead>
              <tbody>
              </tbody>
          </table>
        </div>
      </div><!-- /.box-body -->
    </div><!-- /.box -->
  </div>
</div>

@stop

@section('moar_scripts')
    @include('customes.partials.add-activity-logs')
@stop