@extends('root.layout.master')

@section('content')
            <!-- Main Container -->
            <main id="main-container">
                <script type="text/javascript">
                    $(document).ready(function() {
                        $('#example').DataTable( {
                            dom: 'Bfrtip',
                            buttons: [
                                'copy', 'csv', 'excel', 'pdf', 'print'
                            ]
                        } );
                    } );
                </script> 

                <!-- Page Content -->

                <div class="content">
                    <!-- Quick Overview -->
                    <h2 class="content-heading">
                        <i class="fa fa-angle-right text-muted mr-1"></i> Liste des Produits
                    </h2>
                    <div class="block block-rounded invisible" data-toggle="appear">
                        <div class="block-content block-content-full ">
                            <div class="col-lg-12">
                                <table id="example" class="table-responsive stripe" style="width:100%"> 
                                        <thead>
                                            <tr>
                                                <th>Titre</th>
                                                <th>Description</th>
                                                <th>Photo</th>
                                                <th>Prix</th>
                                                <th>Modifier</th>
                                                <th>Supprimer</th>
                                            </tr>
                                        </thead> 
                                        <tbody>
                                            @foreach($produit as $actualites)
                                            <tr>

                                                <td>{{$actualites->title}}</td>
                                                <td>{!! Str::limit($actualites->body, 300, '...') !!}</td>
                                                <td><img src="{{$actualites->picture}}" width="50%"> </td>
                                                <td>{{$actualites->price}}</td>
                                                <td onclick="window.location.href = '{{ url('/modificationProduit/'.($actualites->id))}}' "><i class="btn fa fa-edit"></i></td>
                                                <td onclick="window.location.href = '{{ url('supprimerProduit/'.($actualites->id))}}' "><i class="btn fa fa-trash"></i></td> 
                                            </tr>

                                            @endforeach
                                        </tbody>
                                </table>
                            </div>        
                        </div>
                        </div>
                    </div>

                <!-- END Quick Overview -->

                    


                </div>
                <!-- END Page Content -->
            </main>
            <!-- END Main Container -->

            <!-- Footer -->
@endsection