@extends('layout')
@section('title','ÉPARGNE')
@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">ÉPARGNE</h3>
        </div>
        <!-- /.card-header -->
        <!-- form start -->
        <form action="{{asset('store_epargne_admin')}}" method="post">
          @csrf
          <input type="hidden">
          <div class="card-body">

            <div class="row">
              <div class="col-12">
                <div class="form-group">
                    <label>Agence du compte origine</label>
                    <select name="agence1"  class="form-control select2bs4" id="agence1" onchange="check_agence1()">
                        <option value="">Choisissez une agence...</option>
                        @foreach ($agences as $ag)

                        <option value="{{$ag->code_agence}}">{{$ag->libelle_agence}} Code: {{$ag->code_agence}}
                        </option>
                        @endforeach

                    </select>
                </div>
                <div class="form-group">
                    <label>Compte origine</label>
                    <select name="compte_id" id="compte_id"  class="form-control select2bs4">
                        <option value="">Veuillez choisir l'agence.</option>
                    </select>
                </div>
                <input type="hidden" value="" name="code_agence1" id="code_agence1">
                <br>
              <div id="client_info">

              </div>


              <div class="form-group">
                <label for="exampleInputEmail1">Type d'epargne</label>
                <select name="type_epargne_id" class="form-select" id="select_box" type="text" required
                        data-parsley-trigger="keyup">
                        <option value="">Choisissez le type...</option>
                        @foreach ($type_epargne as $a)


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

                    </select>
              </div>
              <div class="form-group">
                <label for="">Montant </label>
                <input type="number" class="form-control"  id="principal" name="montant" required>
              </div>
              <div class="form-group">
                <label for="">Taux d'intérêt %</label>
                <input type="number" class="form-control" min="0" step="0.1" value="{{$taux_epargne->taux}}" id="interest" name="taux" placeholder="%" required>
              </div>

              <div class="form-group">
                <label for="">Date demande</label>
                <input type="date" class="form-control" name="date">
              </div>
              </div>
              <div class="form-group">
                <label for="exampleInputEmail1">Durée d'épargne</label>
                <select name="duree" id="duree" 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>
          <!-- /.card-body -->

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


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

@stop

<script>

    function check_agence1() {
 $('#loading').show();
 var agence1=document.getElementById("agence1").value;
 $.ajax({
       type:"POST",
       url:"{{ asset('check_agence') }}",
       data:{_token: '{{ csrf_token() }}',agence:agence1},
       success:function(data){
           var data = $.parseJSON(data);
           if(data.type == 'success'){
               document.getElementById("compte_id").innerHTML=data.message;
               document.getElementById("code_agence1").value=data.code_agence;
               $('#loading').hide();
     }
     else{
         $('#loading').hide();
         alert(data.message)
         document.getElementById("sub_btn").disabled=true;

     }
   }
 }
 );
}
</script>