@extends('dashboard/layout.app')
@section('title', 'BettrAi | CCC Team')
@section('content') 
<div class="d-flex flex-column-fluid">
    <div class="container">
        <div class="card card-custom gutter-b card-stretch">
            <div class="card-header border-0 py-5">
                <h3 class="card-title align-items-start flex-column">
                    <span class="card-label font-weight-bolder text-dark">Clinical Call Centre(CCC) Team</span>
                </h3>
                <div class="card-toolbar">
                    <a href="{{ url('/addCustomerUser') }}?type=add&facility_id={{ $facility_id }}" class="btn btn-info font-weight-bolder font-size-sm showloader">Add CCC Team</a>
                </div>
            </div>
            <div class="card-body py-0">
                <!--begin::Table-->
                <div class="table-responsive">
                    <table
                        class="table table-head-custom table-vertical-center p-5"
                        id="kt_advance_table_widget_4">
                        <thead>
                            <tr class="text-left">
                                <th class="pl-0" style="width:15%;">USER FULL NAME</th>
                                <th style="width:15%;">USERNAME</th>
                                <th style="width:25%;">CLIENTS</th>
                                <th style="width:15%;">EMAIL</th>
                                <th style="width:15%;">PHONE</th>
                                <th class="pr-0 text-right" style="width:15%;">ACTION</th>
                            </tr>
                        </thead>
                        <tbody>
                                                </tbody>
                    </table>
                </div>
                <!--end::Table-->
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready( function () {
    $('#kt_advance_table_widget_4').DataTable({
		//added this option to remove sorting from last column
		"aaSorting": []
	});
	$('.tabloadershow').hide();
	$('.showloader').click(function(){
		$(".tabloadershow").show();
	});
});
</script>
@endsection