@extends('templates.dashboard')
@section('dashboard')

<!-- End of Topbar -->

<!-- Begin Page Content -->
<div class="container-fluid">

    @if(session()->has('success'))

    <div id="success-message" class="container alert alert-success">
        {{ session()->get('success') }}
    </div>
    <script>
        setTimeout(function() {
            var successMessage = document.getElementById('success-message');
            if (successMessage) {
                successMessage.remove();
            }
        }, 5000); // 5000 milliseconds = 5 seconds
    </script>
    @endif
    <!-- Page Heading -->
    <h1 class="h3 mb-2 text-gray-800">Les Tableaux</h1>
    @if(session()->has('delete'))
    <div id="success-message" class="container alert alert-danger">
        {{ session()->get('delete') }}
    </div>
    <script>
        setTimeout(function() {
            var successMessage = document.getElementById('success-message');
            if (successMessage) {
                successMessage.remove();
            }
        }, 15000); // 5000 milliseconds = 5 seconds
    </script>
    @endif
    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <div class="row">
                <div class="col-md-6">
                    <h6 class="m-0 font-weight-bold text-primary">Tableau Des presentations</h6>
                </div>
               
            </div>
        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>Titre</th>
                            <th>description</th>
                            <th>Apercu</th>
                            <th>Modifier</th>

                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>Titre</th>
                            <th>description</th>
                            <th>Apercu</th>
                            <th>Modifier</th>
                    </tfoot>
                    <tbody>
                        @foreach ($posts as $item)
                        <tr>
                            <td>{{ $item->titre }}</td>
                            <td>{!! Str::limit(strip_tags($item->description), 50) !!}</td>
                            @if(empty($item->image))

<td class="text-center"><img src="{{ asset('uploads/presentations/' . $item->apercu) }}" alt="Image" width="50"></td>
@else
<td class="text-center">
<p>NO IMAGE.</p>
</td>
@endif

                            <td class="text-center">
                                <a href="{{ route('edit_presentation',['id'=>$item->id])}}" title="Modifier"><i class="fas fa-edit" style="color: green;"></i></a>
                            </td>
                           

                        </tr>
                        @endforeach

                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>
<!-- /.container-fluid -->

</div>
<!-- End of Main Content -->


@endsection