@extends('layouts.admin')

@section('styles')
<style>
    tr:nth-child(even){
        background-color: #4b79cf !important;
    }
    tr:nth-child(odd){
        background-color: #4269b1 !important;
    }
    tr:first-child{
        background-color: navy  !important;
    }
    td,th{
        padding:2px 5px !important;
    }
    table{
        border:1px solid navy;
        border-radius:5px;
        padding:0;
    }
</style>

@endsection

@section('content')
<div class="col-md-9 admincontent  justify-content-center">
    <h5>{{ __('User Permissions') }}</h5>
    <table class="" style="width:100%;">
        <tbody style="width:100%;">
        <tr>
            <th>Username</th>
            <th>User</th>
            <th>Email</th>
            <th>Role</th>
            <th>Media</th>
            <th>&nbsp;</th>
        </tr>
        @foreach($users as $user)
            <tr>
                <td>{{$user->username}}</td>
                <td>{{$user->name}} {{$user->surname}}</td>
                <td>{{$user->email}}</td>
                <td>
                    @if($user->role)
                        {{$user->role}}
                    @endif
                </td>
                <td>
                    @if($user->media == 1)
                        X
                    @endif
                </td>
                <td>
                    <a href="/user/edit/{{$user->id}}">Edit</a>
                </td>
            </tr>
        @endforeach
    </tbody>
    </table>
</div>
@endsection