@extends('settings.master')
@section('title')
    <h1>Maak nieuwe gebruiker</h1>
@stop

@section('content1')
    <div class="col-lg-12">
        <div class="panel-body">
            <form class="form-horizontal" role="form" method="POST" action="{{ '/instellingen/users' }}">
                @csrf

                <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                    <label for="name" class="col-md-4 control-label">Naam</label>

                    <div class="col-md-6">
                        <input id="name" type="text" class="form-control" name="name" value="{{ old('name') }}" required
                               autofocus>

                        @if ($errors->has('name'))
                            <span class="help-block">
                                        <strong>{{ $errors->first('name') }}</strong>
                                    </span>
                        @endif
                    </div>
                </div>
                <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                    <label for="email" class="col-md-4 control-label">Email</label>

                    <div class="col-md-6">
                        <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}"
                               required>

                        @if ($errors->has('email'))
                            <span class="help-block">
                                <strong>{{ $errors->first('email') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>

                <br>

                <div class="form-group">
                    <label for="contract" class="col-md-4 control-label">Contracturen per week</label>

                    <div class="col-md-6">
                        <input id="contract" type="text" class="form-control" name="contract" value="{{ old('contract') }}" required>
                    </div>
                </div>
                <br>
                <div class="form-group">
                    <label for="factTarget" class="col-md-4 control-label">Doelpercentage facturabelheid</label>

                    <div class="col-md-6">
                        <input id="factTarget" type="text" class="form-control" name="factTarget" value="{{ old('factTarget') }}" required>
                    </div>
                </div>
                <br>
                <div class="form-group">
                    <label for="prodTarget" class="col-md-4 control-label">Doelpercentage productiviteit</label>

                    <div class="col-md-6">
                        <input id="prodTarget" type="text" class="form-control" name="prodTarget" value="{{ old('prodTarget') }}" required>
                    </div>
                </div>
                <br>
                <div class="form-group{{ $errors->has('role') ? ' has-error' : '' }}">
                    <label for="role" class="col-md-4 control-label">Selecteer rol</label>

                    <div class="col-md-6">
                        <select class="selectpicker form-control" name="role" title="Niets geselecteerd">
                            @foreach($roles as $role)
                                <option value="{{$role->id}}">{{$role->label}}</option>
                            @endforeach
                        </select>

                        @if ($errors->has('role'))
                            <span class="help-block">
                                <strong>{{ $errors->first('role') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>
                <hr>
                <div class="form-group">
                    <div class="col-md-6 col-md-offset-4">
                        <button type="submit" class="btn btn-primary">
                            Maak gebruiker
                        </button>
                        <a class="btn btn-default" href="{{ URL::previous() }}">Annuleren</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
@stop