@extends('layout')
@section('title','Schema')
@section('content')
<link href="library/bootstrap-5/bootstrap.min.css" rel="stylesheet" />
<script src="library/bootstrap-5/bootstrap.bundle.min.js"></script>
<script src="library/dselect.js"></script>

@if (session('status'))
<div class="alert alert-success">
    {{(session('status'))}}
</div>

@endif
<div class="container">

    <div class="col-12">


        <div class="card card-primary">
            <div class="card-header">
              <h3 class="card-title">Ajouter un Schema</h3>
            </div>
            <!-- /.card-header -->
            <!-- form start -->
            <form action="{{asset('store_schema')}}" method="post">
              @csrf
              <input type="hidden">
              <div class="card-body">
                <div class="row">
                    <div class="form-group col-6">
                        <label for="">Module</label>

                        <select name="module_id" id="module_id" class="form-control select2bs4" required>
                            <option value="">Choisir</option>
                            @foreach ($module as $m)
                                <option value="{{ $m->id }}">{{ $m->libelle }}</option>
                            @endforeach
                        </select>
                      </div>
                </div>
                <div class="row">
                    <div class="form-group col-6">
                        <label for="">Nom Schema</label>
                        <input type="text" class="form-control" name="nom_schema" placeholder="Nom Schema">
                      </div>
                      <div class="form-group col-6">
                        <label for="">Libelle ops</label>
                        <input type="text" class="form-control" name="libelle_ops" placeholder="Libelle ops">
                      </div>
                </div>
                <div class="row">

                    <div class="col-6">
                        1
                        <hr>
                          <div class="form-group">
                            <label for="">Compte RC débit</label>
                            <select name="compte_debit[]" id="compte_debit" onchange="check_nom_compte_debit(this.value,1)" class="form-control select2bs4">
                                <option value="">Choisir</option>
                                @foreach ($plan as $p)
                                    <option value="{{ $p->compte }}">{{ $p->compte }}</option>
                                @endforeach
                            </select>
                          </div>
                          <div class="form-group">
                            <label for="">Nom compte RC débit</label>
                            <input type="text" class="form-control" id="nom_compte_debit1" name="nom_compte_debit[]" @readonly(true) placeholder="Nom compte débit" required>
                          </div>
                          <div class="form-group">
                            <label for="">Devise</label>
                            <input type="text" @readonly(true) class="form-control" id="devise_debit1" name="devise_debit[]"  required>
                          </div>

                          <div id="debit_cotent">

                          </div>
                          <div id="btn_debit_add1">
                            <button type="button" class="btn btn-default" onclick="new_debit_cotent(1)">Ajouter <i class="fas fa-plus-circle text-success"></i></button>
                        </div>
                    </div>
                    <div class="col-6">
                        1
                        <hr>

                          <div class="form-group">
                            <label for="">Compte RC credit</label>
                            <select name="compte_credit[]" id="compte_credit" onchange="check_nom_compte_credit(this.value,1)" class="form-control select2bs4">
                                <option value="">Choisir</option>
                                @foreach ($plan as $p)
                                    <option value="{{ $p->compte }}">{{ $p->compte }}</option>
                                @endforeach
                            </select>
                          </div>
                          <div class="form-group">
                            <label for="">Nom compte RC credit</label>
                            <input type="text" @readonly(true) class="form-control" id="nom_compte_credit1" name="nom_compte_credit[]" placeholder="Nom compte credit" required>
                          </div>
                          <div class="form-group">
                            <label for="">Devise</label>
                            <input type="text" @readonly(true) class="form-control" id="devise_credit1" name="devise_credit[]"  required>
                          </div>

                          <div id="credit_cotent_c">

                          </div>
                          <div id="btn_credit_add1">
                              <button type="button" class="btn btn-default" onclick="new_credit_cotent(1)">Ajouter <i class="fas fa-plus-circle text-success"></i></button>
                          </div>
                    </div>
            </div>









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

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


