@extends('front.app')
@section('content')
<section class="wrapper bg-gray">
    <div class="container pt-10 pb-14 pb-md-16">
      
        <h1 class="fs-50">Sondaje</h1>
        <hr class="my-8" />
      <!--/.row -->
      <div class="row grid-view gx-md-8 gx-xl-10 gy-8 text-center">
        
      <!--/.row -->
      <div class="row mt-17">
        <div class="col-lg-12">
          <div class="blog grid grid-view">
            <div class="row isotope gx-md-8 gy-8 mb-8">
              @foreach($surveys as $survey)
                <article class="item post col-md-4">
                  <div class="card shadow-lg">
                    <div class="card-body">
                        <h2 class="card-title">{{$survey->title}}</h2>  
                        <show-survey :survey="{{$survey->id}}"></show-survey>
                        <ul class="post-meta mb-3 mt-3 justify-content-center">
                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>{{explode(' ', $survey->start_date)[0]}}</span></li>
                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>{{explode(' ', $survey->end_date)[0]}}</span></li>
                        </ul>             
                    </div>
                  </div>
                </article>
              @endforeach
            </div>
            <!-- /.row -->
          </div>
          <!-- /.blog -->
      
          <!-- /nav -->
        </div>
        <!-- /column -->
       
        <!-- /column .sidebar -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container -->
  </section>
@endsection