@extends('layouts.app')
@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            <div class="col">
                <a href="{{route('users.create')}}" type="button" class="btn btn-success px-5">დამატება</a>
            </div>
            <hr>
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table mb-0 company-list">
                            <thead>
                            <tr>
                                <th>სრული სახელი</th>
                                <th>მობილური</th>
                                <th>ელფოსტა</th>
                                <th>როლი</th>
                                <th>მოქმედება</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($users as $user)
                            <tr>
                                <td>{{$user->name}}</td>
                                <td>{{$user->mobile}}</td>
                                <td>{{$user->email}}</td>
                                <td>{!! $user->roles->pluck('title')[0] ?? '' !!}</td>
                                <td>
                                    <div class="d-flex order-actions">
                                        <a href="{{route('users.edit',$user->id)}}" class=""><i class='bx bxs-edit'></i></a>
                                    </div>
                                </td>
                            </tr>e
                            @empty
                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                        {{$users->links()}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script src="{{asset('assets/plugins/datatable/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('assets/plugins/datatable/js/dataTables.bootstrap5.min.js')}}"></script>
    <script>
        $(document).ready(function() {
            $('#example').DataTable();
        } );

        $(document).ready(function() {
            var table = $('#example2').DataTable( {
                lengthChange: false,
                buttons: [ 'copy', 'excel', 'pdf', 'print']
            } );

            table.buttons().container()
                .appendTo( '#example2_wrapper .col-md-6:eq(0)' );
        } );
    </script>
@endpush