@extends('layouts.backend.app')
@section('title', "Tableau de bord")
@section('content')
    <!-- Page Wrapper -->
    <br><br>
<div class="container">
    <form action="{{ route('product-category.store') }}" method="post" enctype="multipart/form-data">
        @csrf
        <div class="row col-md-12">
            <div class="col-md-6">
                <label for="nom">Nom catégorie*</label>
                <input name="name" type="text" class="p-input form-control" id="nom" placeholder="Ex: Boucherie" required><br><br>
            </div>
            <div class="col-md-6">
                <label for="parentCateg">Catégorie parent</label>
                <select name="parent_category" id="" class="select2 form-control">
                    <option value="">Choisir une catégorie</option>
                    @forelse($productCategories as $productCategory)
                        <option value="{{$productCategory->name}}">{{$productCategory->name}}</option>
                    @empty
                        <option value="">Pas de catégorie enregistrée</option>
                    @endforelse
                </select>
            </div>
        </div>
        <br>
        <div class="row">
            <div class="col-md-6">
                <label for="imgCategory">Image par défaut</label>
                <input name="image" type="file" class="p-input" id="imgCategory" placeholder="Choisir une image par défaut"><br>
            </div>
            <div class="col-md-6">
                <img id="preview" class="d-none" alt="category image" style="width: 100px; height: 100px;">
            </div>
        </div>
        <br><br>
        <div class="text-center">
            <button type="submit" class="btn" style="font-size: inherit; color: white; background-color: #068d18; width: 20%;">Créer</button>
        </div>
        <br><br>
    </form>
</div>
			<!-- /Page Wrapper -->
@endsection