@extends('layouts.backend')

@section('header_script')
@endsection

@section('mainTitle')
    User
@endsection

@section('topButton')
    <a href="/user/create" class="btn btn-link btn-float has-text">
        <i class="icon-plus-circle2 text-primary"></i>
        <span>New User</span>
    </a>
@endsection

@section('content')
    <div class="panel panel-default">
        <div class="panel-body">
            <div class="row">
                <div class="col-md-12 table-responsive">
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Name</th>
                            <th scope="col">IC Number</th>
                            <th scope="col">Role</th>
                            <th scope="col">Status</th>
                            <th scope="col">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($users as $user)
                            <tr>
                                <th scope="row">1</th>
                                <td>{{$student->name}}</td>
                                <td>{{$student->ic_number}}</td>
                                <td>{{$student->ic_number}}</td>
                                <td>{{$student->role}}</td>
                                <td>@if($student->status== 'active')
                                        <span class="labe label-success">{{$student->status}}</span>
                                    @else
                                        <span class="labe label-changer">{{$student->status}}</span>
                                @endif
                                <td>{{$student->status}}</td>
                                <td>
                                    <div class="dropdown">
                                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                            Dropdown
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                            <li><a href="/student/show/{{ $student->id }}"><i class="icon-display"></i>view</a></li>
                                            <li><a href="/student/edit/{{ $student->id }}"><i class="icon-pencil"></i>edit</a></li>
                                            <li><a href="/student/destroy/{{ $student->id }}"><i class="icon-trash"></i>delete</a></li>

                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection