tifawt/resources/views/backend/produit/add.blade.php

@extends('layouts.idara.panel')


@section('content')
@include('backend.partials.import')

@include('backend.partials.features')



    <div class="card mt-4">
        <div class="card-header">
        Vous pouvez ajouter une image ou la modifie
        </div>
        <div class="card-body">
            

            <div class="container">
                @if(session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                </div>
                @endif
                @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <strong>Whoops!</strong> Some problems with your input.<br><br>
                    <ul>
                        @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
                @endif

                <form method="post" action="{{url('produit')}}" enctype="multipart/form-data">
                    

                    @csrf
                    <div class="row">
                      
                    <div class="form-group mt-4">
                    <label for="exampleFormControlTextarea1"><strong>Nom du produit :</strong></label>

                        <input type="text" class="form-control" id="" name="nom" placeholder="Nom" required>
                    </div>

                    <div class="form-group categorie mt-4" id="categorie">


                        <label class="" for="exampleFormControlInput1"><strong>Categorie</strong> :</label>
                        <br>
                        <select onchange="optionCheck()" class="form-control" name="categorie" id="categorie" class="form-control categorie" aria-describedby="validationServer04Feedback" style=" margin-bottom: 40px;" >


                            <option>Vueillez selectionner une categorie</option>


                            @foreach ($categories as $categorie)


                            <option value="{{ $categorie->id }}" {{ old('categorie') == $categorie->id  ? 'selected' : '' }}>{{ $categorie->nom }}</option>
                        
                            
                            @endforeach


                        </select>


                    </div>

                    <div class="form-group mt-4">
                        <label for="exampleFormControlTextarea1"><strong>description :</strong></label>
                        <textarea class="form-control" id="presentation" name="description" rows="6"></textarea>
                    </div>

                        <div class="form-group mt-4">

                            <input type="file" name="image" id="profile_image" onchange="loadPreview(this);" class="form-control" >

                            <label for="profile_image"></label>
                            <img id="preview_img" src="https://w3adda.com/wp-content/uploads/2019/09/No_Image-128.png" class="" width="200" height="150" />


                        </div>
                    </div>
                    
                        <div class="form-group col-md-4 mt-4">
                            <button type="submit" class="btn btn-success" style="margin-top:10px">Upload Image</button>
                        </div>
                    

                </form>
            </div>
        </div>
    </div>

</div>

@include('backend.partials.upload')


<style>
    .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
        border-color: var(--ck-color-base-border);
        height: 300px;
    }

</style>
<script src="https://cdn.ckeditor.com/ckeditor5/36.0.0/classic/ckeditor.js"></script>
<script>
    ClassicEditor
        .create(document.querySelector('#presentation'))
        .then(editor => {
            window.editor = editor;
        })
        .catch(error => {
            console.error('There was a problem initializing the editor.', error);
        });

</script>

@endsection