@extends('frontend.home')
@section('content')
    <style>
        .contact-form-section{
            padding-top: 40px !important;
        }
    </style>
    @include('frontend.layouts.banner')
    @foreach($notice_data as $data)
        @if($data->color=="Green")

            <div class="notice success" style="margin-top: 130px">
                <div class="icon">
                    <svg style="height:1.7em; width:1.7em;" viewBox="0 0 12 16" xmlns="http://www.w3.org/2000/svg">
                        <path d="M12 5L4 13 0 9l1.5-1.5 2.5 2.5 6.5-6.5 1.5 1.5z"/>
                    </svg>
                </div>
                <p>{{$data->title}}</p>
            </div>
        @endif
    @endforeach
    @foreach($notice_data as $data)
        @if($data->color=="Yellow")
            <div class="notice warning" style="margin-top: 130px">
                <div class="icon">
                    <svg style="height:1.5em; width:1.5em;" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                        <path d="M15.72 12.5l-6.85-11.98C8.69 0.21 8.36 0.02 8 0.02s-0.69 0.19-0.87 0.5l-6.85 11.98c-0.18 0.31-0.18 0.69 0 1C0.47 13.81 0.8 14 1.15 14h13.7c0.36 0 0.69-0.19 0.86-0.5S15.89 12.81 15.72 12.5zM9 12H7V10h2V12zM9 9H7V5h2V9z"/>
                    </svg>
                </div>
                <p>{{$data->title}}</p>
            </div>
        @endif
    @endforeach
    @foreach($notice_data as $data)
        @if($data->color=="Red")
            <div class="notice danger" style="margin-top: 130px">
                <div class="icon">
                    <svg style="height:1.5em; width:1.5em;" viewBox="0 0 12 16" xmlns="http://www.w3.org/2000/svg">
                        <path d="M5.05 0.31c0.81 2.17 0.41 3.38-0.52 4.31-0.98 1.05-2.55 1.83-3.63 3.36-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-0.3-6.61-0.61 2.03 0.53 3.33 1.94 2.86 1.39-0.47 2.3 0.53 2.27 1.67-0.02 0.78-0.31 1.44-1.13 1.81 3.42-0.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52 0.13-2.03 1.13-1.89 2.75 0.09 1.08-1.02 1.8-1.86 1.33-0.67-0.41-0.66-1.19-0.06-1.78 1.25-1.23 1.75-4.09-1.88-6.22l-0.02-0.02z"/>
                    </svg>
                </div>
                <p>{{$data->title}}</p>
            </div>
        @endif
    @endforeach
    <!--Queries Section-->
    <section class="contact-form-section">
        <div class="auto-container">
            <div class="sec-title centered">
                <h2>FAQ</h2>
            </div>
            <div class="row clearfix">
                <!-- Contact Form -->
                <div class="contact-form wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">

                    <!--Comment Form-->
                    <form action="{{url('/faqSearch')}}" method="POST" role="search" id="contact-form">
                        {{ csrf_field() }}
                        <div class="row clearfix">
                            <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                <input type="text" class="form-control" name="search"
                                       placeholder="What are you looking for?" required>
                            </div>

                            <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 text-center form-group">
                                <button class="theme-btn btn-style-two" type="submit" id="search">SEARCH</button>
                            </div>

                        </div>
                    </form>
                </div>
                <!--End Contact Form -->
                <table class="table table-bordered table-hover" style="text-decoration-color: red">

                    <thead>

                    <tr>


                    </tr>

                    </thead>

                    <tbody>

                    </tbody>

                </table>
            </div>
        </div>
    </section>
    <!--End Queries Section-->

   <script>
       $( "#search" ).click(function() {

           alert( "Handler for .click() called." );

       });
   </script>

    <script type="text/javascript">

        $.ajaxSetup({headers: {'csrftoken': '{{ csrf_token() }}'}});
    </script>

@endsection