@extends('frontend.layouts.app')
@php
    $company_info = session('company_info');
@endphp

@section('style')
    <!-- Theme style -->
    <link rel="stylesheet" href="{{ asset('dist/css/adminlte.min.css') }}">
@endsection

@section('content')
    <!-- Default box -->
    <div class="container pb-0">
        <div class="row">
            @forelse ($user_roles as $user_role)
                @php
                    $user = $user_role->user;
                @endphp
                @if($user)
                    <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
                        <div class="card bg-light d-flex flex-fill">
                            <div class="card-header text-muted border-bottom-0">
                                {{$role->name}}
                            </div>
                            <div class="card-body pt-0">
                                <div class="row">
                                    <div class="col-7">
                                        <h2 class="lead"><b>{{$user->name}}</b></h2>
                                        <p class="text-muted text-sm"><b>Skill: </b>
                                            @foreach (explode(',', $user->profile?->skills) as $skill)
                                                <span class="badge badge-success">{{$skill}}</span>
                                            @endforeach
                                        </p>
                                        <ul class="ml-4 mb-0 fa-ul text-muted">
                                            <li class="small"><span class="fa-li"><i class="fa fa-lg fa-building"></i></span>
                                                Address: {{$user?->address}}</li>
                                            {{-- <li class="small"><span class="fa-li"><i class="fa fa-lg fa-phone"></i></span>
                                                Phone #: {{$user?->mobile}}</li> --}}
                                        </ul>
                                    </div>
                                    <div class="col-5 text-center">
                                        <img class="img-circle img-fluid" src="{{ $user->picture ? asset($user->picture) : asset('dist/img/avatar5.png') }}"
                                        alt="User profile picture">
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer">
                                <div class="text-right">
                                    <a href="#" class="btn btn-sm bg-teal"> <i class="fa fa-comments"></i> Message</a>
                                    <a href="{{route('player-profile',['player'=>encrypt($user->id)])}}" class="btn btn-sm btn-primary"><i class="fa fa-user"></i> View Profile</a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            @empty
                <div class="col-12">
                    <h2>There are no {{$role->name}}</h2>
                </div>
            @endforelse
        </div>
    </div>
    {{-- <nav aria-label="Contacts Page Navigation">
        <ul class="pagination justify-content-center m-0">
            <li class="page-item active"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">4</a></li>
            <li class="page-item"><a class="page-link" href="#">5</a></li>
            <li class="page-item"><a class="page-link" href="#">6</a></li>
            <li class="page-item"><a class="page-link" href="#">7</a></li>
            <li class="page-item"><a class="page-link" href="#">8</a></li>
        </ul>
    </nav> --}}
@endsection

@section('script')
    <!-- AdminLTE App -->
    <script src="{{ asset('dist/js/adminlte.js') }}"></script>
@endsection