@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">
      @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-8">
        <div class="form-group">
          <label for="point_value">Point Value:</label>
          <input class="form-control" name="point_value" placeholder="Point Value" style="width:300px;" type="text" value="{{$data->point_value}}" 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>

        </div>
      </div>
      <div class="col-sm-8">
        <div class="form-group">
          <input class="form-control" style="width:300px;" name="prime_yearly_subscription" value="{{$data->prime_yearly_subscription}}" placeholder="prime_yearly_subscription" type="text" required>
        </div>
      </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>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-4">
      <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-4">
      <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-4">
      <!-- <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-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="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");
          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;
    // var total_1 = document.getElementById("total_1").value;
    //  var total_2 = document.getElementById("total_2").value;
    total_1 = (Math.round((rate_1 * gst_1) * 100) / 100).toFixed(2);
    document.getElementById("total_1").value = total_1;

    total_2 = (Math.round((rate_2 * gst_2) * 100) / 100).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_2_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;
    var total_1 = document.getElementById("total_1").value;
    var total_2 = document.getElementById("total_2").value;
    document.getElementById("total_2").value = (Math.round((rate_2 * gst_2) * 100) / 100).toFixed(2);
    document.getElementById("total_rate").value = parseFloat(rate_1) + parseFloat(rate_2);
    //document.getElementById("total_sum").value = parseFloat(total_1) + parseFloat(total_2);
  }
</script>

@endsection