@extends('layouts.frontend.app')

@section('content')

            <!-- Start top-section Area -->
            <section class="top-section-area section-gap my-5">
              <div class="container">
                  <div class="row justify-content-center align-items-center d-flex">
                      <div class="col-lg-8 my-5">
                        <h3 class="text-center">Search Artical By Year, Month or Date</h3>
                          <div id="imaginary_container">
                          <form action="{{ route('search') }}" method="GET">
                            <div class="input-group stylish-input-group">
                            <input type="text" class="form-control" name="search"  value="{{ $search ?? "" }}" placeholder="Search you Artical" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Addictionwhen gambling '" required="">
                              <span class="input-group-addon">
                                <button type="submit" class="form-control">
                                  <i class="fa fa-search"></i>
                                </button>
                              </span>
                          </div>
                            </form>
                          </div>
                          {{-- <p class="mt-20 text-center text-white">{{ $posts->count() ?? "0"}} results found for “{{ $search}}”</p> --}}
                      </div>
                  </div>
              </div>
          </section>
          <!-- End top-section Area -->





@endsection