@extends('layouts.admin')
@section('content')

<div class="card">
    <div class="card-header">
       NOUVEAU UTILISATEUR
    </div>
 
    <div class="card-body">
        <form action="{{ route("admin.users.store") }}" method="POST" enctype="multipart/form-data">
            @csrf
            
            <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                <img id="photo" style="border: none; width: 10%; height:auto;"/>
                <br /> 
                <label for="email">Photo </label>

                <input type="file" name="photo" class="form-control" value="{{ old('photo') }}"
                onchange="document.getElementById('photo').src = window.URL.createObjectURL(this.files[0])" >
                
 
                <br />
                @if($errors->has('cir'))
                    <p class="help-block">
                        {{ $errors->first('cir') }}
                    </p>0
                @endif
                <p class="helper-block">

                </p>
            </div>

            <div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
                <label for="name">Nom Complet *</label>
                <input type="text" id="name" name="name" class="form-control" value="{{ old('name', isset($user) ? $user->name : '') }}" required>
                @if($errors->has('name'))
                    <p class="help-block">
                        {{ $errors->first('name') }}
                    </p>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.user.fields.name_helper') }}
                </p>
            </div>

            <div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
                <label for="name">Téléphone </label>
                <input type="text" id="telephone" name="telephone" class="form-control" value="{{ old('name', isset($user) ? $user->name : '') }}" required>
                @if($errors->has('telephone'))
                    <p class="help-block">
                        {{ $errors->first('telephone') }}
                    </p>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.user.fields.name_helper') }}
                </p>
            </div>

            <div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
                <label for="name">Adresse </label>
                <input type="text" id="adresse" name="adresse" class="form-control" value="{{ old('adresse', isset($user) ? $user->adresse : '') }}" required>
                @if($errors->has('adresse'))
                    <p class="help-block">
                        {{ $errors->first('adresse') }}
                    </p>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.user.fields.name_helper') }}
                </p>
            </div>

            <div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
                <label for="name">Zone d'opération </label>
                <input type="text" id="zone_operation" name="zone_operation" class="form-control" value="{{ old('zone_operation', isset($user) ? $user->zone_operation : '') }}" required>
                @if($errors->has('zone_operation'))
                    <p class="help-block">
                        {{ $errors->first('zone_operation') }}
                    </p>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.user.fields.name_helper') }}
                </p>
            </div>

            <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                <label for="email">{{ trans('cruds.user.fields.email') }}*</label>
                <input type="email" id="email" name="email" class="form-control" value="{{ old('email', isset($user) ? $user->email : '') }}" required>
                @if($errors->has('email'))
                    <p class="help-block">
                        {{ $errors->first('email') }}
                    </p>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.user.fields.email_helper') }}
                </p>
            </div>
            <div class="form-group {{ $errors->has('password') ? 'has-error' : '' }}">
                <label for="password">Mot de Passe </label>
                <input type="password" id="password" name="password" class="form-control" required>
                @if($errors->has('password'))
                    <p class="help-block">
                        {{ $errors->first('password') }}
                    </p>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.user.fields.password_helper') }}
                </p>
            </div>
            <div class="form-group {{ $errors->has('roles') ? 'has-error' : '' }}">
                <label for="roles">{{ trans('cruds.user.fields.roles') }}*
                    <span class="btn btn-info btn-xs select-all">sélectionnez tout </span>
                    <span class="btn btn-info btn-xs deselect-all">Désélectionnez tout</span></label>
                <select name="roles[]" id="roles" class="form-control select2" multiple="multiple" required>
                    @foreach($roles as $id => $roles)
                        <option value="{{ $id }}" {{ (in_array($id, old('roles', [])) || isset($user) && $user->roles->contains($id)) ? 'selected' : '' }}>{{ $roles }}</option>
                    @endforeach
                </select>
                @if($errors->has('roles'))
                    <p class="help-block">
                        {{ $errors->first('roles') }}
                    </p>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.user.fields.roles_helper') }}
                </p>
            </div>
 
            <div class="form-group {{ $errors->has('roles') ? 'has-error' : '' }}">
                <label for="roles">Commission en (%)</label>
                <select name="commission" id="commision" class="form-control select2">
                    <option value="0"> Sélectionnez commission si c'est commercial </option> 
                    @foreach($commissions as $c)
                        <option value="{{ $c->id }}">{{ $c->montant }}</option>
                    @endforeach
                </select>
                @if($errors->has('roles'))
                    <p class="help-block">
                        {{ $errors->first('roles') }}
                    </p>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.user.fields.roles_helper') }}
                </p>
            </div>
            
            <div class="form-group {{ $errors->has('roles') ? 'has-error' : '' }}">
                <label for="roles">Objectif </label>
                <select name="objectif" id="objectif" class="form-control select2">
                    <option value="0"> Sélectionnez objectif si c'est commercial </option> 
                        @foreach($objectifs  as $o)
                            <option value="{{ $o->id }}">{{ $o->montant }}</option>
                        @endforeach
                </select>
                @if($errors->has('roles'))
                    <p class="help-block">
                        {{ $errors->first('roles') }}
                    </p>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.user.fields.roles_helper') }}
                </p>
            </div>

            <div class="form-group {{ $errors->has('roles') ? 'has-error' : '' }}">
                <label for="roles">Statut du compte </label>
                <select name="statut" id="statut" class="form-control select2">
                    <option value="0">Bloqué</option>
                    <option value="1" selected>Activé</option>
                </select>
                <p class="helper-block">
         
                </p>
            </div>

            <div>
                <input class="btn btn-danger" type="submit" value="Enregistrer">
            </div>
        </form>
    </div>
</div>
@endsection