@extends('layouts.front_client') 
@section('title')
	AMDIEX - Espace Client
@endsection
@section('css')
<link href="/assets/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css"/>
@endsection
@section('content')
	<div class="panel panel-green margin-bottom-40">
        <div class="panel-heading">
            <h3 class="panel-title"><i class="fa fa-tasks"></i> Nouvelle personne</h3>
        </div>
        <div class="panel-body">
            <form class="form-horizontal" role="form" method="post" action="{{route('addPerson')}}" enctype="multipart/form-data">
                @csrf
                <div class="form-group">
                    <label for="f" class="col-lg-2 control-label required-label">Fonction</label>
                    <div class="col-lg-10">
                        <select class="form-control" id="function" name="function_id" required> 
                            <option value="">Choisir</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="nom" class="col-lg-2 control-label required-label">Nom</label>
                    <div class="col-lg-10">
                        <input type="text" class="form-control" id="nom" name="nom" placeholder="Nom" required value="">
                    </div>
                </div>
                <div class="form-group">
                    <label for="prenom" class="col-lg-2 control-label required-label">Prénom</label>
                    <div class="col-lg-10">
                        <input type="text" class="form-control" name="prenom" id="prenom" placeholder="Prénom" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="personal_image_url" class="col-lg-2 control-label">Photo</label>
                    <div class="col-lg-10">
                        <input type="file" class="form-control" name="personal_image_url" id="personal_image_url" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="mail" class="col-lg-2 control-label">Email</label>
                    <div class="col-lg-10">
                        <input type="text" class="form-control" name="mail" id="mail" placeholder="Email">
                    </div>
                </div>
                <div class="form-group">
                    <label for="gsm" class="col-lg-2 control-label">GSM</label>
                    <div class="col-lg-10">
                        <input type="text" class="form-control" name="gsm" id="gsm" placeholder="GSM">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-lg-offset-2 col-lg-10">
                        <button type="submit" class="btn-u btn-u-green pull-right">Enregistrer</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection
@section('js')
<script src="/assets/plugins/select2/js/select2.min.js"></script>
<script type="text/javascript">
    $( document ).ready(function() {
        $("#function").select2({
            minimumInputLength: 3,
            ajax: {
                url: "{{ route('admin.data.functions.ajax') }}",
                dataType: 'json',
                type: "POST",
                data: function (params) {
                    return {
                        q: $.trim(params.term)
                    };
                },
                processResults: function (data) {
                    return {
                        results: data
                    };
                },
                cache: true
            }
        });
    });
</script>
@endsection