@extends('dashboard.layouts.app',['name' => 'Users'])

@section('content')

    <div class="content-wrapper">
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">User Management</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{url('/dashboard')}}">Dashboard</a></li>
                            <li class="breadcrumb-item"><a href="#">User Management</a></li>
                        </ol>
                    </div>
                </div>
            </div>
        </section>
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add_user">
                                    Add User
                                </button>
                            </div>
                            <div class="card-body">
                                <table id="example2" class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Email</th>
                                        <th>Roles</th>
                                        <th>Actions</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    @foreach($users as $user)
                                        <tr>
                                            <td>{{$user->name}}</td>
                                            <td>{{$user->email}}</td>
                                            <td>{{$user->role->title}}</td>
                                            <td>
                                                {{--<span class="badge bg-blue"><span class="fa fa-pencil"></span></span>
                                                <a class="btn btn-sm btn-primary" data-toggle="modal"  data-target="#edit_container"
                                                   data-id="{{$user->id}}"
                                                   data-template_id="{{$user->usrname}}"
                                                   data-type="{{$user->name}}"
                                                   data-order="{{$user->order}}"
                                                   data-type_id="{{$user->type_id}}"
                                                   data-title="{{$user->title}}"
                                                ><span class="badge bg-blue"><span class="fa fa-pencil"></span></span></a>--}}
                                                <a href="{{url('/dashboard/users/delete/'.$user->id)}}" title="Delete Container" class="delete-confirm btn btn-sm btn-danger"><i class="fa fa-trash"></i></a>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>

                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>

    </div>

    <div class="modal fade" id="add_user" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        @include('dashboard.pages.modals.add_user')
    </div>

@endsection