@extends('admin.base')
@section('title')

   AKIRO | dashboard
    
@endsection


@section('body')


      <div class="midde_cont">
            <div class="container-fluid">
                        <div class="row column_title">
                           <div class="col-md-12">
                              <div class="page_title">
                                 <h2>Projets</h2>
                              </div>
                           </div>
                        </div>
                        <!-- row -->
                            @if(session()->has('info'))
                            <div class="col-8 mx-auto py-4 text-center  notification is-success">
                           {{ session('info') }}
                             </div>
                            @endif  
                        <div class="row column1">
                           <div class="col-md-12">
                              <div class="white_shd full margin_bottom_30">
                                 <div class="full graph_head">
                                    <div class="heading1 margin_0">
                                       <h2>Liste <small>des projets</small></h2>
                                    </div>
                                 </div>
                                 <div class="full price_table padding_infor_info">
                                    <div class="row">
                                       <div class="col-lg-12">
                                          <div class="table-responsive-sm">
                                             <table class="table table-striped projects">
                                             <thead class="thead-dark">
                                                <tr>
                                                   <th style="width: 2%">No</th>
                                                   <th style="width: 30%">Description</th>
                                                   <th>Photo</th>
                                                   <!--<th>Preogression</th>-->
                                                   <th>Status</th>
                                                   <th style="text-align: center;" colspan="3">Action </th>
                                                </tr>
                                             </thead>
                                             <tbody>
                                                
                                                @foreach($projets as $projet)
                                                <tr>
                                                <td>{{$i++}}</td>
                                                 <td>
                                                <a>{{$projet->description}}</a>
                                                </td>
                                                <td>

                                             <div class=" margin_bottom_30">
                                             <div class="column">
                                                <a data-fancybox="gallery" href="{{$projet->photo}}"><img style="width: 40px; height: 30px;border-radius: 10px 10px 10px 5px;" class="img-responsive" src="{{$projet->photo}}" alt="#" /></a>
                                             </div>
                                             </div>

                                                <!--<img src="{{$projet->photo}}" alt="" style="width: 40px; height: 30px;border-radius: 10px 10px 10px 5px;" class="img-fluid">-->
                                                
                                                </td>
                                                <!--<td class="project_progress">
                                                <div class="progress progress_sm">
                                                   <div class="progress-bar progress-bar-animated progress-bar-striped" role="progressbar" aria-valuenow="97" aria-valuemin="0" aria-valuemax="100" style="width: 98%;"></div>
                                                      </div>
                                                      <small>Almost Completed</small>
                                                   </td>-->
                                                   <td>
                                                   <p>
                                                      @if($projet->status==1)
                                                      Réalisé
                                                      @else
                                                      En cours
                                                      @endif
                                                   </p>
                                                   </td>

                                                   <td>

                                                      <!--<button style="border-radius: 20px" type="button" class="btn btn-primary btn-xs"> <a href="{{route('show_project',$projet->id)}}">voir</a></button>-->

                                                      <a href="{{route('show_project',$projet->id)}}" style="border-radius: 20px" type="button" class="btn btn-primary btn-xs" title="Voir 1">Voir</a> </td>
                                                
                                                   </td>

                                                   <td>

                                                    <a href="{{route('mettre_a_jour_projet',$projet->id)}}" style="border-radius: 20px" type="button" class="btn btn-warning btn-xs" title="Voir 1">Modifier</a> </td>
                                                      
                                                      <!--<button style="border-radius: 20px" type="button" class="btn btn-warning btn-xs">Modifier</button>-->
                                                
                                                    </td>


                                                    <td>
                                                     <a href="{{route('supprimer_projet',$projet->id)}}" style="border-radius: 20px" type="button" class="btn btn-danger btn-xs" title="Voir 1">Supprimer</a> </td>
                                                     <!--<button style="border-radius: 20px" type="button" class="btn btn-danger btn-xs">Supprimer</button>-->
                                                
                                                   </td>

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

                                             <div class="row column4 graph">

                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <!-- end row -->
                        </div>
                        
                     </div>
                     <!-- end dashboard inner -->
                </div>
                
@endsection




@section('javascript')
      <!-- fancy box js -->
      <script src="admin/js/jquery-3.3.1.min.js"></script>
      <!-- <script src="admin/js/jquery.fancybox.min.js"></script> -->
      <script src="admin/js/custom.js"></script>
      <!-- calendar file css -->    
      <script src="admin/js/semantic.min.js"></script>
@endsection