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

                </div>
            </div>

            <div class="container">


                <form action="{{ route('update_child', $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" required>
                    </div>

                    <div class="form-group">
                        <label for="children">Catégories</label>
                        <select class="form-control" id="children" name="categorie" required>
                            <option value="" disabled selected>Select Catégorie</option>
                            @foreach ($categorie as $category)
                                <option value="{{ $category->id }}"
                                    {{ $category->id === $post->id_categorie ? 'selected' : '' }}>{{ $category->titre }}
                                </option>
                            @endforeach
                        </select>
                    </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="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