@extends('templates.dashboard')
@section('dashboard')
    <style>
        /* Add this to your CSS to define the style for the disabled dropdown */
        /* Add this to your CSS to define the style for the disabled dropdowns */
        #children:disabled,
        #children.disabled-style,
        #formats:disabled,
        #formats.disabled-style {
            background-color: #f8d7da;
            /* Set the background color to a light red */
            border-color: red;
            /* Set the border color to red */
            border-width: 2px;
            /* Set the border width to 2px (adjust as needed) */
        }
    </style>
    <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 formation</h6>
                    </div>

                </div>
            </div>

            <div class="container">


                <form action="{{ route('update_formation', $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 <span style="color:red">(800 *
                                        400)</span></label>
                                @if ($post->apercu)
                                    <td class="text-center">
                                        <style>
                                            /* Add this CSS in your stylesheet or a <style> tag in your HTML file */
                                            .delete-link {
                                                color: red;
                                                /* Change the color to your desired color */
                                                text-decoration: none;
                                                /* Remove underline from the link */
                                                margin-right: 10px;
                                                /* Adjust spacing between the icon and text if needed */
                                            }

                                            /* Style the trash can icon */
                                            .delete-link .fas.fa-trash {
                                                font-size: 20px;
                                                /* Adjust the icon size as needed */
                                            }
                                        </style>
                                        <a href="{{ route('delete_image_formation', ['id' => $post->id, 'field' => 'apercu']) }}"
                                            title="Supprimer"
                                            onclick="return confirm('Es-tu sûr de vouloir supprimer cette image ?')"
                                            class="delete-link">
                                            <i class="fas fa-trash"></i>
                                        </a>

                                        <img src="{{ asset('uploads/formations/' . $post->apercu) }}" alt="Image"
                                            width="180" height="180">
                                    </td>
                                @endif
                                <br><br>
                                <input type="file" class="form-control-file" id="apercu" name="apercu"
                                    accept="image/*">

                            </div>



                        </div>
                    </div><br>
                    <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