@extends('admin.template.jobmaster')
@section('title', 'User Dashboard')
@section('content')

@php

$userId= Auth::user()->user_type;
$userName= Auth::user()->name;

@endphp

<style type="text/css">
  .upgrade-plan{
    height: 150px;
    padding-top: 65px !important;
    font-size: 17px;
    text-align: center;
  }
</style>

<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-8 col-12 mb-2 breadcrumb-new">
            <h3 class="content-header-title mb-0 d-inline-block">Dashboard</h3>
                <div class="row breadcrumbs-top d-inline-block">
                  <div class="breadcrumb-wrapper col-12">
                    <ol class="breadcrumb">
                      <li class="breadcrumb-item"><a href="{{ route('auth.jobdashboard') }}">Dashboard</a>
                      </li>
                      <li class="breadcrumb-item active">Data
                      </li>
                    </ol>
                  </div>
                </div>
            </div>
        </div>

        <div class="content-body"><!-- Sales stats -->
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-content">
                            <div class="card-body">
                                <div class="row">
                                    @if ($userId == 4)                                        
                                        <div class="col-lg-3 col-sm-12 border-right-blue-grey border-right-lighten-5">
                                            <a href="{{ route('auth.job.jobindex') }}">
                                                <div class="pb-1">
                                                    <div class="clearfix mb-1">
                                                        <i class="fa fa-briefcase font-large-1 blue-grey float-left mt-1"></i>
                                                        <span class="font-large-2 text-bold-300 info float-right">{{$jobs}}</span>
                                                    </div>
                                                    <div class="clearfix">
                                                        <span class="text-muted">Jobs</span>
                                                    </div>
                                                </div>
                                                <div class="progress mb-0" style="height: 7px;">
                                                    <div class="progress-bar bg-info" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
                                                </div>
                                            </a>
                                        </div> 
                                    @endif
                                    @if ($userId == 6)                                        
                                        <div class="col-lg-3 col-sm-12 border-right-blue-grey border-right-lighten-5">
                                            <a href="{{ route('auth.rfp.rfpindex') }}">
                                                <div class="pb-1">
                                                    <div class="clearfix mb-1">
                                                        <i class="fa fa-calendar-check-o font-large-1 blue-grey float-left mt-1"></i>
                                                        <span class="font-large-2 text-bold-300 info float-right">{{$rfps}}</span>
                                                    </div>
                                                    <div class="clearfix">
                                                        <span class="text-muted">RFP</span>
                                                    </div>
                                                </div>
                                                <div class="progress mb-0" style="height: 7px;">
                                                    <div class="progress-bar bg-info" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
                                                </div>
                                            </a>
                                        </div> 
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="content-body">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-content">
                            <div class="card-body">
                                <div class="row">
                                    @if ($userId == 4)
                                    <div class="col-md-12">                
                                        <div class="alert alert-danger alert-dismissible upgrade-plan" role="alert">
                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            Upgrade your <strong>Subscription Plan !</strong> <a href="#"> Click here....</a>
                                        </div>
                                    </div>
                                    @endif

                                    @if ($userId == 6)
                                    <div class="col-md-12">                
                                        <div class="alert alert-danger alert-dismissible upgrade-plan" role="alert">
                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            Upgrade your <strong>Subscription Plan !</strong> <a href="#"> Click here....</a>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection