@extends('manager.layouts.admin', ['title' => __('Create Entry')])
@section('content')  
<!-- Main content -->
 <!-- PAGE-HEADER -->
<div class="page-header">
    <h1 class="page-title">Create Entry</h1>
    <div>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">Create Entry</li>
        </ol>
    </div>
</div>
<!-- PAGE-HEADER END -->

                @if(count($errors) > 0)
                    <div class="alert alert-danger message">
                      <ul>
                        @foreach($errors->all() as $error)
                        <li>{{$error}}</li>
                        @endforeach
                      </ul>
                    </div>
                @endif
                @if(\Session::has('success'))
                    <div class="alert alert-success message" id="alertMessage">
                      <p>{{\Session::get('success')}}</p>
                    </div>
                @endif
                 <div class="col-md-12" style="float: left;width: 100%;display: flex;" id="boxMsg">
                 @if(session()->has('error'))
                    <span class="alert alert-danger message">
                        <strong>{{ session()->get('error') }}</strong>
                    </span>
                @endif

                </div>
                @if(\Session::has('Delete'))
                    <div class="alert alert-danger message" id="alertMessage">
                      <p>{{\Session::get('Delete')}}</p>
                    </div>
                @endif
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xl-12">
                <!-- /.box-header -->
                   <!-- form start -->
                   <form action="{{ route('manager.storeEntry') }}" method="post" enctype="multipart/form-data" >
                    @csrf
                      <div class="box-body">
                       
                        <div class="col-md-6" style="float: left;">
                            <div class="form-group">
                                <label for="partyName">Party Name*</label>
                                <input type="text"  name="partyName" class="form-control" >
                            </div>
                        </div>
                         <div class="col-md-6" style="float: left;">
                            <div class="form-group">
                                <label for="login">Login*</label>
                                <input type="text"  name="login" class="form-control">
                            </div>
                        </div>

                   
                    <div class="col-md-12" style="float: left;padding: 0;">
                            <div style="text-align: center;margin-bottom: 15px;margin-top: 10px;"><h4 style="text-decoration: underline;text-decoration-color: yellow;">Ratio Details</h4></div>
                             <div class="col-md-6" style="float: left;">
                               
                            </div>
                          <!--   <div class="col-md-6" style="float: left;">
                                <div class="form-group">
                                    <label for="upline_name">Upline Name*</label>
                                    <input type="text"  name="upline_name" class="form-control" >
                                </div>
                            </div> -->
                            <div class="col-md-6" style="float: left;">
                                <div class="form-group">
                                    <label for="upline_ratio">Upline Ratio*</label>
                                    <input type="text" id="upline_ratio"  name="upline_ratio" class="form-control" onKeyPress="return isNumberKey(event);">
                                </div>
                            </div>
                            <div class="col-md-6" style="float: left;">
                                <div class="form-group">
                                    <label for="partyName">Partner Name ( Mediator Name )</label>
                                    <input type="text"  name="partnerName" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6" style="float: left;">
                                <div class="form-group">
                                    <label for="partyRatio">Partner Ratio ( Mediator Ratio )</label>
                                    <input type="text" id="partnerRatio" name="partnerRatio" class="form-control" onkeypress="return isNumberKey(event)">
                                </div>
                            </div>
                            <div class="col-md-6" style="float: left;">
                               
                            </div>
                             <div class="col-md-6" style="float: left;">
                                <div class="form-group">
                                    <label for="ratio">Billing Ratio*</label>
                                    <input type="text" id="billing_ratio"  name="upfrontRatio" class="form-control" onkeypress="return isNumberKey(event)">
                                </div>
                            </div>
                            <div class="col-md-6" style="float: left;">
                            </div>
                            <div class="col-md-6" style="float: left;">
                                <div class="form-group">
                                    <label for="ratio">Your Ratio* ( Your net LD% )</label>
                                    <input type="text" id="your_ratio"  name="ratio" class="form-control" onkeypress="return isNumberKey(event)">
                                    
                                    <div id="your_ratio_error" style="color: red;"> </div>
                                    <p id="error" style="color:red;"></p>
                                </div>
                            </div>
                            
                      
                      </div>
                         
                         <div class="col-md-6" style="float: left;">
                            <div class="form-group">
                                <label for="currencyDepositRate">Comex Deposit Rate</label>
                                <input type="number"  name="currencyDepositRate" class="form-control" onkeypress="return isNumberKey(event)">
                            </div>
                        </div>

                         <div class="col-md-6" style="float: left;">
                            <div class="form-group">
                                <label for="currencyWithdrawRate">Comex Withdraw Rate</label>
                                <input type="number"  name="currencyWithdrawRate" class="form-control" onkeypress="return isNumberKey(event)">
                            </div>
                        </div>
                        <div class="col-md-6" style="float: left;">
                        </div>
                         

                        <!--  <div class="col-md-6" style="float: left;">
                            <div class="form-group">
                                <label for="whatsappNumber">Whatsapp Number</label>
                                <input type="text"  name="whatsappNumber" class="form-control" onkeypress="return isNumberKey(event)">
                            </div>
                        </div> -->
                         <div class="col-md-6" style="float: left;">
                            <div class="form-group">
                                <label for="ld">Show Net Quantity Result</label>
                                <select class="form-control select2 form-select select2-hidden-accessible" tabindex="-1" aria-hidden="true" name="showNetQty">
                                  <option value="">Select Yes/No</option>
                                  <option value="Yes" selected>Yes</option>
                                  <option value="No">No</option>
                                </select>
                            </div>
                        </div>

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

                      <div class="box-footer">
                         <div class="col-md-12" style="margin-bottom: 15px;float: left;">  
                            <button type="submit" class="btn btn-primary">Save</button>
                           
                        </div>
                      </div>
                   </form>
               </div>
           </div>
           <style type="text/css">
               span.select2.select2-container.select2-container--default.select2-container--above.select2-container--focus,.select2-container {
                    width: 100%!important;
                }
           </style>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">

   $(document).ready(function() {
     var $upline_ratio = $('#upline_ratio');
     var $partnerRatio = $('#partnerRatio');
     var $billing_ratio = $('#billing_ratio');
     var $your_ratio = $('#your_ratio');

      function calcVal() {
        
            var num1 = $upline_ratio.val();
            var num2 = $partnerRatio.val();
            var num3 = $billing_ratio.val();

            var result = parseInt(num1, 10) + parseInt(num2, 10);
            var your_ratio  = parseInt(num3, 10) - parseInt(num1, 10) - num2
            //var final = result + billing_ratio;
            //console.log("calcVal ", num1,num2, billing_ratio);
            if (!isNaN(your_ratio)) {
                $your_ratio.val(your_ratio);
                if (your_ratio < 0) {
                   // $your_ratio_error.val('your ratio can be negative');
                   // $('#your_ratio_error').append('your ratio can be negative');
                     document.getElementById("error").innerHTML="your ratio can be negative";
                }else{
                    document.getElementById("error").innerHTML="";
                }

            }

           

        }


     calcVal();
      $upline_ratio.on("keydown keyup", function() {
        calcVal();
      });
      $partnerRatio.on("keydown keyup", function() {
        calcVal();
      });
      $billing_ratio.on("keydown keyup", function() {
        calcVal();
      });

    // var upline_ratio = $('#upline_ratio').val();
    // alert(upline_ratio);
    // var partnerRatio = $('#partnerRatio').val();
    // var billing_ratio = $('#billing_ratio').val();
    // var your_ratio = $('#your_ratio').val();
      // $("#upline_ratio").keyup(function() {
      //   alert($(this).val());
      // });
      //  $("#partnerRatio").keyup(function() {
      //   alert($(this).val());
      // });
      //  $("#billing_ratio").keyup(function() {
      //   alert($(this).val());
      // });
      //  $("#your_ratio").keyup(function() {
      //   alert($(this).val());
      // });
  })

   $(".message").delay(3200).fadeOut(300);
</script>
@endsection