@extends('layouts.contentLayoutMaster')
{{-- page title --}}
@section('title', 'Users View')
{{-- page styles --}}
@section('page-styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/app-users.css') }}">
@endsection
@section('content')
    <!-- users view start -->
    <section class="users-view">
        <!-- users view media object start -->
        <div class="row">
            <div class="col-12 col-sm-7">
                <div class="media mb-2">
                    <a class="mr-1" href="javascript:void(0);">
                        <img src="{{ asset('images/portrait/small/avatar-s-26.jpg') }}" alt="users view avatar"
                            class="users-avatar-shadow rounded-circle" height="64" width="64">
                    </a>
                    <div class="media-body pt-25">
                        <h4 class="media-heading"><span>{{ $user->firstName }} {{ $user->lastName }}
                            </span><span class="text-muted font-medium-1"></span><br><span
                                class=" text-muted font-medium-1 ">{{ $user->email }}</span></h4>
                        <span>ID:</span>
                        <span class="users-view-id">{{ $user->id }}</span>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-5 px-0 d-flex justify-content-end align-items-center px-1 mb-2">
                <a href="javascript:void(0);" class="btn btn-sm mr-25 border"><i
                        class="bx bx-envelope font-small-3"></i></a>
                <a href="{{ route('admin.user.list') }}" class="btn btn-sm btn-dark mr-25 border">Return</a>
                <a href="{{ route('admin.user.edit',['user'=>$user->id]) }}" class="btn btn-sm btn-primary">Edit</a>
            </div>
        </div>
        <!-- users view media object ends -->
        <!-- users view card data start -->
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-12 col-md-4">
                        <table class="table table-borderless">
                            <tbody>
                                <tr>
                                    <td>Registered:</td>
                                    <td>{{ $user->created_at }}</td>
                                </tr>
                                <tr>
                                    <td>Latest Activity:</td>
                                    <td class="users-view-latest-activity">30/04/2019</td>
                                </tr>
                                <tr>
                                    <td>Verified:</td>
                                    <td class="users-view-verified">Yes</td>
                                </tr>
                                <tr>
                                    <td>Role:</td>
                                    <td class="users-view-role">
                                        @if ($user->role == 1)
                                            Admin
                                        @else
                                            User
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td>Status:</td>
                                    <td><span class="badge badge-light-success users-view-status">
                                            @if ($user->status == 1)
                                                Active
                                            @else
                                                Banned
                                            @endif
                                        </span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-12 col-md-8">
                        <div class="table-responsive">
                            <table class="table mb-0">
                                <thead>
                                    <tr>
                                        <th>Module Permission</th>
                                        <th>Read</th>
                                        <th>Write</th>
                                        <th>Create</th>
                                        <th>Delete</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Users</td>
                                        <td>Yes</td>
                                        <td>No</td>
                                        <td>No</td>
                                        <td>Yes</td>
                                    </tr>
                                    <tr>
                                        <td>Articles</td>
                                        <td>No</td>
                                        <td>Yes</td>
                                        <td>No</td>
                                        <td>Yes</td>
                                    </tr>
                                    <tr>
                                        <td>Staff</td>
                                        <td>Yes</td>
                                        <td>Yes</td>
                                        <td>No</td>
                                        <td>No</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- users view card data ends -->
        <!-- users view card details start -->
        <div class="card">
            <div class="card-body">
                <div class="row bg-primary bg-lighten-5 rounded mb-2 mx-25 text-center text-lg-left">
                    <div class="col-12 col-sm-4 p-2">
                        <h6 class="text-primary mb-0">Posts: <span class="font-large-1 align-middle">125</span></h6>
                    </div>
                    <div class="col-12 col-sm-4 p-2">
                        <h6 class="text-primary mb-0">Followers: <span class="font-large-1 align-middle">534</span></h6>
                    </div>
                    <div class="col-12 col-sm-4 p-2">
                        <h6 class="text-primary mb-0">Following: <span class="font-large-1 align-middle">256</span></h6>
                    </div>
                </div>
                <div class="col-12">
                    <table class="table table-borderless">
                        <tbody>
                            <tr>
                                <td>Username:</td>
                                <td class="users-view-username">dean3004</td>
                            </tr>
                            <tr>
                                <td>Name:</td>
                                <td class="users-view-name">Dean Stanley</td>
                            </tr>
                            <tr>
                                <td>E-mail:</td>
                                <td class="users-view-email">deanstanley@gmail.com</td>
                            </tr>
                            <tr>
                                <td>Comapny:</td>
                                <td>XYZ Corp. Ltd.</td>
                            </tr>

                        </tbody>
                    </table>
                    <h5 class="mb-1"><i class="bx bx-link"></i> Social Links</h5>
                    <table class="table table-borderless">
                        <tbody>
                            <tr>
                                <td>Twitter:</td>
                                <td><a href="javascript:void(0);">https://www.twitter.com/</a></td>
                            </tr>
                            <tr>
                                <td>Facebook:</td>
                                <td><a href="javascript:void(0);">https://www.facebook.com/</a></td>
                            </tr>
                            <tr>
                                <td>Instagram:</td>
                                <td><a href="javascript:void(0);">https://www.instagram.com/</a></td>
                            </tr>
                        </tbody>
                    </table>
                    <h5 class="mb-1"><i class="bx bx-info-circle"></i> Personal Info</h5>
                    <table class="table table-borderless mb-0">
                        <tbody>
                            <tr>
                                <td>Birthday:</td>
                                <td>03/04/1990</td>
                            </tr>
                            <tr>
                                <td>Country:</td>
                                <td>USA</td>
                            </tr>
                            <tr>
                                <td>Languages:</td>
                                <td>English</td>
                            </tr>
                            <tr>
                                <td>Contact:</td>
                                <td>+(305) 254 24668</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- users view card details ends -->

    </section>
    <!-- users view ends -->
@endsection
{{-- page scripts --}}
@section('page-scripts')
    <script src="{{ asset('js/scripts/pages/app-users.js') }}"></script>
@endsection