@extends('admin.layouts.app')
@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Power Layer
            <small>it all here</small>
        </h1>
        <ol class="breadcrumb">
            <li><a><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Power Layer</li>
            <li class="active">List</li>
        </ol>
    </section>

    <div style="margin-top: 10px" class="flash-message">
        @if(Session::has('message'))
        <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('message') }}</p>
        @endif
    </div>
    <section class="content">
        <!-- Default box -->
        <div class="box">
             <div class="box-header with-border">
                <a href="{{route("admin.power.layer.add")}}" class="btn btn-success pull-right" style="margin-right: 5px;"> <i class="fa fa-plus"> Add</i></a>
                </h4>
            </div>
            <div class="box-body">
                <table id="users-table" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Power Layer Name</th>
                            <th>Email</th>
                            <th>Phone Number</th>
                            <th>Verify Id</th>
                            <th>Surgery Group Name</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
     
    </section>
</div>
@endsection
@section('js')
<script  nonce="{{ $cspNonce }}">
  $('#users-table').DataTable({
        processing: true,
        serverSide: true,
        ajax: '{{route("admin.power.layer.datatable")}}',
        columns: [
            {data: 'id', name: 'id'},
            {data: 'name', name: 'name'},
            {data: 'email', name: 'email'},
            {data: 'phone_number', name: 'phone_number'},
            {data: 'verify_id', name: 'verify_id'},
            {data: 'surgery_name', name: 'surgery_name'},
            {data: 'action', name: 'action'},
        ]
    });
    
</script>
@endsection