@extends('layout.base', ['title' => 'Assurance - Ayant Droit'])
@section('content')
        <div id="page-wrapper" >
            <div id="page-inner">
                       <div class="row">
                    <div class="col-md-12">
        <h2 style="color: blue;font-weight: bold;text-align: center;">Nouveau Ayant Droit</h2>
        </div>
                </div>
                 <!-- /. ROW  -->
                 <hr />
               <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default">
                      <div class="panel-heading">
                             Ajout d'un Ayant Droit
                             <a href="{{ route('Affiliers.index') }}" style="text-decoration: none;color: white">
                             <div class="btn btn-info pull-right"  style="margin-top: -5px">
                            <i class="fa fa-book"></i> Liste des Ayant Droit
                            </a>
                        </div>
                        <div class="panel-body">
                          <form role="form" method="POST" action="{{ route('AyantsDroit.store')}}">
                            {{ csrf_field() }}
                           <div class="row">
                              <div class="col-md-6">
                                <div class="form-group">
                                    <label>Nom</label>
                                    <input class="form-control" placeholder="Nom" name="Nom" value="{{ old('Nom') }}"/>

                                    {!! $errors->first('Nom', '<span class="error">:message</span>') !!}
                                </div>

                                <div class="form-group">
                                    <label>Affilier</label>
                                    <input type="text" name="prodReas" id="prodReas"  class="form-control" style="" oninput="research(this)">
                                    <select class="form-control" name="Affilier" id="Produit">
                                        <option>-- Selectionner l'Affilier --</option>
                                    </select>
                                    {!! $errors->first('Affilier', '<span class="error">:message</span>') !!}
                                </div>
                              </div>
                            <div class="col-md-6">
                              <div class="form-group">
                                <label>Prenom</label>
                                <input class="form-control" placeholder="Prenom" name="Prenom" value="{{ old('Prenom') }}" />

                                {!! $errors->first('Prenom', '<span class="error">:message</span>') !!}
                              </div>

                               <div class="form-group">
                                <label>Lien</label>
                                 <select class="form-control" name="Lien">
                                    <option onclick="AutreLienFermer()"></option>
                                    <option onclick="AutreLienFermer()" value="Epoux">Epoux</option>
                                    <option onclick="AutreLienFermer()" value="Epouse">Epouse</option>
                                    <option onclick="AutreLienFermer()" value="Fils (Fille)">Fils (Fille)</option>
                                    <option onclick="AutreLien()">Autres</option>
                                 </select>

                                {!! $errors->first('Lien', '<span class="error">:message</span>') !!}
                              </div>

                              <div class="form-group" style="display: none;" id="Autres">
                                <input class="form-control" placeholder="Autres Lien" name="LienA" value="{{ old('LienA') }}" />

                                {!! $errors->first('LienA', '<span class="error">:message</span>') !!}
                              </div>
                            </div>    
                            
                            <div class="col-md-12">
                              <button type="submit" class="btn btn-primary">Enregistrer</button>
                             <button type="reset" class="btn btn-default">Annuler</button>
                            </div>
                        </form>
                                    <br />                    
                        </div>
                </div>
            </div>
    </div>
             <!-- /. PAGE INNER  -->
            </div>
         <!-- /. PAGE WRAPPER  -->
@endsection 

<script type="text/javascript">
  function AutreLien()
  {
    document.getElementById("Autres").style.display = 'flex';
    //document.getElementById("FormAjoutClient").style.display = 'none';
  }

  function AutreLienFermer()
  {
    document.getElementById("Autres").style.display = 'none';
  }

    function research(va){
     var affilie= $(va).val();
     // var id_categorie= $("#Categorie").val();
      $.get('{{ route('researchAffilierCotisation') }}',
          {affilie:affilie},
          function(data){
            $("#prodReas").css('display','block');
            $('#Produit').html(data);
          });
   }
</script>