@extends("layouts.admin.app")

@section("page-title")
    {{__("Admin")}}
@endSection

@section("page-nav-title")
<style>
    .profile-image {
    max-height: 70px;
    width: auto;
    max-width: 100px;
    border-radius: 50%;
}
</style>
    <div class="app-title">
        <div>
            <h1>{{__("Admin")}}</h1>
            <p style="margin-left: 25px;">{{__("profile-dashboard")}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Admin")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("profile-dashboard")}}</a></li>
        </ul>
    </div>
@endsection

@section("content")
    <div class="row user">
        <div class="col-md-12">
            <div class="tab-content">
                <div class="tab-pane active" id="user-timeline">
                    <div class="timeline-post">
                        <div class="post-media">
                            <a href="#">
                                <img src="{{ $Admin_info->getFirstMediaFile("Admin")->url ?? asset("assets/user_avatar.jpg") }}" class="profile-image">
                            </a>
                            <div class="content">
                                <h5><a href="#">Name: {{$Admin_info->full_name}}</a></h5>
                                <p class="text-muted">Email: {{$Admin_info->email}}</p>
                            </div>
                        </div>
                        <div class="post-content">
                            <p> </p>
                        </div>
                        <div class="tile-body">
                            <div class="table-responsive">
                                <table class="table table-hover table-bordered" id="sampleTable">
                                    <thead>
                                        <tr>
                                            <th>{{__("#")}}</th>
                                            <th>{{__("Role name")}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $i=0; @endphp
                                        @if($roles != null)
                                            @foreach($roles as $permission )
                                                <tr>
                                                    <td>{{++$i}}</td>
                                                    <td>{{$permission->name}}</td>
                                                </tr>
                                            @endforeach
                                        @elseif($Admin_info->is_super_admin == 1)
                                            <tr>
                                                <td>{{++$i}}</td>
                                                <td>Full permissions</td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                                {{ $roles->render('pagination::bootstrap-4') }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection