@extends('layouts.admin')
@section('title','Users List')
@section('content')
    <div class="app-title">
        <div>
            <h1><i class="fa fa-tags"></i> Users</h1>
            <p>Users List</p>
        </div>
        <a href="{{ route('admin.create') }}" class="btn btn-primary pull-right">Add Admin</a>
    </div>
    @include('roles.flash')
    <div class="row">
        <div class="col-md-12">
            <div class="tile">
                <div class="tile-body">
                    <table class="table table-hover table-bordered" id="">
                        <thead>
                        <tr>
                            <th> SL </th>
                            <th> Name </th>
                            <th> email </th>

                            <th style="width:100px; min-width:100px;" class="text-center text-danger"><i class="fa fa-bolt"> </i></th>
                        </tr>
                        </thead>
                        <tbody>
                            @foreach($admins as $key => $admin)
                                <tr>
                                    <td style="width: 10%;">{{ $key+1 }}</td>
                                    <td>{{ $admin->name }}</td>
                                    <td>{{ $admin->email }}</td>
                                    <td class="text-center">
                                        <div class="btn-group" role="group" aria-label="Second group">
                                        <a href="{{URL::to('admin/edit/'.$admin->id)}}" >
                                        <button class="btn btn-primary"   title="Active" >
                                        Role Edit
                                        </button>
                                        </a>

                                        <a href="{{URL::to('roleAssign/'.$admin->id)}}" >
                                        <button class="btn btn-primary"   title="Active" >
                                        Role Assign
                                        </button>
                                        </a>    
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
 <!--    <script type="text/javascript" src="{{ asset('public/backend/js/plugins/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('public/backend/js/plugins/dataTables.bootstrap.min.js') }}"></script>
    <script type="text/javascript">$('#sampleTable').DataTable();</script> -->
@endpush