@include('layouts.header')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>blog</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="">Home</a></li>
              <li class="breadcrumb-item active">blog<span class="glyphicon glyphicon-minus"></span></li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
 
          
          <div class="row">
         <div class="col-md-12">
            <!-- general form elements disabled -->
            <div class="card card-warning">
              <div class="card-header">
                <h3 class="card-title">Search</h3>
                 <div class="card-tools">
              <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
              <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i></button>
            </div>
              </div>
              <!-- /.card-header -->
              <div class="card-body">
                  
                  <div class="row">
                   
                       <div class="col-md-3">
                            <label>Text </label>
                 <input type="text"   name="date_from" placeholder="Date From"  class="form-control float-right  birthday"   required  autocomplete="off"/>
             </div>
             <div class="col-md-3"> 
                  <label>Text</label>
                 <input type="text"  placeholder="Date To" required  name="date_to"   class="birthday form-control"  autocomplete="off"/>
             </div>                                 
            <div class="col-md-3"> 
                 <label>Text</label>
                <input type="text" class="form-control" placeholder="Search for Name Email Phone" name="search_announcements_email" id="search_announcements_email">
            </div>
                       </div>
                    <div class="row">
           <div class="card-footer">
                 
                 <input type="submit" name="Submit" value="Search" class="btn btn-primary" id="submit_search">
             </div>
     
                 
        

               
                </form>
              </div>
              <!-- /.card-body -->
            </div>
              
              <!-- will be used to show any messages -->
@if (Session::has('message'))
    <div class="alert alert-info">{{ Session::get('message') }}</div>
@endif

<table class="table table-striped table-bordered">
    <thead>
        <tr>
            <td>ID</td>
            <td>Name</td>
           
            <td>Actions</td>
        </tr>
    </thead>
    <tbody>
    @foreach($blog as $key => $value)
        <tr>
            <td>{{ $value->id }}</td>
            <td>{{ $value->name }}</td>
        

            <!-- we will also add show, edit, and delete buttons -->
            <td>

                <!-- delete the nerd (uses the destroy method DESTROY /blog/{id} -->
                <!-- we will add this later since its a little more complicated than the other two buttons -->

                <!-- show the nerd (uses the show method found at GET /blog/{id} -->
                <a class="btn btn-small btn-success" href="{{ route('blog.destroy', $value->id) }}">Delete</a>

                <!-- edit this nerd (uses the edit method found at GET /blog/{id}/edit -->
                <a class="btn btn-small btn-info" href="{{ URL::to('blog/' . $value->id . '/edit') }}">Edit</a>

            </td>
        </tr>
    @endforeach
    </tbody>
</table>

            <!-- /.card -->
            <!-- general form elements disabled -->
          
            <!-- /.card -->
          </div>
          <!-- /.col -->

          <!-- /.col -->
        </div>
        </div>
        <div class="row">
              <div class="card-body float-right">
                  <div class="col-md-12 inline ">                            
                                    <a href="{{ route('blog.create') }}" class="btn btn-info"  >Create</a>
                                    <a href="" class="btn btn-info" target="_blank"  >Print</a>
                                    <a href="" class="btn btn-info"   >Download Excel </a>
                            </div>
              </div>
        </div>

        <!-- /.row -->
       <div class="box-footer clearfix">