@extends('layouts.app')

@section('content')
    <div class="container">
        <div>
            <h2 class="pb-2">Ajouter un utilisateur</h2>
        </div>

        @include('layouts.commons.errors')
        @include('layouts.commons.success')

        <form method="POST" action="{{ route('utilisateurs.store') }}">
            @csrf

            <!-- Rôle -->
            <div class="form-group row">
                <label for="role" class="col-md-4 col-form-label text-md-right">Rôle<span class="text-danger">*</span></label>
                <div class="col-md-6">
                    <select class="form-control" id="role" name="role">
                        <option value="" {{ old('role') == '' ? 'selected' : '' }}>Sélectionner</option>
                        @foreach($roles as $r)
                            <option value="{{ $r->name }}" {{ old('role') == $r->name ? 'selected' : '' }}>{{ ROLE::ROLES_FORMATTED[$r->name] }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <!-- Direction -->
            <div class="form-group row direction" style="display: none">
                <label for="direction_id" class="col-md-4 col-form-label text-md-right">Direction<span class="text-danger">*</span></label>
                <div class="col-md-6">
                    <select class="form-control" id="direction_id" name="direction">
                        <option value="" {{ old('direction') == '' ? 'selected' : '' }}>Sélectionner</option>
                        @foreach($directions as $d)
                            <option value="{{ $d->id }}" {{ old('direction') == $d->id ? 'selected' : '' }}>{{ $d->nom }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <!-- Service -->
            <div class="form-group row service" style="display: none">
                <label for="service_id" class="col-md-4 col-form-label text-md-right">Service</label>
                <div class="col-md-6">
                    <select class="form-control" id="service_id" name="service">
                        <option value="" {{ old('service') == '' ? 'selected' : '' }}>Sélectionner</option>
                        @foreach($directions as $d)
                            @foreach($d->services as $s)
                                <option value="{{ $d->id }}_{{ $s->id }}" {{ old('service') == $d->id . '_' . $s->id ? 'selected' : '' }}>{{ $s->nom }}</option>
                            @endforeach
                        @endforeach
                    </select>
                </div>
            </div>

            <!-- Portefeuille responsable achat -->
            <div class="form-group row portefeuille_responsable" style="display: none">
                <label for="portefeuille_responsable" class="col-md-4 col-form-label text-md-right">Portefeuille responsable achat<span class="text-danger">*</span></label>
                <div class="col-md-6">
                    <select class="form-control" id="portefeuille_responsable" name="portefeuille_responsable">
                        <option value="" {{ old('portefeuille_responsable') == '' ? 'selected' : '' }}>Sélectionner</option>
                        @foreach($portefeuilles_responsables as $pr)
                            <option value="{{ $pr->id }}" {{ old('portefeuille_responsable') == $pr->id ? 'selected' : '' }}>{{ $pr->nom }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <!-- Portefeuille acheteur -->
            <div class="form-group row portefeuille_acheteur" style="display: none">
                <label for="portefeuille_acheteur" class="col-md-4 col-form-label text-md-right">Portefeuille acheteur<span class="text-danger">*</span></label>
                <div class="col-md-6">
                    <select class="form-control" id="portefeuille_acheteur" name="portefeuille_acheteur">
                        <option value="" {{ old('portefeuille_acheteur') == '' ? 'selected' : '' }}>Sélectionner</option>
                        @foreach($portefeuilles_responsables as $pr)
                            @foreach($pr->portefeuilles_acheteurs as $pa)
                                <option value="{{ $pa->id }}" {{ old('portefeuille_acheteur') == $pa->id ? 'selected' : '' }}>{{ $pa->nom }}</option>
                            @endforeach
                        @endforeach
                    </select>
                </div>
            </div>

            <!-- Prénom -->
            <div class="form-group row">
                <label for="prenom" class="col-md-4 col-form-label text-md-right">Prénom<span class="text-danger">*</span></label>
                <div class="col-md-6">
                    <input id="prenom" type="text" class="form-control" name="prenom" value="{{ old('prenom') }}" required autofocus>
                </div>
            </div>

            <!-- Nom -->
            <div class="form-group row">
                <label for="nom" class="col-md-4 col-form-label text-md-right">Nom<span class="text-danger">*</span></label>
                <div class="col-md-6">
                    <input id="nom" type="text" class="form-control" name="nom" value="{{ old('nom') }}" required autofocus>
                </div>
            </div>

            <!-- E-mail -->
            <div class="form-group row">
                <label for="email" class="col-md-4 col-form-label text-md-right">E-mail<span class="text-danger">*</span></label>
                <div class="col-md-6">
                    <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}" required autofocus>
                </div>
            </div>

            <!-- Mot de passe -->
            <div class="form-group row">
                <label for="password" class="col-md-4 col-form-label text-md-right">Mot de passe<span class="text-danger">*</span></label>
                <div class="col-md-6">
                    <input id="password" type="password" class="form-control" name="password" required autofocus>
                </div>
            </div>

            <!-- Confirmation -->
            <div class="form-group row">
                <label for="password_confirmation" class="col-md-4 col-form-label text-md-right">Confirmation<span class="text-danger">*</span></label>
                <div class="col-md-6">
                    <input id="password_confirmation" type="password" class="form-control" name="password_confirmation" required autofocus>
                </div>
            </div>

            <div class="form-group row mb-0">
                <div class="col-md-8 offset-md-4">
                    <button type="submit" class="btn btn-outline-success">
                        Sauvegarder
                    </button>
                    <a href="{{ route('utilisateurs.index') }}" class="btn btn-outline-warning">Annuler</a>
                </div>
            </div>
        </form>
    </div>
@endsection

@include('utilisateurs.commons.js')