@extends('layout.base', ['title' => 'Assurance - Nouvelle Cotisation'])
@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;">Nouvelle Cotisation</h2>
        </div>
                </div>
                 <!-- /. ROW  -->
                 <hr />
               <div class="row">
                <div class="col-md-12">
                    <!-- Form Elements -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                             Ajout d'une Cotisation
                             <a href="{{ route('Cotisations.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 Cotisations
                            </a>
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <form role="form" method="POST" action="{{ route('Cotisations.store')}}">
                                     {{ csrf_field() }}
       
            <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 class="form-group">
         <label>Mois *</label>
           <input type="number" min="1" max="12" class="form-control" name="Mois" placeholder="Indiquez le mois de la Cotisation" value="{{ old('Mois') }}" />
          {!! $errors->first('Mois', '<span class="error">:message</span>') !!}
        </div>

        <div class="form-group">
         <label>Annee *</label>
           <input type="number" min="2000" class="form-control" name="Annee" placeholder="Indiquez l'Annee de la Cotisation" value="{{ old('Annee') }}" />
          {!! $errors->first('Annee', '<span class="error">:message</span>') !!}
        </div>

        <div class="form-group">
          <label>Montant *</label>
           <input type="number" min="1" class="form-control" name="Montant" placeholder="Indiquez le Montant de la Cotisation" value="{{ old('Montant') }}" />
           {!! $errors->first('Montant', '<span class="error">:message</span>') !!}
        </div>

                                        
              <label></label><br>
              <button type="submit" class="btn btn-primary">Enregistrer</button>
               <button type="reset" class="btn btn-default">Annuler</button>

        </form>
                                    <br />                    
    </div>
                            </div>
                        </div>
                    </div>
                     <!-- End Form Elements -->
                </div>
            </div>
    </div>
             <!-- /. PAGE INNER  -->
            </div>
         <!-- /. PAGE WRAPPER  -->
@endsection 

<script type="text/javascript">
    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>