@extends('layout')
@section('css')
        <!-- css code here -->
@endsection

@section('content')
    @include('clients.breadcrumb')
    <div class="container-fluid">
        <div class="row starter-main">
            <div class="col-sm-12"> 
                <div class="card">  
                    <div class="card-header pb-0">
                    </div>
                    <div class="card-body">
                    <table class="table" id="list_tables" data-size="xl" data-search="true"   data-tagettype="no-action" data-row="id" data-toolbar="#toolbar"
                    data-toggle="table" data-url="{{route('clients.lists')}}"  data-side-pagination="server" data-pagination="true" data-page-list="[5, 10, 20, 50, 100, 200,500,1000]"  >
                    <thead  class="alert alert-light solid alert-square solid bordered">
                        <tr>
                            <th data-field="client_name">Name</th>
                            <th data-field="client_email">Email</th>
                            <th data-field="contract_no">Contact No.</th>
                            <th data-field="status_">Status</th>
                            <th data-field="action"></th>
                        </tr>
                    </thead>
                </table>
                    </div>
                </div> 
            </div> 
        </div> 
    </div>
@endsection

@section('script')
@endsection