@extends('frontend.layouts.master')
@section('content')
    <!-- Main Container -->
    <main id="main-container">

        <!-- Hero Section -->
        <div class="bg-image" style="background-image: url('assets/media/photos/photo23@2x.jpg');">
            <div class="bg-gd-white-op-rl text-center">
                <div class="content content-boxed content-full py-5 py-md-7">
                    <div class="row justify-content-center">
                        <div class="col-md-10 col-xl-6">
                            <h1 class="h2 mb-2">
                                Find your queries <span class="text-primary">today</span>.
                            </h1>
                            <p class="font-size-lg font-w400 text-muted">
                                We offer the complete Support platform to solve your queries.
                            </p>
                        </div>
                    </div>
                    <div class="row justify-content-center">
                        <div class="col-sm-10 col-lg-8 col-xl-6">
                            <div class="p-2 rounded bg-white shadow-sm">
                                <form class="form-inline" action="be_pages_jobs_dashboard.html" method="POST" onclick="return false;">
                                    <label class="sr-only" for="example-job-search">Search Community</label>
                                    <input type="text" class="form-control form-control-alt p-4 mb-2 mr-sm-2 mb-sm-0 flex-grow-1" id="example-job-search" name="example-job-search" placeholder="Search Community..">
                                    <button type="submit" class="btn btn-hero-lg btn-hero-primary flex-grow-1 flex-sm-grow-0">Search</button>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex justify-content-center mt-5">
                        <div>
                            <p class="px-2 px-sm-4 font-size-h3 text-dark mb-0">{{\App\Model\faq::where('type','faq')->orderBy('id')->count()}}</p>
                            <p class="text-muted mb-0">
                                FAQ's
                            </p>
                        </div>
                        <div class="px-2 px-sm-4 ml-2 ml-sm-4 border-left">
                            <p class="font-size-h3 text-dark mb-0">2,960</p>
                            <p class="text-muted mb-0">
                               Knowledgebase
                            </p>
                        </div>
                        <div class="px-2 px-sm-4 ml-2 ml-sm-4 border-left">
                            <p class="font-size-h3 text-dark mb-0">{{count(\App\Model\Answer::all())}}</p>
                            <p class="text-muted mb-0">
                                Support Forum
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END Hero Section -->

        <!-- Page Content -->
        <div class="content content-boxed content-full">
            <!-- Categories -->
            <div class="row justify-content-md-center row-deck">
                <div class="col-md-6 col-xl-3">
                    <a class="block block-rounded block-link-shadow d-flex justify-content-center align-items-start text-center bg-xpro" href="{{url('faq')}}">
                        <div class="block-content block-content-full bg-white mt-1 align-self-stretch">
                            <div class="py-4">
                                <i class="fa fa-2x fa-brush text-xpro"></i>
                                <p class="font-size-lg font-w600 mt-3 mb-1">
                                    FAQ's
                                </p>
                                <small><i>{{\App\Model\faq::where('type','faq')->orderBy('id')->count()}} Question & Answer/{{count($faq_category)}} Category</i></small>
                                <br> <br>
                                <p class="text-muted mb-0">
                                    @foreach($faq_category as $faq_cat)
                                        {{$faq_cat->name}},
                                    @endforeach
                                </p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 col-xl-3">
                    <a class="block block-rounded block-link-shadow d-flex justify-content-center align-items-start text-center bg-xinspire" href="{{url('knowledgebase')}}">
                        <div class="block-content block-content-full bg-white mt-1 align-self-stretch">
                            <div class="py-4">
                                <i class="fa fa-2x fa-code text-xinspire"></i>
                                <p class="font-size-lg font-w600 mt-3 mb-1">
                                    Knowledgebase
                                </p>
                                <small><i>{{\App\Model\faq::where('type','knowledgement')->orderBy('id')->count()}}  Article/{{count($know_category)}} Category</i></small>
                                <br> <br>
                                <p class="text-muted mb-0">
                                    @foreach($know_category as $know)
                                        {{$know->name}},
                                    @endforeach
                                </p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 col-xl-3">
                    <a class="block block-rounded block-link-shadow d-flex justify-content-center align-items-start text-center bg-xsmooth" href="{{url('forum')}}">
                        <div class="block-content block-content-full bg-white mt-1 align-self-stretch">
                            <div class="py-4">
                                <i class="fa fa-2x fa-boxes text-xsmooth"></i>
                                <p class="font-size-lg font-w600 mt-3 mb-1">
                                    Support Forum
                                </p>
                                <small><i>11 Topics/200 Replies</i></small>
                                <br> <br>
                                <p class="text-muted mb-0">
                                    Desktop, Web, Cloud, Mobile, Gaming etc
                                </p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 col-xl-3">
                    <a class="block block-rounded block-link-shadow d-flex justify-content-center align-items-start text-center bg-xpro" href="javascript:void(0)">
                        <div class="block-content block-content-full bg-white mt-1 align-self-stretch">
                            <div class="py-4">
                                <i class="fa fa-2x fa-brush text-xpro"></i>
                                <p class="font-size-lg font-w600 mt-3 mb-1">
                                    Contact Us
                                </p>
                                <small><i>24/7 Support Assistance</i></small>
                                <br> <br>
                                <p class="text-muted mb-0">
                                    Desktop, Web, Cloud, Mobile, Gaming etc
                                </p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <!-- END Categories -->
        </div>
        <!-- END Page Content -->

        <!-- Call to Action -->
        <div class="bg-image" style="background-image: url('assets/media/photos/photo21@2x.jpg');">
            <div class="bg-white-95">
                <div class="content content-full text-center">
                    <div class="py-3">
                        <h3 class="mb-2 text-center">
                            Subscribe today
                        </h3>
                        <h4 class="font-w400 text-muted text-center">
                            We have the best job offerings in the world!
                        </h4>
                        <a class="btn btn-hero-primary" href="javascript:void(0)" data-toggle="click-ripple">
                            Get Started
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- END Call to Action -->

    </main>
    <!-- END Main Container -->


@endsection