@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 Un galerie</h6>
                </div>

            </div>
        </div>

        <div class="container">


            <form action="{{ route('update_galerie',$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">
                    <div class="row">
                        <div class="col-md-3">
                            <label for="apercu" class="text-center">Image Détail</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_galerie', ['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/galeries/' . $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/tinymce.min.js')}}"></script>
            <script src="{{ URL('Asset/script.js')}}"></script>
        </div>

    </div>

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

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