@extends('layouts.master')
@section('title')
    Users List
@endsection


@section('content')
    <style>
        .modal-backdrop {
            z-index: 0;
        }
    </style>
    @if (Auth::user()->role == 'Admin')
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row mb-2">
                            <div class="mb-3">
                                <a href="{{ route('users.create') }}" class="btn btn-primary">
                                    <i class="mdi mdi-plus"></i> Add User
                                </a>
                            </div>
                        </div>
                        <!-- end row -->
                        <div class="table-responsive mb-4">
                            <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive"
                                style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                <thead class="bg-light">
                                    <tr>
                                        <th scope="col">Name</th>
                                        <th scope="col">Designation</th>
                                        <th scope="col">Role</th>
                                        <th scope="col">Team</th>
                                        <th scope="col">Reporting To</th>
                                        <th scope="col">Email</th>
                                        <th scope="col">Actions</th>
                                    </tr>
                                </thead>
                                <tbody id="myTable">
                                    @foreach ($users as $user)
                                        <tr>
                                            <td>{{ $user->name }}</td>
                                            <td>{{ $user->design }}</td>
                                            <td>{{ $user->role }}</td>
                                            <td>{{ $user->team?->name }}</td>
                                            <td>{{ $user->reportsTo?->name }}</td>
                                            <td>{{ $user->email }}</td>
                                            <td>
                                                <a href="{{ route('users.edit', $user) }}"
                                                    class="btn btn-sm btn-secondary">Edit</a>
                                                <form action="{{ route('users.destroy', $user) }}" method="POST"
                                                    class="d-inline">
                                                    @csrf @method('DELETE')
                                                    <button class="btn btn-sm btn-danger">Delete</button>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach
                            </table>
                        </div>
                        {{-- <div class="row mt-4">
                        {{$users->links('pagination::bootstrap-5')}}
                    </div> --}}
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->
    @endif
@endsection