@extends('decorator.console')

@section('page-title')
    {{ trans('userrole.list.title') }}
@stop

@section('html-head')
    <meta name="menu" content="userMenu">
@stop

@section('page-wrapper')
    <div class="row">
        <div class="col-md-12">
            <h1 class="page-header"> {{ trans('userrole.list.heading') }} </h1>
            <p> {{ trans('userrole.list.message') }} </p>
            <ol class="breadcrumb breadcrumb-dark col-md-12">
                <li><a href="{{ url('/console/dashboard') }}"> {{ trans('breadcrumb.dashboard') }} </a></li>
                <li class="active"> {{ trans('breadcrumb.user.userRole') }} </li>
            </ol>
        </div>
    </div>

    @include('common.console.message')

    <form method="get" action="{{ url('/console/userroles') }}" id="searchForm" class="form-search row">
        <div class="col-sm-6 col-sm-offset-3">
            <div id="imaginary_container">
                <div class="input-group stylish-input-group">
                    <input type="text" class="form-control" name="q" id="query" value="" placeholder="{{ trans('userrole.searchTerms') }}">
                    <span class="input-group-addon">
                        <button type="submit">
                            <span class="glyphicon glyphicon-search"></span>
                        </button>
                    </span>
                </div>
            </div>
        </div>
    </form>

    <div id="actions" class="form-actions">
        <a class="btn btn-primary" href="{{ url('/console/userroleform?method=add&from=list') }}">
            <i class="glyphicon glyphicon-plus glyphicon glyphicon-white"></i> Add
        </a>
        <a class="btn btn-default" href="{{ url('/console/dashboard') }}">
            <i class="glyphicon glyphicon-ok"></i> Done
        </a>
    </div>

    <div class="clear-normal"></div>
    <span class="pagebanner">{{ $listOfUserRole->count() }} userroles found</span>

    <table id="listOfUserRole" cellpadding="0" cellspacing="0"
           class="table table-condensed table-striped table-hover">
        <thead>
            <tr>
                <th>Actions</th>
                <th>Name</th>
                <th>Description</th>
            </tr>
        </thead>

        <tbody>
            @foreach($listOfUserRole as $key => $userRole)
                <tr>
                    <td style="width: 15%">
                        <a class="btn btn-primary"
                            href="{{ url('/console/userroleform?id=' . $userRole->id . '&from=list') }}" title="View Or Edit">
                            <i class="fa fa-pencil-square-o"></i>
                        </a>
                        <a class="btn btn-danger delete-userrole"
                            href="{{ url('/console/userroleform/delete?id=' . $userRole->id . '&from=list') }}" title="Delete">
                            <!--i class="glyphicon glyphicon-trash"></i--><i class="fa fa-trash-o"></i>
                        </a>
                    </td>
                    <td> {{ $userRole->name }} </td>
                    <td> {{ $userRole->description }} </td>
                </tr>
            @endforeach
        </tbody>
    </table>

    <script>
        $(document).ready(function() {
            $('#listOfUserRole').DataTable( {
                "bLengthChange": false, "ordering": false, "filter": false, "info": false
            });
        });
    </script>

    @include('console.userrole_delete_script')
@stop