@extends('frontend.home')
@section('content')
    @include('frontend.layouts.banner')
    <!--Hosting Section-->
    <section class="hosting-section">
        <div class="auto-container">
            <div class="row clearfix">

                <!--Content Column-->
                <div class="content-column col-lg-12 col-md-12 col-sm-12">
                    <div class="inner-column">
                        @if($faq->count() > 0)
                            <p>Not what you're looking for? Try other keyword.</p>
                            <form action="{{url('/faqSearch')}}" method="POST" role="search">
                                {{ csrf_field() }}
                                <div class="input-group">
                                    <input type="text" class="form-control" name="search"
                                           placeholder="What are you looking for?" required>
                                    <span class="input-group-btn">
                                    <button class="btn btn-default" type="submit" id="search">Search
                                        <span class="glyphicon glyphicon-search"></span>
                                    </button>
                                    </span>
                                </div>
                            </form>
                            <!--Faq Page Section-->
                            <section class="faq-page-section">
                                <div class="auto-container">
                                    <div class="sec-title centered">
                                        <h2>Frequently Asked Questions</h2>
                                        <div class="text"> The Search results for <b> {{ $search }} </b> </div>
                                    </div>

                                    <!--Accordian Box-->
                                    <ul class="accordion-box">
                                    @foreach($faq as $detail)
                                        <!--Block-->
                                        <li class="accordion block">
                                            <div class="acc-btn">
                                                <div class="icon-outer"><span class="icon icon-plus fa fa-angle-right"></span></div>
                                                {!!$detail->question!!}
                                            </div>
                                            <div class="acc-content">
                                                <div class="content">
                                                    <div class="text">
                                                       <p>{!! $detail->content!!}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    @endforeach
                                    </ul>
                                </div>
                            </section>
                            <!--End Faq Page Section-->

                            {{--<table class="table table-striped">--}}
                                {{--<thead>--}}
                                {{--<tr>--}}
                                    {{--<th>Query</th>--}}
                                    {{--<th>Answer</th>--}}
                                {{--</tr>--}}
                                {{--</thead>--}}
                                {{--<tbody>--}}
                                {{--@foreach($faq as $detail)--}}
                                    {{--<tr>--}}
                                        {{--<td>{!!$detail->question!!}</td>--}}
                                        {{--<td>{!! $detail->content!!}</td>--}}
                                    {{--</tr>--}}
                                {{--@endforeach--}}
                                {{--</tbody>--}}
                            {{--</table>--}}
                        @else
                            <p> No results found for your query <b> {{ $search }} </b></p>
                            <h2>Please search again</h2>
                            <form action="{{url('/faqSearch')}}" method="POST" role="search">
                                {{ csrf_field() }}
                                <div class="input-group">
                                    <input type="text" class="form-control" name="search"
                                           placeholder="What are you looking for?" required>
                                    <span class="input-group-btn">
                                    <button class="btn btn-default" type="submit" id="search">Search
                                        <span class="glyphicon glyphicon-search"></span>
                                    </button>
                                    </span>
                                </div>
                            </form>
                        @endif
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!--End Hosting Section-->
@endsection