@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">Modifier 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::model($souscategorie, ['method'=>'PATCH','route'=>['souscategorie.update', $souscategorie->id],'enctype'=>'multipart/form-data']) !!}
                    @csrf
                    <div class="form-row">
                        <div class="col-md-4 mb-10">
                            <label>Catégorie</label>
                            <select class="form-control" name="categorie_id" required="">
                                @foreach ($categories as $categorie)
                                <option {{old('categorie_id', $souscategorie->categorie_id) == $categorie->id ? 'selected' : ''}}
                                    value="{{$categorie->id}}">{{$categorie->nom}}</option>
                                    @endforeach

                            </select>
                        </div>    
                        <div class="col-md-4 mb-10">
                            <label for="validationCustom01">Nom Categorie</label>
                            <input type="text" class="form-control" name="nom" value="{{$souscategorie->nom}}" id="validationCustom01" placeholder="Categorie"  required>
                            <div class="valid-feedback">
                                Looks good!
                            </div>
                        </div>
                        <div class="col-md-4 mb-10">
                            <label for="validationCustom02">Image Catégorie</label>
                            <input type="file" class="form-control" id="validationCustom02"  name="photo" >
                            <div class="valid-feedback">
                                Looks good!
                            </div>
                        </div>
                      
                    </div>
                   
                    <button class="btn btn-primary" type="submit">Submit form</button>
                {!! Form::close() !!}
            </section>
        </div>
    </div>            
</div>    
@endsection