@extends('admin.footer')
@section('content')
    <!-- Main content -->
<div class="container-fluid">
      <div class="col-md-3 col-sm-6 col-12">
        <div class="info-box">
          <span class="info-box-icon bg-danger"><i class="far fa-star"></i></span>
          <div class="info-box-content">
            <span class="info-box-text">Créations</span>
            <span class="info-box-number">{{$creations->count()}}</span>
          </div>
          <!-- /.info-box-content -->
        </div>
        <!-- /.info-box -->
      </div>
      <!-- /.col -->
</div>
        <div class="container-fluid">
          <div class="row">
            <div class="col-12">
              <div class="card">
                <!-- /.card-header -->
                <div class="card-body">
                  <table id="example1" class="table table-bordered table-striped">
                    <thead>
                    <tr>
                      <th>Titre</th>
                      <th>Auteurs</th>
                      <th>Adresse</th>
                      <th>Région</th>
                      <th>Description</th>
                      <th>Date</th>
                      <th>Image</th>
                      <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                        @foreach ($creations as $creation)
                        <tr>
                            <td>{{ $creation->titre }}</td>
                            <td>{{ $creation->auteurs }}</td>
                            <td>{{ $creation->adresse}}</td>
                            <td> {{$creation->region->nom}}</td>
                            <td>{{ $creation->description }}</td>
                            <td>{{ $creation->date }}</td>
                            <td><img src="{{asset('/storage/public/images/'.$creation->image_url)}}" alt="Image" style="width: 70px; height:100px;"></td>
                            <td>                              
                              <a href="creations/{{$creation->id}}">
                                <button type="button" class="btn btn-block btn-default">Modifier</button>
                              </a> 
                              <a href="actions/creation/{{$creation->id}}">
                                <button type="button" class="btn btn-block btn-default">Plus</button>
                              </a>                      
                              <a href="supprimer-creation/{{$creation->id}}">
                                <button type="button" class="btn btn-block btn-default">Supprimer</button>
                              </a>
                            </td>                           
                          </tr>
                        @endforeach                    
                    </tbody>
                    <tfoot>
                    <tr>
                        <th>Titre</th>
                        <th>Auteurs</th>
                        <th>Adresse</th>
                        <th>Région</th>
                        <th>Description</th>
                        <th>Date</th>
                        <th>Image</th>
                        <th>Action</th>
                    </tr>
                    </tr>
                    </tfoot>
                  </table>
                </div>
                <!-- /.card-body -->
              </div>
              <!-- /.card -->
            </div>
            <!-- /.col -->
          </div>
          <!-- /.row -->
        </div>
      <!-- /.container-fluid -->

      <!-- /.content -->
  
    <!-- /.content-wrapper -->
    
@endsection