@extends('layouts.app_discussion')  

@section('content')


<div class="container mb-4">
    <div class="row">
        <div class="col-md-3">
            @include('includes/dashboard/left_menu')
        </div>
        <div class="col-md-9">
            <div class="wrapper wrapper-content animated fadeInRight">
                <div class="ibox-content forum-container">
                    <div class="row justify-content-center">
                        <div class="col py-3">
                            <h3 class="text-primary pb-2">Welome to Dashboard</h3>
                            <h5 class="text-secondary fw-bold">Hi {{Auth::user()->name}},</h5>
                            <div class="card">
                                <div class="card-body py-0" style="background-color: #f0f0f0; border-color: none">
                                    <div class="row">
                                        <div class="col-md-9 p-5"> 
                                            <h4>OneHR-Book</h4>
                                            <p>Lorem Ipsum is simply dummy text of the printing and Lorem Ipsum is simply dummy text of the printing and Lorem Ipsum is simply dummy text of the printing and Lorem Ipsum is simply dummy text of the printing and Lorem </p></div>
                                        <div class="col-md-3 bg-primaryd">
                                            <img src="{{url('/assets/images/Rectangle 382.jpg')}}" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-center dashboard-pg">
                        <div class="col-md-4 col-sm-12">
                            <div class="card">
                                <div class="card-body text-center faLink " style="cursor:pointer" data-id="1">
                                    <i class="fa fa-users h2 text-primary"></i>                               
                                    <div class="fw-bold"><a class="faLink text-secondary" data-id="1" href=""> Sub Functional Spaces</a></div>
                                
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-12">
                            <div class="card">
                                <div class="card-body text-center faLink " style="cursor:pointer" data-id="1">
                                    <i class="fa fa-users h2 text-primary"></i>                               
                                    <div class="fw-bold"><a class="faLink text-secondary" data-id="1" href="">HR Hacks</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-12">
                            <div class="card">
                                <div class="card-body text-center faLink " style="cursor:pointer" data-id="1">
                                    <i class="fa fa-users h2 text-primary"></i>                               
                                    <div class="fw-bold"><a class="faLink text-secondary" data-id="1" href=""> Product Reviews</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-center dashboard-pg">
                        <div class="col-md-4 col-sm-12">
                            <div class="card">
                                <div class="card-body text-center faLink ">
                                    <i class="fa fa-users h2 text-primary"></i>                               
                                    <div class="fw-bold"><a class="faLink text-secondary" data-id="1" href=""> Partners</a></div>
                                
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-12">
                            <div class="card">
                                <div class="card-body text-center faLink " style="cursor:pointer" data-id="1">
                                    <i class="fa fa-users h2 text-primary"></i>                               
                                    <div class="fw-bold"><a class="faLink text-secondary" data-id="1" href="">Global HR Jobs </a></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-12">
                            <div class="card">
                                <div class="card-body text-center faLink " style="cursor:pointer" data-id="1">
                                    <i class="fa fa-users h2 text-primary"></i>                               
                                    <div class="fw-bold"><a class="faLink text-secondary" data-id="1" href="">Work Rooms </a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

            
    </div>
</div>
@endsection
 <style>
     .dashboard-pg .card{
        background-image: url('{{url('/assets/images/Ellipse 156.png')}}');
         background-color: #f0f0f0;
         background-repeat: no-repeat;
         background-position-x: center;
         margin-bottom: 20px;
         padding: 10px;
     }
 </style>