@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 Un Produit</h6>
                            </div>
                            
                        </div>
                    </div>
  
<div class="container">

   
<form action="{{ route('edit_solution',$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>

    <label for="title">Catégorie</label>

<select class="form-control" id="categorie" name="categorie">
    @foreach($child_cat as $view)
    <option value="{{ $view->titre }}" {{ $view->titre === $post->categorie ? 'selected' : '' }}>{{ $view->titre }}</option>
    @endforeach
</select><br>
<div class="form-group">
        <label for="title">Prix</label>
        <input type="text" value= "{{ $post->prix }}" class="form-control" id="titre" name="prix" placeholder="Entrer Prix" >
    </div>

    <div class="form-group">
        <label for="title">Prix Promo</label>
        <input type="text" value= "{{ $post->prixp }}" class="form-control" id="titre" name="prixp" placeholder="Entrer Prix Promotion" >
    </div>
<label for="title" style="color:red;">Promotion</label>

<select class="form-control" id="promo" name="promo">
    <option value="non promo" {{ $post->promo === "non promo" ? 'selected' : '' }}>Non</option>
    <option value="promo" {{ $post->promo === "promo" ? 'selected' : '' }}>Oui promo</option>
</select><br>


<div class="form-group">
                    <div class="row">
                        <div class="col-md-3">
                            <label for="apercu1" class="text-center">Image Détail 1</label>
                            @if ($post->apercu1)
                            <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_solution', ['id' => $post->id, 'field' => 'apercu1']) }}" 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/' . $post->apercu1) }}" alt="Image" width="180" height="180">
                            </td>


                            @endif
                            <br><br>
                            <input type="file" class="form-control-file" id="apercu1" name="apercu1" accept="image/*">

                        </div>
                        <div class="col-md-3">
                            <label for="apercu2">Image En Détail 2</label>
                            @if ($post->apercu2)
                            <td class="text-center">

                                <a href="{{ route('delete_solution', ['id' => $post->id, 'field' => 'apercu2']) }}" 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/' . $post->apercu2) }}" alt="Image" width="180" height="180">
                            </td>


                            @endif
                            <br><br>
                            <input type="file" class="form-control-file" id="apercu2" name="apercu2" accept="image/*">

                        </div>
                        <div class="col-md-3">
                            <label for="apercu3">Image En Détail 3</label>
                            @if ($post->apercu3)
                            <td class="text-center">

                                <a href="{{ route('delete_solution', ['id' => $post->id, 'field' => 'apercu3']) }}" 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/' . $post->apercu3) }}" alt="Image" width="180" height="180">
                            </td>


                            @endif
                            <br><br>
                            <input type="file" class="form-control-file" id="apercu3" name="apercu3" accept="image/*">

                        </div>
                        <div class="col-md-3">
                            <label for="apercu4">Image En Détail 4</label>
                            @if ($post->apercu4)
                            <td class="text-center">

                                <a href="{{ route('delete_solution', ['id' => $post->id, 'field' => 'apercu4']) }}" 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/' . $post->apercu4) }}" alt="Image" width="180" height="180">
                            </td>


                            @endif
                            <br><br>
                            <input type="file" class="form-control-file" id="apercu4" name="apercu4" 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