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

<div class="container-fluid">

    <!-- Page Heading -->

    @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
    @if ($errors->any())
    <div id="error" class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
    <script>
        setTimeout(function() {
            var successMessage = document.getElementById('error');
            if (successMessage) {
                successMessage.remove();
            }
        }, 5000); // 5000 milliseconds = 5 seconds
    </script>
    <!-- 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">Modifier Une presentation</h6>
                </div>

            </div>
        </div>

        <div class="container">


            <form action="{{ route('update_presentation',$post->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                <br>
                <div class="form-group">
                    <label for="title">Titre</label>
                    <input type="text" value="{{ $post->titre }}" class="form-control" id="titre" name="titre" placeholder="Entrer Titre">
                </div>
                <div class="form-group">
                    <label for="description">Description</label>
                    <textarea class="form-control" id="default" name="description" placeholder="Entrer description" rows="4">{{ $post->description }}</textarea>
                </div>
                <div class="form-group">
    <div class="row">
        <div class="col-md-3">
            <label for="apercu" class="text-center">Image Détail</label>
            @if ($post->apercu)
                <div class="text-center">
                    <img src="{{ asset('uploads/presentations/' . $post->apercu) }}" alt="Image Preview" width="320" height="240">
                </div>
            @endif

            <br>
            <input type="file" class="form-control-file" id="apercu" name="apercu" accept="image/*">
        </div>
    </div>
</div>

<div class="text-center">
    <button class="btn btn-primary" style="padding:5px 50px;">Modifier</button>
</div>

            </form><br><br>

            <script src="{{ URL('Asset/tinymce/js/tinymce/tinymce.min.js')}}"></script>
            <script src="{{ URL('Asset/script.js')}}"></script>
        </div>

    </div>

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

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