@extends('backend.layout')
@section('titre')
    Administareurs
@endsection

@section('content')
<!-- Container-fluid starts-->
@php $modele='admins' @endphp


            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-8">
                            <h5>Ajouter administrateur</h5>
                        </div>
                        <div class="col-md-4 text-success text-lg-end iconeadd"><button onclick="window.location.href='{{route("$modele.index")}}'"  class="btn btn-primary">Liste des administrateurs</button>  </div>
                    </div>
                </div>
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li> {{$error}}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <div class="card-body">
                    <div class="row product-adding">

                        <div class="col-xl-12">

                                <form action="{{ route("$modele.store")}}" class="needs-validation add-product-form" method="POST">
                                    @csrf
                                <div class="form row">

                                    <div class="form-group mb-3 col-md-12">
                                        <label for="taux" class="col-xl-12 col-sm-12 mb-0">Nom & prenom  </label>
                                        <div class="col-xl-10 col-sm-7">
                                            <input class="form-control" id="name" name="name" type="text" required    >

                                        </div>

                                    </div>

                                    <div class="form-group mb-3 col-md-12">
                                        <label for="taux" class="col-xl-12 col-sm-12 mb-0">Téléphone  </label>
                                        <div class="col-xl-10 col-sm-7">
                                            <input class="form-control" id="tel" name="tel" type="text"  required   >

                                        </div>

                                    </div>
                                    <div class="form-group mb-3 col-md-12">
                                        <label for="taux" class="col-xl-12 col-sm-12 mb-0">Role  </label>
                                        <div class="col-xl-10 col-sm-7">
                                            <select name="role" required class="form-control" >
                                              <option value="admin">Admin</option>
                                              <option value="magasin">Gérant magasin</option>
                                            </select>

                                        </div>

                                    </div>
                                    <div class="form-group mb-3 col-md-12">
                                        <label for="taux" class="col-xl-12 col-sm-12 mb-0">Magasin  </label>
                                        <div class="col-xl-10 col-sm-7">
                                            <select name="magasin_id" class="form-control" >
                                                <option value="">Choisir magasin </option>
                                                    @foreach ($magasins  as $magasin)
                                                    <option value="{{ $magasin->id }}">{{ $magasin->name }}</option>

                                                    @endforeach
                                            </select>

                                        </div>

                                    </div>

                                    <div class="form-group mb-3 col-md-12">
                                        <label for="taux" class="col-xl-12 col-sm-12 mb-0">Email  </label>
                                        <div class="col-xl-10 col-sm-7">
                                            <input class="form-control" id="email" name="email" type="email"  required   >

                                        </div>

                                    </div>
                                    <div class="form-group">
                                        <label for="password">Mot de passe</label>
                                        <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password"   required  >
                                    </div>

                                </div>

                                <div class="">
                                    <button type="submit" class="btn btn-primary">Valider</button>
                                    <button type="reset" class="btn btn-dark">Annuler</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

<!-- Container-fluid Ends-->

@endsection