@extends('layouts/default')

{{-- Page title --}}
@section('title')
{{ "List Service" }}
@parent
@stop

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

        @if(count($errors) > 0)
        <div class="alert alert-danger">
          @foreach ($errors->all() as $error)
          {{ $error }} <br/>
          @endforeach
        </div>
        @endif
        @if(session()->has('message'))
            <div class="alert alert-success">
                {{ session()->get('message') }}
            </div>
        @endif
        <div class="row">
          <div class="col-md-8">
            <div class="form-group row">
            <label for="filter_company" class="col-sm-3 col-form-label col-form-label-sm">Pilih Range Tanggal :</label>
              <div class="col-sm-6">
                <input type="date" id="periode_from" name="periode_from" required> to <input type="date" id="periode_to" name="periode_to" required>
              </div>
            </div>
            <div class="form-group row">
              <label for="filter_form" class="col-sm-3 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 class="col-md-4">
          </div>
          <div class="col-md-8">
            <br />
            <div id="tombol"></div>
          </div>
          <div class="col-md-4">
          </div>

        </div>

        <div class="table-responsive">
          
          <br />
          <table class="table table-bordered data-table" id="table_service">
              <thead>
                  <tr>
                      <th>No</th>
                      <th>Asset Tag / Serial Number</th>
                      <th>Supplier</th>
                      <th>Start Date</th>
                      <th>Completion Date</th>
                      <th>Keterangan</th>
                      <th>IT Support </th>
                      <th>Cost</th>
                      <th>Action</th>
                  </tr>
              </thead>
              <tbody>
              </tbody>
              <tfoot>
                <tr>
                    <th colspan="7" style="text-align:right">Total:</th>
                    <th colspan="2">Total:</th>
                </tr>
              </tfoot>
          </table>
        </div>
      </div><!-- /.box-body -->
    </div><!-- /.box -->
  </div>
</div>

@stop

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