@extends('layouts.dash')
@section('title') Indus @stop

@section('content')
    @if ($errors)
        @foreach ($errors->all() as $error)
            <div class='bg-danger alert'>{!! $error !!}</div>
        @endforeach
    @endif
    <div class="card card-success">
        <div class="card-header">
            <h2>Nouvel Indus</h2>
        </div>
        <div class='card-body'>
            {{ html()->form('POST', url('indus_prepare'))->open() }}
                <input type="hidden" id="id_allocataire" name="id_allocataire" value="" />
                <div class='form-group row'>
                    <div class="col-md-12">
                        {!! html()->text('nom', null)->placeholder('Rechercher...')
                        ->attributes(['id'=>'nom_find', 'class' => 'form-control text-uppercase']) !!}
                    </div>
                </div>

                {!! html()->button('Continuer')->type('submit')->attributes(['class' => 'btn btn-primary']) !!}
                <a class="btn btn-warning"  href="{!! url('indus') !!}">Annuler</a> 
            {{ html()->form()->close() }}
        </div>
    </div>
</div>
@stop

@section('scripts0')
    <script type="text/javascript">
        //Saisie conjoint
        $("#nom_find").autocomplete({
            source: "{!! url('auto_famille_membre') !!}",
            minLength: 2,
            autofocus:true,
            select: function(event, ui) {
                var id=ui.item.id;
                var idPAD=id.toString().padStart(5,"0");
                $('#id_allocataire').val(id);
            },
            change: function( event, ui ) {
            }
        });
    </script>

@stop