@extends('layouts.app')

@section('header')
<div class="card borderless-card">
  <div class="card-block primary-breadcrumb">
    <div class="breadcrumb-header">
      <h5>Customer</h5>
    </div>
    <div class="page-header-breadcrumb">
      <ul class="breadcrumb-title">
        <li class="breadcrumb-item">
          <a href="{{ \URL::to('/')}}">
            <i class="fas fa-home"></i>
          </a>
        </li>
        <li class="breadcrumb-item"><a href="#">View Customer</a>
        </li>
      </ul>
    </div>
  </div>
</div>

<div class="page-body">
    <div class="row">
        <div class="col-md-12">
            <a href="{{ URL::to('customer/create') }}" class="btn btn-primary btn-sm float-right"><i class="fas fa-plus-circle"></i> Add Customer</a>   
        </div>
    </div>
</div>

@endsection

@section('content')

<div class="table-responsive"> 
  <table id="view-customer" class="table table-striped table-bordered" style="width:100%;">
    <thead>
      <tr>
          <th>Client Name</th>
          <th>E-Mail</th>
          <th>Address</th>
          <th>Contact Number</th>
          <th>Alternate Number</th>
          <!-- <th>Balance</th> -->
          <th>Action</th>
      </tr>
    </thead>
  </table>
</div>
@endsection


@section('scripts')
@include('layouts.datatables_only_files')


<script type="text/javascript">

$(document).ready(function() {
    var dt = $('#view-customer').DataTable( {
        dom: 'Bfrtip',
        buttons: [
              'excel', 'pdf', 'print'
          ],
        "processing": true,
        "serverSide": true,
        "ajax":{              
                url : "/customer/index",
                type: "GET",
                data:{_token: '