@extends('layoutclient')
@section('title','Demande de Prêt')
@section('content')

<div class="container" style="padding: 10px;    ">
<section class="content">
    <div class="col-12">


    <div class="card card-primary">
        <div class="card-header">
          <h3 class="card-title">Demande de Prêt</h3>
        </div>
        <!-- /.card-header -->
        <!-- form start -->
        <form action="{{asset('store_pret')}}" id="spin_form" method="post">
          @csrf
          <input type="hidden">
          <div class="card-body">

            <div class="row">
              <div class="col-12">
                <div class="form-group">
                    <label>Compte</label>
                    <select name="compte_id" class="form-select" type="text" required class="form-control">
                        <option value="{{Auth::user()->num_compte}}">{{Auth::user()->num_compte}} ({{Auth::user()->nom}})
                        </option>

                    </select>
                </div>

              <div class="form-group">
                <label for="exampleInputEmail1">Type de Prêts</label>
                <select name="typs_pret_id" class="form-select" id="select_box" type="text" required
                        data-parsley-trigger="keyup">
                        <option value="">Choisissez le type...</option>
                        @foreach ($typs_pret as $a)


                        <option value="{{$a->id}}">{{$a->type}}
                        </option>
                        @endforeach

                    </select>
              </div>
              <div class="form-group">
                <label for="">Nature du projet</label>
                <input type="text" class="form-control" min="0" id="nature_projet" name="description" required>
              </div>
              <div class="form-group">
                <label for="">Montant souhaité <span class="alert alert-info" style="padding: 1px">(Plafond du montant crédit est :{{$plafond->montant_max}} FCFA)</span> </label>
                <input type="number" class="form-control" placeholder="Montant" onkeyup="auto_mens()" max="{{$plafond->montant_max}}" min="{{$plafond->montant_min}}" id="principal" name="montant_pret" required>
              </div>
              <div class="form-group">
                <label for="">Durée du remboursement</label>
                <input type="number" class="form-control" onkeyup="auto_mens()" value="12" min="0" id="terms" name="duree" placeholder="Nombre de mois" required>
              </div>
              <div class="form-group">
                <label for="">Taux d'intérêt %</label>
                <input type="number" class="form-control" min="0" readonly value="{{$taux_credit->taux}}" onkeyup="auto_mens()" id="interest" name="taux" placeholder="%" value="0" required>
              </div>
              <div class="form-group">
                <label for="">Montant mensualité maximum</label>
                <input type="number" readonly class="form-control" min="0" id="montant_mensualite_max" name="mmensuel" required>
              </div>
              <div id="total_amount">

              </div>


              <div class="form-group">
                <label for="exampleInputEmail1">La modalité de remboursement</label>
                <select name="modalite_remboursement" id="modalite_remboursement" class="form-control select2bs4" required>
                  <option value="Mensuel">Mensuel</option>
                  <option value="Trimestriel">Trimestriel</option>
                  <option value="Semestriel">Semestriel</option>
                  <option value="Annuel">Annuel</option>

                </select>
              </div>


              </div>

          </div>
        </div>
          <!-- /.card-body -->

          <div class="card-footer">
            <button type="submit" class="btn btn-primary">Enregistrer</button>
          </div>
        </form>

        <div style="padding:20px">

          <script language="JavaScript" type="text/javascript"
          src="{{asset('js/amort.js')}}"></script>
        <h2>Simuler le tableau d'amortissement des prêts</h2>
        <hr>
        <form>
          <fieldset>
            <input type="button"  class="btn btn-primary" value="Calculer et afficher tableau d'amortissement" onclick="getValues()" />
          </fieldset>
        </form>
        <form>
          <fieldset>
          <legend>Résultat</legend>
            <div id="Result"></div>
          </fieldset>
        </form>
        <script language="javascript">

        var wwOpenInstalled;
        if (wwOpenInstalled || parent.wwOpenInstalled) {
          if (window.Event) {
            document.captureEvents (Event.MOUSEUP);
          }
          document.onmouseup = (parent.wwOpenInstalled) ? parent.wwOnMouseUp : wwOnMouseUp;
        }
        //--></script>

        </div>
      </div>
    </div>
</section>
</div>

@stop


<script>
function auto_mens(){
 var montant=parseInt(document.getElementById('principal').value);
 var duree_remboursement=parseInt(document.getElementById('terms').value);
 var taux_interet=parseInt(document.getElementById('interest').value);
 var interet=(montant*taux_interet)/100;

 var monthlyRate = taux_interet/100/12;

	//Calculate the payment
    var payment = montant * (monthlyRate/(1-Math.pow(
        1+monthlyRate, -duree_remboursement)));
  var total = payment;
 //garantie_cotent.innerHTML='';
 document.getElementById('montant_mensualite_max').value=total.toFixed(0);
 document.getElementById('total_amount').innerHTML='<div class="alert bg-gradient-cyan">Total remboursement : '+(total*duree_remboursement).toFixed(0)+' FCFA<input type="hidden" name="mtotale" value="'+(total*duree_remboursement).toFixed(0)+'"></div>';

}


</script>