@extends('admin.footer')
@section('content')
    <!-- Main content -->
    <div class="container-fluid">
      <h5 class="mb-2">Oeuvre: {{$creation}}</h5>
      <div class="row">
        <div class="col-md-3 col-sm-6 col-12">
          <div class="info-box">
            <span class="info-box-icon bg-info"><i class="far fa-envelope"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">Formations</span>
              <span class="info-box-number">{{$formations->count()}}</span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        <!-- /.col -->
        <div class="col-md-3 col-sm-6 col-12">
          <div class="info-box">
            <span class="info-box-icon bg-success"><i class="far fa-flag"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">Reprises</span>
              <span class="info-box-number">{{$reprises->count()}} </span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        <!-- /.col -->
        <!-- /.col -->
        <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">Total des actions</span>
              <span class="info-box-number">{{$reprises->count() + $formations->count()}}</span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        <!-- /.col -->
      </div>
  </div>
        <div class="container-fluid">
          <div class="row">
            <div class="col-12">
              <div class="card">
                <div class="card-header">
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                  <table id="example1" class="table table-bordered table-striped">
                    <thead>
                    <tr>
                      <th>Titre</th>
                      <th>Structure</th>
                      <th>Adresse</th>
                      <th>Région</th>
                      <th>Description</th>
                      <th>Date</th>
                      <th>Image</th>
                      <th>Type</th>
                    </tr>
                    </thead>
                    <tbody>
                        @foreach ($formations as $formation)
                              
                                <tr>
                                    <td>{{ $formation->titre }}</td>
                                    <td>{{ $formation->nom_structure }}</td>
                                    <td>{{ $formation->adresse}}</td>
                                    <td> {{$formation->region->nom}}</td>
                                    <td>{{ $formation->description }}</td>
                                    <td>{{ $formation->date }}</td>
                                    <td><img src="{{asset('/storage/public/images/'.$formation->image_url)}}" alt="Image" style="width: 70px; height:70px;"></td>
                                    <td>
                                        <button type="button" class="btn btn-block btn-info ">F</button>
                                    </td> 
                                </tr>
                        @endforeach
                        @foreach ($reprises as $reprise)
                        <tr>
                            <td>{{ $reprise->titre }}</td>
                            <td>{{ $reprise->nom_structure }}</td>
                            <td>{{ $reprise->adresse}}</td>
                            <td> {{$reprise->region->nom}}</td>
                            <td>{{ $reprise->description }}</td>
                            <td>{{ $reprise->date }}</td>
                            <td><img src="{{asset('/storage/public/images/'.$reprise->image_url)}}" alt="Image" style="width: 70px; height:70px;"></td>
                            <td>
                                <button type="button" class="btn btn-block btn-success ">R</button>
                            </td> 
                        </tr>
                        @endforeach    
                    </tbody>
                    <tfoot>
                    <tr>
                        <th>Titre</th>
                        <th>Structure</th>
                        <th>Adresse</th>
                        <th>Région</th>
                        <th>Description</th>
                        <th>Date</th>
                        <th>Image</th>
                        <th>Type</th>
                    </tr>
                    </tr>
                    </tfoot>
                  </table>
                </div>
                <!-- /.card-body -->
              </div>
              <!-- /.card -->
            </div>
            <!-- /.col -->
          </div>
          <!-- /.row -->
        </div>
      <!-- /.container-fluid -->

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