@extends('welcome')

@section('content')
    <!-- Breadcrumb -->
 <nav class="hk-breadcrumb" aria-label="breadcrumb">
    <ol class="breadcrumb breadcrumb-light bg-transparent">
        <li class="breadcrumb-item"><a href="#">Tableau de bors</a></li>
        <li class="breadcrumb-item active" aria-current="page">Ajouter Catégorie</li>
    </ol>
</nav>
<!-- /Breadcrumb -->

<!-- Container -->
<div class="container">
    <!-- Title -->
    <div class="hk-pg-header">
        <h4 class="hk-pg-title"><span class="pg-title-icon"><span class="feather-icon"><i data-feather="toggle-right"></i></span></span>Form Element</h4>
    </div>

    <div class="row">
        <div class="col-xl-12">
            <section class="hk-sec-wrapper">
                <h5 class="hk-sec-title">Form controls</h5>
                <form method="POST" action="{{ route('categorie.store') }}" enctype="multipart/form-data"  class="needs-validation" novalidate>
                    @csrf
                    <div class="form-row">
                       
                        <div class="col-md-6 mb-10">
                            <label for="validationCustom01">Nom Categorie</label>
                            <input type="text" class="form-control" name="nom" id="validationCustom01" placeholder="Categorie"  required>
                            <div class="valid-feedback">
                                Looks good!
                            </div>
                        </div>
                        <div class="col-md-6 mb-10">
                            <label for="validationCustom02">Image Catégorie</label>
                            <input type="file" class="form-control" id="validationCustom02"  name="photo" required>
                            <div class="valid-feedback">
                                Looks good!
                            </div>
                        </div>
                      
                    </div>
                   
                    <button class="btn btn-primary" type="submit">Enregistrer</button>
                </form>    
            </section>
        </div>
    </div>            
</div>    
@endsection