@extends('layout.master')

@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                Users
            </h1>
            <ol class="breadcrumb">
                <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> Home</a></li>
                <li class="active">Users</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">
            <!-- Block Management Content Here -->
            <div class="box">
                <div class="box-header">
                    <div class="row">
                        <div class="col-sm-12">
                            <h3 class="box-title">Users</h3>
                            <a class="btn btn-primary pull-right" href="{{route('users.create')}}" style="margin-right: 8% !important;">Create New User</a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            @include('flash-message')
                        </div>
                    </div><br>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="row">
                        <div class="col-sm-6"></div>
                        <div class="col-sm-6"></div>
                    </div>
                    <div class="box-body" data-select2-id="15" style>
                        <table id="example1" class="table table-bordered table-hover">
                            <thead>
                            <tr>
                                <th>Name</th>
                                <th>Role</th>
                                <th>Email</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($users as $user)
                                <tr>
                                    <td>{{$user->name}}</td>
                                    <td>{{@$user_roles[$user->role]}}</td>
                                    <td>{{$user->email}}</td>
                                    <td>
                                        <a class="editBtn" href="{{ route('users.edit', [$user->id]) }}">
                                            <i class="fa fa-fw fa-edit"></i>
                                        </a>
                                        {{--<a class="deleteBtn" data-url="{{ route('users.destroy', [$user->id]) }}" href=""
                                           data-pk="{{$user->id}}"
                                           data-record="{{$user->name}}"
                                           data-csrf="{{ csrf_token() }}"
                                           data-redirect="{{ route('users.index') }}">
                                            <i class="fa fa-fw fa-trash text-danger"></i>
                                        </a>--}}
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
@endsection

@section('scripts')
    <script>
        $('#example1').DataTable();
    </script>
@endsection