@extends('admin.layouts.app')
@section('css')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.11.3/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/select/1.3.1/css/select.dataTables.min.css">
@endsection
@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">Dashboard</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item active">Home</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
    @if (session()->has('status'))
        <div class="mb-2 mt-2">
            <div class="alert alert-success" role="alert">
                {{ session()->get('status' )}}
            </div>
        </div>
    @endif
    <!-- Main content -->
    <section class="content">
        <div class="container h-100 ">
            <div class="row chat-row ml-0 ">
                <div class="col-lg-12 col-md-12 col-12 pr-0 pt-3">
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="display table table-striped nowrap users-table" id="m_table_1">
                                <thead>
                                <tr>
                                    <th>No.</th>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>speciality</th>
                                    <th>work</th>
                                    <th>phone</th>
                                    <th>Created At</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($users as $user)
                                    <tr>
                                        <td>{{ $user->id }}</td>
                                        <td>{{ $user->name }}</td>
                                        <td>{{ $user->email }}</td>
                                        <td>{{ $user->speciality }}</td>
                                        <td>{{ $user->work }}</td>
                                        <td>{{ $user->phone }}</td>
                                        <td>{{ $user->created_at }}</td>
                                        <td><a href="{{ route('admin.delete', $user->id) }}" class="btn btn-danger btn-sm">Delete</a></td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
{{--                            {{ $users->links() }}--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- /.content -->
@endsection
@section('js')
    <link rel="stylesheet" type="text/css"
          href="https://cdn.datatables.net/v/bs4/jq-3.6.0/jszip-2.5.0/dt-1.11.3/af-2.3.7/b-2.0.1/b-html5-2.0.1/date-1.1.1/fc-4.0.1/fh-3.2.0/r-2.2.9/sc-2.0.5/datatables.min.css"/>

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
    <script type="text/javascript"
            src="https://cdn.datatables.net/v/bs4/jq-3.6.0/jszip-2.5.0/dt-1.11.3/af-2.3.7/b-2.0.1/b-html5-2.0.1/date-1.1.1/fc-4.0.1/fh-3.2.0/r-2.2.9/sc-2.0.5/datatables.min.js"></script>

    <script type="text/javascript">
        var DatatablesExtensionButtons = {
            init: function () {
                var t;
                $("#m_table_1").DataTable({
                    dom: 'Blfrtip',
                    buttons: [
                        'copy', 'csv', 'excel', 'pdf'
                    ],
                    order: [1, 'desc'],
                    serverPaging: true,
                    pageLength: 20,
                    cache: false,
                    processing: false,
                    bLengthChange: false,
                    bInfo: false,
                    paging: false,

                })
            }
        };
        jQuery(document).ready(function () {
            DatatablesExtensionButtons.init();
        });
    </script>
@endsection