@extends('layouts.app')

@section('content')

<div id="page-wrapper" class="gray-bg"> 
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-lg-12">
            <h2>Dashboard</h2>
        </div>
    </div>
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row m-b-lg m-t-lg">
            <div class="col-md-6">

                <div class="profile-image">
                    <img src="public/img/profile_small.jpg" class="img-circle circle-border m-b-md" alt="profile">
                </div>
                <div class="profile-info">
                    <div class="">
                        <div>
                            <h2 class="no-margins">
                                David Williams
                            </h2>
                            <h4>Admin</h4>
                            <small>
                                There are many variations of passages of Lorem Ipsum available, but the majority
                                have suffered alteration in some form Ipsum available.
                            </small>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <table class="table small m-b-xs">
                    <tbody>
                        <tr>
                            <td>
                                <strong>142</strong> Projects
                            </td>
                            <td>
                                <strong>32</strong> Manager
                            </td>

                        </tr>
                        <tr>
                            <td>
                                <strong>61</strong> Company
                            </td>
                            <td>
                                <strong>54</strong> Articles
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong>154</strong> Level 3
                            </td>
                            <td>
                                <strong>32</strong> HCM
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="row">

            <div class="col-lg-4">

                <div class="ibox">
                    <div class="ibox-content">
                        <h3>About David Williams</h3>

                        <p class="small">
                            There are many variations of passages of Lorem Ipsum available, but the majority have
                            suffered alteration in some form, by injected humour, or randomised words which don't.
                            <br/>
                            <br/>
                            If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't
                            anything embarrassing
                        </p>

                        <p class="small font-bold">
                            <span><i class="fa fa-circle text-navy"></i> Online status</span>
                        </p>

                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="ibox">
                    <div class="ibox-content">
                        <h3>Managers</h3>
                        <p class="small">
                            If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't
                            anything embarrassing
                        </p>
                        <div class="user-friends">
                            <a href=""><img alt="image" class="img-circle" src="public/img/a3.jpg"></a>
                            <a href=""><img alt="image" class="img-circle" src="public/img/a1.jpg"></a>
                            <a href=""><img alt="image" class="img-circle" src="public/img/a2.jpg"></a>
                            <a href=""><img alt="image" class="img-circle" src="public/img/a4.jpg"></a>
                            <a href=""><img alt="image" class="img-circle" src="public/img/a5.jpg"></a>
                            <a href=""><img alt="image" class="img-circle" src="public/img/a6.jpg"></a>
                            <a href=""><img alt="image" class="img-circle" src="public/img/a7.jpg"></a>
                            <a href=""><img alt="image" class="img-circle" src="public/img/a8.jpg"></a>
                            <a href=""><img alt="image" class="img-circle" src="public/img/a2.jpg"></a>
                            <a href=""><img alt="image" class="img-circle" src="public/img/a1.jpg"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="ibox">
                    <div class="ibox-content">
                        <h3>Latest File Uploads</h3>
                        <ul class="list-unstyled file-list">
                            <li><a href=""><i class="fa fa-file"></i> Project_document.txt</a></li>
                            <li><a href=""><i class="fa fa-file"></i> Project_document.csv</a></li>
                            <li><a href=""><i class="fa fa-file"></i> Project_document.txt</a></li>
                            <li><a href=""><i class="fa fa-file"></i> Project_document.csv</a></li>
                            <li><a href=""><i class="fa fa-file"></i> Project_document.txt</a></li>
                            <li><a href=""><i class="fa fa-file"></i> Project_document.csv</a></li>
                        </ul>
                    </div>
                </div>
            </div> 
        </div>
    </div>
</div>

<!--<div class="container">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default">
                <div class="panel-heading">Dashboard</div>

                <div class="panel-body">
                    You are logged in!
                    <br><br>
                    @role('superadmin')
                    <a href="admin/project/create-project">Create Project</a><br>
                    @endrole
                    <a href="admin/project/project-details">Project Details</a>
                </div>
            </div>
        </div>
    </div>
</div>-->
@endsection