@extends('layouts.app')

@section('content')
    <div class="container">

        <a href="/interets" class="discription">
            <img src="{{ asset('images/arrow_down.svg') }}" alt=""> Retour
        </a>
    </div><br>
    <div class="container">
        <h2>Ajouter un intérêt</h2>
        <form action="/interets/store" method="post">
            @csrf
            <div class="form-group">
                <label for="exampleInputinterets1">Nom de l'intérêt <sup>*</sup></label>
                <input type="text" class="form-control @error('name') is-invalid @enderror" id="exampleInputinterets1"
                    aria-describedby="interetsHelp" placeholder="Entrer le nom" required name="name"
                    value="{{ old('name') }}">
                @error('name')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <!-- <div class="form-group">
                <label for="exampleInputinterets1">Catégorie d'intérêt <sup>*</sup></label>
                <select class="form-select" aria-label="Default select example" name="categories">
                    <option hidden> Selectionner la catégorie</option>
                    @foreach ($categories as $categorie)
                        <option value="{{$categorie->id}}">{{$categorie->name}}</option>
                    @endforeach
                </select>
                @error('categories')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div> -->
            <!-- <div class="form-group">
                <label for="exampleInputinterets1">Couleur  <sup>*</sup></label>
                <input type="color" class="form-control @error('couleur') is-invalid @enderror" id="exampleInputinterets1"
                    aria-describedby="interetsHelp" placeholder="Entrer le nom" required name="couleur"
                    value="{{ old('couleur', '#28AF77' ?? '') }}">

                @error('couleur')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div> -->
            <button type="submit" class="btn btn-success">Enregistrer</button>
        </form>
    </div>
@endsection