@extends('layouts.app')
@section('title', __('Bhavya Points'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>@lang('Bhavya Points ')</h1>
  <!-- <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
    </ol> -->
</section>

<!-- Main content -->
<section class="content">


  @component('components.widget', ['class' => 'box-primary'])
  <div class="row">
    <form id="bhvpoints" enctype="multipart/form-data">
      @csrf
      <div class="clearfix"></div>
      <div class="col-sm-4 ">
        <div class="form-group">
          <label for="point_type">Point Type:</label>
          <select class="form-control" name="point_type" required>
            @if($data->point_type == "Amount")
            <option value="amount" selected>Amount</option>
            <option value="percentage">Percentage</option>
            @else
            <option value="percentage" selected>Percentage</option>
            <option value="amount">Amount</option>
            @endif
          </select>
        </div>
      </div>

      <div class="col-sm-4">
        <div class="form-group">
          <label for="point_value">Point Value:</label>
          <input class="form-control" name="point_value" placeholder="Point Value" type="text" value="{{$data->point_value}}" required>
        </div>
      </div>

      <div class="col-sm-4">
        <div class="form-group">
          <label for="point_value">Prime Member Additional Discount(%):</label>
          <input class="form-control" name="addition_prime_member_discount" placeholder="Addition Prime Member Discount" type="text" value="{{$data->addition_prime_member_discount}}" required>
        </div>
      </div>

      <div class="text-center">
        <h3 class="text-primary" style="border-bottom:2px solid blue;">&nbsp; </h3>
      </div>



      <div class="col-sm-4">
        <div class="form-group">
          <label for="prime_yearly_subscription">Prime Member Yearly Subscription (%):</label>
          <input class="form-control" name="prime_yearly_subscription" value="{{$data->prime_yearly_subscription}}" placeholder="prime_yearly_subscription" type="text" required>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <label for="bhavya_point_return">Bhavya Coin Return:</label>
          <input class="form-control" name="bhavya_point_return" value="{{$data->bhavya_point_return}}" placeholder="Bhavya Coin Return" type="text">
        </div>
      </div>


      <div class="col-sm-4">
        <div class="form-group">
          <label for="use_of_bill_amt">Use of Bill Amt(%):</label>
          <input class="form-control" name="use_of_bill_amt" value="{{$data->use_of_bill_amt}}" placeholder="Use of Bill Amt(%)" type="text" required>
        </div>
      </div>

      <div class="clearfix"></div>
      <!-- <div class="text-center">
        <h3 class="text-primary" style="border-bottom:2px solid blue;">Particulars</h3>
        </div> -->

      <div class="row form-group">

        <div class="col-sm-4">
          <div class="form-group">
            <label for="share" clas="form-control"><u>Particulars:</u></label><br />
            <!-- <label for="share" clas="form-control" style="margin-top:7px;"><b>Membership Subscription Charges :</b></label> -->
            <input class="form-control" name="particular_1" placeholder="Membership Subscription Charges" type="text" value="{{$data->particular_1}}" required>

            <!-- <label for="share" clas="form-control" style="margin-top:13px;"><b>Yearly Maintenance Charges:</b></label> -->
            <input class="form-control" name="particular_2" style="margin-top:7px;" placeholder="Yearly Maintenance Charges" value="{{$data->particular_2}}" type="text" value="" required>

            <label for="share" clas="form-control" style="margin-top:14px;margin-left:300px;"><b>Total:</b></label>
          </div>
        </div>


        <div class="col-sm-2">
          <div class="form-group">
            <label for="share" clas="form-control"><u>Rate :</u></label>
            <input class="form-control" name="rate_1" placeholder="INR" type="text" value="{{$data->rate_1}}" id="rate_1" onchange='total_1_change();' required>
            <input class="form-control" style="margin-top:7px;" name="rate_2" placeholder="INR" type="text" id="rate_2" onchange='total_1_change();' value="{{$data->rate_2}}" required>
            <input class="form-control" style="margin-top:7px;" placeholder="Total Rate" name="total_rate" id="total_rate" value="{{$data->total_rate}}" type="text" readonly="readonly">
          </div>
        </div>

        <div class="col-sm-2">
          <div class="form-group">
            <label for="share" clas="form-control"><u>BV Point Value :</u></label>
            <input class="form-control" name="rate_1" placeholder="INR" type="text" value="{{$data->rate_1}}" id="rate_bv_1" onchange='total_bv1_change();' required>
            <input class="form-control" style="margin-top:7px;" name="rate_2" placeholder="INR" type="text" id="rate_bv_2" onchange='total_bv1_change();' value="{{$data->rate_2}}" required>
            <input class="form-control" style="margin-top:7px;" placeholder="Total Rate" id="bv_point_total" name="total_rate" id="total_rate" value="{{$data->total_rate}}" type="text" readonly="readonly">
          </div>
        </div>

        <div class="col-sm-2">
          <div class="form-group">
            <label for="share" clas="form-control"><u>GST (%) :</u></label>
            <input class="form-control" name="gst_1" placeholder="INR" type="text" value="{{$data->gst_1}}" onchange='total_1_change();' id="gst_1" required>
            <input class="form-control" style="margin-top:7px;" name="gst_2" placeholder="INR" type="text" id="gst_2" onchange='total_1_change();' value="{{$data->gst_2}}" required>
          </div>
        </div>


        <div class="col-sm-2">
          <div class="form-group">
            <label for="share" clas="form-control"><u>Total (₹):</u></label>
            <input class="form-control" name="total_1" placeholder="INR" type="text" value="{{$data->total_1}}" name="total_1" id="total_1" readonly="readonly">
            <input class="form-control" style="margin-top:7px;" name="total_2" placeholder="INR" type="text" value="{{$data->total_2}}" id="total_2" readonly="readonly">
            <input class="form-control" style="margin-top:7px;" placeholder="Total" type="text" name="total_sum" id="total_sum" value="{{$data->total_sum}}" readonly="readonly">

          </div>
        </div>
      </div>
      <div class="clearfix"></div>
      <div class="text-center">
        <h3 class="text-primary" style="border-bottom:2px solid blue;">Others</h3>
      </div>

      <div class="row">
        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="share">Share (₹):</label>
            <input class="form-control" name="share" placeholder="INR" type="text" value="{{$data->share}}" required>
          </div>
        </div>



        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="direct">Direct (%):</label>
            <input class="form-control" name="direct" placeholder="INR" type="text" value="{{$data->direct}}" required>
          </div>
        </div>

        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="pair">Pair (%):</label>

            <input class="form-control" name="pair" placeholder="INR" type="text" value="{{$data->pair}}" required>
          </div>
        </div>

        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="share">Max Sharing:</label>


            <input class="form-control" name="max_share" placeholder="INR" type="text" value="{{$data->max_share}}" required>
          </div>
        </div>

        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="share">Shared by :</label>
            <br />
            @php

            if(!empty($data->shared_by)){
            if($data->shared_by=="Prime Member"){
            $prime_check = "checked" ;
            $shared_by ='';
            }elseif($data->shared_by=="Customer"){
            $prime_check = "" ;
            $shared_by ='checked';
            }
            else{
            $prime_check = 'checked' ;
            $shared_by ='checked';
            }

            }else{
            $prime_check = '' ;
            $shared_by ='';
            }

            @endphp
            <input type="checkbox" name="shared_by_prime" value="Prime Member" {{$prime_check}}> Prime Member
            &nbsp;&nbsp; <input type="checkbox" name="shared_by_customer" {{$shared_by}} value="Customer"> Customer

          </div>
        </div>

        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="share">Closing:</label>
            <select class="form-control" name="closing" id="closing_v" onchange="displaytext()">
              <option value="">--Select--</option>
              <option value="daily" {{$data->closing=="daily" ? 'selected' : ''}}>Daily</option>
              <option value="Weekly" {{$data->closing=="Weekly" ? 'selected' : ''}}>Weekly</option>
              <option value="Fort Nightly" {{$data->closing=="Fort Nightly" ? 'selected' : ''}}>Fort Nightly</option>
              <option value="Monthly" {{$data->closing=="Monthly" ? 'selected' : ''}}>Monthly</option>
              <option value="Quarterly" {{$data->closing=="Quarterly" ? 'selected' : ''}}>Quarterly</option>
              <option value="Half Yearly" {{$data->closing=="Half Yearly" ? 'selected' : ''}}>Half Yearly</option>
              <option value="Yearly" {{$data->closing=="Yearly" ? 'selected' : ''}}>Yearly</option>
              <option value="Periodically" {{$data->closing=="Periodically" ? 'selected' : ''}}>Periodically</option>

            </select>
          </div>
        </div>

        @if($data->closing=="Periodically")
        <div class="col-sm-4 " id="periodically" style="display:block">
          <div class="form-group">
            <label for="point_value">Days:</label>
            <input class="form-control" name="periodically_days" placeholder="Number of days" type="text" value="{{$data->periodically}}" required>
          </div>
        </div>
        @else
        <div class="col-sm-4 " id="periodically" style="display:none">
          <div class="form-group">
            <label for="point_value">Days:</label>
            <input class="form-control" name="periodically_days" placeholder="Number of days" type="text" value="{{$data->periodically}}" required>
          </div>
        </div>
        @endif

        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="share">Pair Capping (₹):</label>
            <input class="form-control" name="par_capping" placeholder="INR" type="text" value="{{$data->par_capping}}" required>
          </div>
        </div>

        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="share">Repurchase Capping (%):</label>
            <input class="form-control" name="repurchase_capping" placeholder="INR" type="text" value="{{$data->repurchase_capping}}" required>
          </div>
        </div>
        <div class="text-center">
          <h3 class="text-primary" style="border-bottom:2px solid blue;">Minimum INR Limits</h3>
        </div>
        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="share">Recharge (₹):</label>
            <input class="form-control" name="recharge" placeholder="INR" type="text" value="{{$data->recharge}}" required>
          </div>
        </div>

        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="share">Transfer (₹):</label>
            <input class="form-control" name="transfer" placeholder="INR" type="text" value="{{$data->transfer}}" required>
          </div>
        </div>

        <div class="col-sm-4 ">
          <div class="form-group">
            <label for="share">Withdrawal (₹):</label>
            <input class="form-control" name="withdrawal" placeholder="INR" type="text" value="{{$data->withdrawal}}" required>
          </div>
        </div>
        <div class="text-center">
          <h3 class="text-primary" style="border-bottom:2px solid blue;">TDS Applicable For</h3>
        </div>


        <div class="col-sm-3">
          <div class="form-group">
            <label for="share">TDS Deduction (%):</label>
            <input class="form-control" name="tds" placeholder="INR" type="text" value="{{$data->tds}}" required>
          </div>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <label for="share">TDS Amount Recieved After :</label>
            <input class="form-control" name="tds_amt_recieved_after" placeholder="INR" type="text" value="{{$data->tds_amt_recieved_after}}" required>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <label for="share">Deduction Name :</label>
            <input class="form-control" name="deduction_name" placeholder="Deduction Name" type="text" value="{{$data->deduction_name}}" required>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <label for="share">Deduction (%):</label>
            <input class="form-control" name="deduction_percentage" placeholder="Deduction (%)" type="text" value="{{$data->deduction_percentage}}" required>
          </div>
        </div>
        <div class="col-sm-8">
          <div class="form-group">
            <label for="share">TDS Applicable for :</label>
            <br />

            <div>
              <input type="checkbox" name="tds_share" value="share" {{ ($data->tds_share == 1) ? 'checked' : '' }}> Share
              <input type="checkbox" style='margin-left:70px' name="tds_recharge" value="recharge" {{ ($data->tds_recharge == 1) ? 'checked' : '' }}> Recharge
              <input type="checkbox" style='margin-left:70px' name="tds_direct" value="direct" {{ ($data->tds_direct == 1) ? 'checked' : '' }}> Direct
              <input type="checkbox" style='margin-left:70px;' name="tds_pair" value="pair" {{ ($data->tds_pair == 1) ? 'checked' : '' }}> Pair
            </div>
            <div>
              <input type="checkbox" name="tds_transfer" value="transfer" {{ ($data->tds_transfer == 1) ? 'checked' : '' }}> Transfer
              <input type="checkbox" style='margin-left:58px' name="tds_repurchase" value="repurchase" {{ ($data->tds_repurchase == 1) ? 'checked' : '' }}> Repurchase
              <input type="checkbox" style='margin-left:53px' name="tds_withdraw" value="withdraw" {{ ($data->tds_withdraw == 1) ? 'checked' : '' }}> Withdraw
              <input type="checkbox" style='margin-left:48px' name="tds_prime_member_subscription" value="prime_member_subscription" {{($data->tds_prime_member_subscription == 1) ? 'checked' : '' }}> Prime Member Subscription
            </div>
            <div>

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

        <div class="clearfix"></div>
        <div class="text-center">
          <h3 class="text-primary" style="border-bottom:2px solid blue;">Cash Back on Payment Mode INR</h3>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <label for="point_value">Wallet:</label>
            <input class="form-control" name="wallet_cashback_amount" placeholder="Wallet" type="text" value="{{$data->wallet_cashback_amount}}" required>
          </div>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <label for="point_value">QR Code:</label>
            <input class="form-control" name="qrcode_cashback_amount" placeholder="QR Code" type="text" value="{{$data->qrcode_cashback_amount}}" required>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <label for="point_value">Pay Using Mobile No:</label>
            <input class="form-control" name="upi_cashback_amount" placeholder="Pay Using Mobile No" type="text" value="{{$data->upi_cashback_amount}}" required>
          </div>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <label for="point_value">Recharge:</label>
            <input class="form-control" name="recharge_payment" placeholder="Recharge" type="text" value="{{$data->recharge_payment}}" required>
          </div>
        </div>

        <div class="text-center">
          <h3 class="text-primary" style="border-bottom:2px solid blue;">UPI Mobile No</h3>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <label for="upi_no">Mobile No 1:</label>
            <input class="form-control" name="upi_mobile_no_1" placeholder="Enter mobile no" type="text" value="{{$data->upi_mobile_no_1}}" required>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <label for="upi_no">Mobile No 2:</label>
            <input class="form-control" name="upi_mobile_no_2" placeholder="Enter mobile no" type="text" value="{{$data->upi_mobile_no_2}}">
          </div>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <label for="upi_no">Mobile No 3:</label>
            <input class="form-control" name="upi_mobile_no_3" placeholder="Enter mobile no" type="text" value="{{$data->upi_mobile_no_3}}">
          </div>
        </div>

        <div class="col-sm-2">
          <div class="form-group">
            <label for="upi_no">Mobile No 4:</label>
            <input class="form-control" name="upi_mobile_no_4" placeholder="Enter mobile no" type="text" value="{{$data->upi_mobile_no_4}}">
          </div>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <label for="point_value">Upload QR Code:</label>
          </div>
        </div>

        <div class="col-sm-2">
          <div class="form-group">



            <input type="file" accept="image/*" name="qr_image" id="qr_image" onchange="loadFile(event)">
          </div>
        </div>

        <div class="col-sm-4">
          <div class="form-group">
            @if(!empty($data->qr_image))
            <img src="{{ asset('uploads/bhavya_points/' . $data->qr_image) }}" id="output" width="100px" height="100px">

            @else
            <img id="output" width="100px" height="100px" />
            @endif

          </div>
        </div>

        <div class="clearfix"></div>
        <div class="text-center">
          <h3 class="text-primary" style="border-bottom:2px solid blue;">App Setting</h3>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <label for="point_value">App Maintenance :</label>
          </div>
        </div>

          <div class="col-sm-3">
          <div class="form-group">
          <select class="form-control" name="app_maintenance" required>
            @if($businessSetting->value == "1")
            <option value="1" selected>Enabled</option>
            <option value="0">Disabled</option>
            @else
            <option value="1">Enabled</option>
            <option value="0" selected>Disabled</option>
            @endif
          </select>
           </div>
        </div>


        <div class="row">
          <div class="col-sm-12">
            <div class="col-sm-4 ">
              <div class="form-group">
                <label for="share">&nbsp;</label>
                <br />
                <button type="submit" class="btn btn-primary">Update</button>
              </div>
            </div>
          </div>
        </div>
    </form>

    <div class="clearfix"></div>
    <div class="clearfix"></div>
    <div class="row">
      <div class="col-md-12">
        <div class="active">
          <!-- <table class="table table-bordered data-table dataTable"  id="bhavya_point_table" >
            <thead>
                <tr>
                    <th>point_type</th>
                    <th>point_value</th>
                    <th>prime_yearly_subscription</th>
                    <th width="105px">Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table> -->
        </div>
      </div>
    </div>

    @endcomponent
    {!! Form::close() !!}


</section>


<!-- /.content -->

@endsection

@section('javascript')
@php $asset_v = env('APP_VERSION'); @endphp
<script src="{{ asset('js/product.js?v=' . $asset_v) }}"></script>

<!-- <script>
  $('#bhvpoints').on('submit', function(e) {
    e.preventDefault();
    // alert("Hello");
    FormRequest = new FormData(this);

    $.ajax({
      url: "{{route('update-bhavya-points') }}",
      type: "POST",
      data: FormRequest,
      processData: false,
      contentType: false,
      dataType: 'json',
      success: function(dataResult) {
        console.log(dataResult);
        if ((dataResult) !== '') {
          // dataResult.success; 
          alert("Data updated Successfully");
          // if ($("#bhavya_point_table").hasClass('active')) {
          //   bhavya_point_table.ajax.reload();
          //  }

        } else {
          alert("Error occured !");
        }

      }
    });

  });
</script> -->

<script>
  $('#bhvpoints').on('submit', function(e) {
    e.preventDefault();
    // alert("Hello");
    var qr_image = '';

    FormRequest = new FormData(this);
    FormRequest.append('qr_image', qr_image);

    // console.log(FormRequest);
    $.ajax({
      url: "{{route('update-bhavya-points') }}",
      type: "POST",
      data: FormRequest,
      processData: false,
      contentType: false,
      dataType: 'json',
      success: function(dataResult) {
        //   console.log(dataResult);
        if ((dataResult) !== '') {
          // dataResult.success; 
          alert("Data updated Successfully");
          // if ($("#bhavya_point_table").hasClass('active')) {
          //   bhavya_point_table.ajax.reload();
          //  }

        } else {
          alert("Error occured !");
        }

      }
    });

  });
</script>
<!-- <script>
      $('#bhvpoints').on('submit', function(e) {
          e.preventDefault();
         // alert("Hello");
          FormRequest = new FormData(this);
          
               $.ajax({
                url:"{{route('insert-bhavya-points') }}",
                  type: "POST",
                  data:FormRequest,
                  processData: false,
                  contentType: false,
                  dataType:'json',
                  success: function(dataResult){
                     if((dataResult)!==''){
                     // dataResult.success; 
                     alert("Data Submitted Successfully"); 
                    // if ($("#bhavya_point_table").hasClass('active')) {
                                 bhavya_point_table.ajax.reload();
                             //  }
                 
                     }
                      else{
                         alert("Error occured !");
                      }
                      
                  }
              });
          
      });

    </script> -->

<script type="text/javascript">
  $(document).ready(function() {
    // $('.dataTable').DataTable({
    bhavya_point_table = $('#bhavya_point_table').DataTable({
      processing: true,
      serverSide: true,
      ajax: "{{ route('bhavya-index') }}",
      columns: [{
          data: 'point_type',
          name: 'point_type'
        },
        {
          data: 'point_value',
          name: 'point_value'
        },
        {
          data: 'prime_yearly_subscription',
          name: 'prime_yearly_subscription'
        },
        {
          data: 'action',
          name: 'action',
          orderable: false,
          searchable: false
        },
      ]
    });
  });


  // Delete record
  $('.dataTable').on('click', '.deletePoints', function() {

    var id = $(this).data('id');

    var deleteConfirm = confirm("Are you sure?");
    if (deleteConfirm == true) {

      $.ajax({
        url: "{{ route('delete-bhavya-points') }}",
        type: 'post',
        data: {
          "_token": "{{ csrf_token() }}",
          "id": id
        },
        success: function(dataResult) {
          if ((dataResult) !== '') {
            alert("Record deleted.");
            // if ($("#bhavya_point_table").hasClass('active')) {
            bhavya_point_table.ajax.reload();
            //}
          } else {
            alert("Invalid ID.");
          }
        }
      });
    }

  });
</script>

<script>
  function displaytext() {

    var priodically = document.getElementById("closing_v").value;
    if (priodically == 'Periodically') {
      // alert("Hello");
      // $("#periodically").show();
      document.getElementById("periodically").style.display = 'block';
    } else {
      document.getElementById("periodically").style.display = 'none';
    }
  }

  function total_1_change() {
    var rate_1 = document.getElementById("rate_1").value;
    var rate_2 = document.getElementById("rate_2").value;
    var gst_1 = document.getElementById("gst_1").value;
    var gst_2 = document.getElementById("gst_2").value;

    total_1 = (parseFloat(rate_1) + (parseFloat(rate_1) * (parseFloat(gst_1) * .01))).toFixed(2);
    document.getElementById("total_1").value = total_1;

    total_2 = (parseFloat(rate_2) + (parseFloat(rate_2) * (parseFloat(gst_2) * .01))).toFixed(2);

    document.getElementById("total_2").value = total_2;
    total_rate = parseFloat(rate_1) + parseFloat(rate_2);

    document.getElementById("total_rate").value = (Math.round((total_rate) * 100) / 100).toFixed(2);

    total_sum = parseFloat(total_1) + parseFloat(total_2);
    document.getElementById("total_sum").value = (Math.round((total_sum) * 100) / 100).toFixed(2);
  }

  function total_bv1_change() {
    var rate_bv_1 = document.getElementById("rate_bv_1").value;
    var rate_bv_2 = document.getElementById("rate_bv_2").value;
    document.getElementById("bv_point_total").value = (parseFloat(rate_bv_1) + parseFloat(rate_bv_2)).toFixed(2);
  }
</script>

@endsection