</div>
</div>
@stop

<script>
    function new_credit_cotent(i){
        var nx=i+1;
        var newRow = $('#credit_cotent_c').append(nx+'<hr><div class="form-group"><label for="">Compte RC credit</label><select name="compte_credit[]" id="compte_credit" onchange="check_nom_compte_credit(this.value,'+nx+')" class="form-control select2bs4"><option value="">Choisir</option>@foreach ($plan as $p)<option value="{{ $p->compte }}">{{ $p->compte }}</option>@endforeach</select></div><div class="form-group"><label for="">Nom compte RC credit</label><input type="text" @readonly(true) class="form-control" id="nom_compte_credit'+nx+'" name="nom_compte_credit[]" placeholder="Nom compte credit"></div><div class="form-group"><label for="">Devise</label><input type="text" @readonly(true) class="form-control" id="devise_credit'+nx+'" name="devise_credit[]"  required></div><div id="btn_credit_add'+nx+'"><button type="button" class="btn btn-default" onclick="new_credit_cotent('+nx+')">Ajouter <i class="fas fa-plus-circle text-success"></i></button></div>');
        document.getElementById('btn_credit_add'+i).innerHTML="";
        document.getElementById('btn_debit_add'+i).innerHTML="";

              $('.select2bs4').select2({
                theme: 'bootstrap4'
              })
      }

      function new_debit_cotent(i){
        var nx=i+1;
        var newRow = $('#debit_cotent').append(nx+'<hr><div class="form-group"><label for="">Compte RC débit</label><select name="compte_debit[]" id="compte_debit" onchange="check_nom_compte_debit(this.value,'+nx+')" class="form-control select2bs4"><option value="">Choisir</option>@foreach ($plan as $p)<option value="{{ $p->compte }}">{{ $p->compte }}</option>@endforeach</select></div><div class="form-group"><label for="">Nom compte RC débit</label><input type="text" class="form-control" id="nom_compte_debit'+nx+'" name="nom_compte_debit[]" @readonly(true) placeholder="Nom compte débit"></div><div class="form-group"><label for="">Devise</label><input type="text" @readonly(true) class="form-control" id="devise_debit'+nx+'" name="devise_debit[]"  required></div><div id="btn_debit_add'+nx+'"><button type="button" class="btn btn-default" onclick="new_debit_cotent('+nx+')">Ajouter <i class="fas fa-plus-circle text-success"></i></button></div>');
        document.getElementById('btn_debit_add'+i).innerHTML="";
        document.getElementById('btn_credit_add'+i).innerHTML="";
         //Initialize Select2 Elements
         $('.select2bs4').select2({
            theme: 'bootstrap4'
          })
      }


</script>


<script>
    function check_nom_compte_credit(c,i) {

            var compte_credit=c;
            $.ajax({

              type:"POST",
              url:"{{ asset('select_compte_nom') }}",
              data:{compte:compte_credit,_token: '{{ csrf_token() }}'},
              success:function(data){
                var data = $.parseJSON(data);

                if(data.type == 'success'){
                    document.getElementById('nom_compte_credit'+i).value=data.libelle;
                    document.getElementById('devise_credit'+i).value=data.devise;
                    $('.select2bs4').select2({
                        theme: 'bootstrap4'
                      })
          }
        }

          })
          }

          function check_nom_compte_debit(c,i) {

            var compte_debit=c;
            $.ajax({

              type:"POST",
              url:"{{ asset('select_compte_nom') }}",
              data:{compte:compte_debit,_token: '{{ csrf_token() }}'},
              success:function(data){
                var data = $.parseJSON(data);

                if(data.type == 'success'){
                    document.getElementById('nom_compte_debit'+i).value=data.libelle;
                    document.getElementById('devise_debit'+i).value=data.devise;
                    $('.select2bs4').select2({
                        theme: 'bootstrap4'
                      })
          }
        }

          })
          }



        </script>