@extends('layouts.app')
@section('content')
<script src="{{ asset('js/jquery.min.js') }}"></script>
<script src="{{ asset('js/moment.min.js') }}"></script>
<style>
#ui-id-1
{
  margin-left:280px;
  margin-top:220px;
  
}
</style>
<!-- Script -->
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h3 class="text-themecolor">Edit Subscription</h3>
    </div>
    <div class="col-md-7 align-self-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ action('HomeController@index') }}">Home</a></li>
            <li class="breadcrumb-item active">Edit Subscription</li>
        </ol>
    </div>

</div>
<div class="row">
  <div class="btn-block pull-right" style="margin-right:30px;margin-bottom:10px;">
      <a href="{{ url('/get-subscription-list') }}" class="btn btn-success waves-effect waves-light pull-right">Back</a>
  </div>
</div>
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                <form id="subscriptionForm" name="subscriptionForm" class="form-horizontal" autocomplete="off">
                @csrf
                <input type="hidden" name="pu_id" id="pu_id" value="{{$subscribe->pu_id}}">
                <input type="hidden" name="user_id" id="user_id" value="{{$subscribe->user_id}}">
                <input type="hidden" name="pay_id" id="pay_id" value="{{$subscribe->pay_id}}">
                <input type="hidden" name="session_id" id="session_id" value="{{$subscribe->session_id}}">
                <input type="hidden" name="therapy_id" id="therapy_id" value="{{$subscribe->therapy_id}}">
                <div class="form-group">
                <div class="row">
                <div class="col-lg-6">
                <label for="name" class="col-sm-6 control-label">Customer <span class="red">*</span></label>
                <div class="col-sm-12">
                <div class="form-group">
                        <input type="text" name="username" id="username" placeholder="Enter Customer Name Or Email" class="form-control" value="{{$subscribe->name}}" readonly>
                    </div>
                    <div id="customer_list"></div>   
                </div>
                </div>
                <div class="col-lg-6">
                <label for="name" class="col-sm-6 control-label">Therapy <span class="red">*</span></label>
                <div class="col-sm-12">
                <select class="form-control" id="therapy_id" name="therapy_id" required="" readonly style="pointer-events: none;">
                <option value="">-- Select Therapy --</option>
                @foreach($theraphy as $value)
                @if($subscribe->therapy_id == $value->id)
                <option value="{{$value->id}}" selected>{{$value->therapy_title}}</option>
                @else
                <option value="{{$value->id}}">{{$value->therapy_title}}</option>
                @endif
                @endforeach
                </select>
                </div>
                </div>
                </div>
            </div>
            <div id="theraphy_dtl">
            <div class="form-group">
                <div class="row">
                <div class="col-lg-6">
                <label for="name" class="col-sm-12 control-label">Therapy / Meditation <span class="red">*</span></label>
                <div class="col-sm-12">
                <input type="text" class="form-control" id="therapy_type" name="therapy_type" value="{{$subscribe->therapy_type}}" readonly>
                </div>
                </div>
                <div class="col-lg-6">
                <label for="name" class="col-sm-12 control-label">Frequency Type <span class="red">*</span></label>
                <div class="col-sm-12">
                <input type="text" class="form-control" id="frequency_type" name="frequency_type" value="{{$subscribe->frequency_type}}" readonly>
                </div>
                </div>
                </div>
            </div>
            <div class="form-group">
            <div class="row">
            <div class="col-lg-6">
            <label for="name" class="col-sm-12 control-label">Duration <span class="red">*</span></label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="duration" name="duration" value="{{$subscribe->duration}}" readonly>
            </div>
            </div>
            <div class="col-lg-6">
            <label for="name" class="col-sm-12 control-label">Audio</label>
            <div class="col-sm-12">
            <audio controls class="mt-10"><source src="{{ url('/') }}/{{$subscribe->path}}" type="audio/{{substr(strrchr($subscribe->path, "."), 1)
              }}"></audio>
            </div>
            </div>
            </div>
            </div>
            <div class="form-group">
            <div class="row">
            <div class="col-lg-12">
            <label for="name" class="col-sm-12 control-label">Select Plan <span class="red">*</span></label>
            <div class="col-lg-12 py-1" id="package">
            <div class="row">
            @if($subscribe->frequency_type=="Session" || $subscribe->frequency_type=="sessions" || $subscribe->frequency_type=="Sessions")
            
            <div class="col">
            <label for="no_session" class="col-sm-12 control-label">Number Session</label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="no_session" name="no_session" value="{{$subscribe->no_session}}" readonly>
            </div>
            </div>
            <div class="col">
            <label for="interval_days" class="col-sm-12 control-label">Interval Days</label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="interval_days" name="interval_days" value="{{$subscribe->interval_days}}" readonly>
            </div>
            </div>
            <div class="col">
            <label for="session_days" class="col-sm-12 control-label">Session Days</label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="session_days" name="session_days" value="{{$subscribe->session_days}}" readonly>
            </div>
            </div>
            <div class="col">
            <label for="cost" class="col-sm-12 control-label">Cost</label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="cost" name="cost" value="{{$subscribe->cost}}" readonly>
            </div>
            </div>
            <div class="col">
            <label for="cost" class="col-sm-12 control-label">App Purchase Id</label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="app_purchase_id" name="app_purchase_id" value="{{$subscribe->app_purchase_id}}" readonly>
            </div>
            </div>
            @elseif($subscribe->frequency_type=="days" || $subscribe->frequency_type=="Days")
            <div class="col-lg-3">
            <label for="duration_type" class="col-sm-12 control-label">Duration</label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="duration_count" name="duration_count" value="{{$subscribe->duration_count}}" readonly>
            </div>
            </div>
            <div class="col-lg-3">
            <label for="duration_type" class="col-sm-12 control-label">Month</label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="duration_type" name="duration_type" value="{{$subscribe->duration_type}}" readonly>
            </div>
            </div>
            <div class="col-lg-3">
            <label for="cost" class="col-sm-12 control-label">Cost</label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="cost" name="cost" value="{{$subscribe->cost}}" readonly>
            </div>
            </div>
            <div class="col-lg-3">
            <label for="cost" class="col-sm-12 control-label">App Purchase Id</label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="app_purchase_id" name="app_purchase_id" value="{{$subscribe->app_purchase_id}}" readonly>
            </div>
            </div>
            @endif
            </div>
          
            </div>
            </div>
            </div>
            </div>
            </div>
            
            <div class="row py-4">
            <div class="col-lg-4">
            <div id="paymentstatus">
            <div class="form-group">
            <label for="payment_status" class="col-sm-12 control-label">Payment Status <span class="red">*</span></label>
            <div class="col-sm-12">
            <select class="form-control" id="payment_status" name="payment_status" required="" >
            <option value="">-- Select payment Status --</option>
            @if($subscribe->payment_status=="pending")
            <option value="pending" selected>Pending</option>
            <option value="success">Success</option>
            @endif
            @if($subscribe->payment_status=="success")
            <option value="pending">Pending</option>
            <option value="success" selected>Success</option>
            @endif
            </select>
            </div>
            </div>
            </div>
            </div>
            <div class="col-lg-4 py-2" id="paymentdetail">
            <div class="form-group">
            Payment Detail <span class="red">*</span><br/>
            @if($subscribe->payment_status=="success")
            <select class="form-control" id="paymentmode" name="paymentmode" required="" readonly>
              <option value="">-- Select Payment Detail --</option>
              @if($subscribe->paymentmode=="cash")
              <option value="cash" selected>Cash</option>
              @elseif($subscribe->paymentmode=="debit")
              <option value="debit" selected>Debit Card</option>
              @elseif($subscribe->paymentmode=="credit")
              <option value="credit" selected>Credit Card</option>
              @elseif($subscribe->paymentmode=="netbanking")
              <option value="netbanking" selected>Net Banking</option>
              @elseif($subscribe->paymentmode=="googlepay_or_phonepe")
              <option value="googlepay_or_phonepe" selected>Google Pay / Phonepe</option>
              @elseif($subscribe->paymentmode=="online")
              <option value="online" selected>Online</option>
              @elseif($subscribe->paymentmode=="other")
              <option value="other" selected>Other</option>
              @endif
              </select>
            @elseif($subscribe->payment_status=="pending")
              <select class="form-control" id="paymentmode" name="paymentmode" required="">
                <option value="">-- Select payment Detail --</option>
                <option value="online">Online</option>
                <option value="cash">Cash</option>
                <option value="debit">Debit Card</option>
                <option value="credit">Credit Card</option>
                <option value="netbanking">Net Banking</option>
                <option value="googlepay_or_phonepe">Google Pay / Phonepe</option>
                <option value="other">Other</option>
                </select>
              @endif
            </div>
            </div>
            @if($subscribe->payment_status=="success")
            @if($subscribe->paymentmode!=="cash")
            <div class="col-lg-4" id="transaction">
            <div class="form-group">
            <label for="name" class="col-sm-12 control-label"> Transaction ID </label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="transaction" name="transaction" value="{{$subscribe->transaction_id}}" placeholder="Please Enter Transaction ID" readonly>
            </div>
            </div>
            </div>
            @endif
            <div class="col-lg-4" id="payment-date">
            <div class="form-group">
            <label for="name" class="col-sm-12 control-label">Payment Date <span class="red">*</span></label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="paymentdate" name="paymentdate" value="{{date('d-m-Y', strtotime($subscribe->payment_date))}}" placeholder="Payment Date" readonly>
            </div>
            </div>
            </div> 
            
            <div class="col-lg-4" id="purchasedate">
            <div class="form-group">
            <label for="cost" class="col-sm-12 control-label">Subscribe Date <span class="red">*</span></label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="purchase_date" name="purchase_date" value="{{date('d-m-Y', strtotime($subscribe->purchase_date))}}" placeholder="Select Subscribe Date" readonly>
            </div>
            </div>
            </div>
            
            <div class="col-lg-4" id="expirydate">
            <div class="form-group">
            <label for="cost" class="col-sm-12 control-label">Expiry Date <span class="red">*</span></label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="expiry_date" name="expiry_date" value="{{date('d-m-Y', strtotime($subscribe->expiry_date))}}" readonly placeholder="Select Expiry Date" readonly>
            </div>
            </div>
            </div>
            <div class="col-lg-4" id="payment-date">
            <div class="form-group">
            <label for="status" class="col-sm-12 control-label" style="margin-left: -10px;">Status</label>
                  <select class="form-control " id="status" name="status" required="">
                  <option value="">-- Select Days / Session --</option>
                  @if($subscribe->status=="1") 
                  <option value="1" selected>Active</option>
                  <option value="0">InActive</option>
                  @elseif($subscribe->status=="0") 
                  <option value="1">Active</option>
                  <option value="0" selected>InActive</option>
                  @else
                  <option value="1">Active</option>
                  <option value="0">InActive</option>
                  @endif
                  </select>
            </div> 
            </div> 
            <div class="col-lg-4 expiry" id="expiry">
            <div class="form-group">
            <label for="cost" class="col-sm-12 control-label">Change Expiry Date</label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="update_date" name="update_expiry_date" value="" Placeholder="Update Expiry Date" required>
            </div>
            </div>
            </div>
            <div class="py-4" style="margin-top:8px;" id="changebutton">
            <div class="form-group">
            <button type="button" class="btn btn-info" id="update-expiry" style="margin-left: 30px;">Change Expiry Date</button>
            <button type="button" class="btn btn-info" id="expiry-remove">Cancel</button>
            </div>
            </div>
            @elseif($subscribe->payment_status=="pending")
            <div class="col-lg-4" id="transaction">
            <div class="form-group">
            <label for="name" class="col-sm-12 control-label"> Transaction ID </label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="transaction" name="transaction" value="{{$subscribe->transaction_id}}" placeholder="Please Enter Transaction ID" >
            </div>
            </div>
            </div>
            <div class="col-lg-4" id="payment-date">
            <div class="form-group">
            <label for="name" class="col-sm-12 control-label">Payment Date <span class="red">*</span></label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="paymentdate" name="paymentdate" value="{{$subscribe->payment_date}}" placeholder="Payment Date">
            </div>
            </div>
            </div> 
            <div class="col-lg-4" id="purchasedate">
            <div class="form-group">
            <label for="cost" class="col-sm-12 control-label">Subscribe Date <span class="red">*</span></label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="purchase_date" name="purchase_date" value="{{$subscribe->purchase_date}}" placeholder="Select Subscribe Date">
            </div>
            </div>
            </div>
            <div class="col-lg-4" id="expirydate">
            <div class="form-group">
            <label for="cost" class="col-sm-12 control-label">Expiry Date <span class="red">*</span></label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="expiry_date" name="expiry_date" value="{{$subscribe->expiry_date}}" readonly placeholder="Select Expiry Date">
            </div>
            </div>
            </div>
            <div class="col-lg-4" id="payment-date" style="margin-left: 10px;">
            <div class="form-group">
            <label for="status" class="col-sm-12 control-label" style="margin-left: -10px;">Status</label>
                  <select class="form-control " id="status" name="status" required="">
                  <option value="">-- Select Days / Session --</option>
                  @if($subscribe->status=="1") 
                  <option value="1" selected>Active</option>
                  <option value="0">InActive</option>
                  @elseif($subscribe->status=="0") 
                  <option value="1">Active</option>
                  <option value="0" selected>InActive</option>
                  @else
                  <option value="1">Active</option>
                  <option value="0">InActive</option>
                  @endif
                  </select>
            </div> 
            </div> 
            <div class="col-lg-4" id="expiry">
            <div class="form-group">
            <label for="cost" class="col-sm-12 control-label">Change Expiry Date</label>
            <div class="col-sm-12">
            <input type="text" class="form-control" id="update_date" name="update_expiry_date" value="" Placeholder="Update Expiry Date" required>
            </div>
            </div>
            </div>
            <div class="" id="changebutton">
            <div class="form-group">
            <div class="col-sm-12">
            <button type="button" class="btn btn-info" id="update-expiry">Change Expiry Date</button>
            <button type="button" class="btn btn-info" id="expiry-remove">Remove</button>
            </div>
            </div>
            </div>
           
            @endif
            
            <div class="col-sm-12 py-3">
             <button type="submit" class="btn btn-primary pull-right" id="btn-save" value="create">Save changes
             </button>
            </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
$(document).ready( function ()
{$("#expiry").hide();
      $.ajaxSetup({
      headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        var expiry_date = $('#expiry_date').val();
      if(expiry_date !==null && expiry_date !=="" && expiry_date !=="undefined"){
        var expirydateu = expiry_date;
      }

      $('#update_date').datepicker({
      uiLibrary: 'bootstrap4',
      dateFormat: 'dd-mm-yy',
      autoclose: true,
      //defaultDate: new Date(expirydateu),
      defaultDate:expirydateu,
      minDate: expirydateu,
      });

      $('#purchase_date').datepicker({
      uiLibrary: 'bootstrap4',
      dateFormat: 'yy-mm-dd',
      autoclose: true,
      minDate: new Date()
      //maxDate: 0
      });

  $('#paymentdate').datepicker ({
      uiLibrary: 'bootstrap4',
      dateFormat: 'yy-mm-dd',
      autoclose: true,
      minDate: new Date()
  });
    var pathurl = "{{ url('/') }}/";
    var payment_status = $("#payment_status").val();
    $("#expiry-remove").hide();
    //$("#update-expiry").show();
    $(".expiry").hide();
    $("#update-expiry").click(function()
    {
      $("#expiry").show();
      $("#expiry-remove").show();
      $("#update-expiry").hide();
    });
    $("#expiry-remove").click(function()
    {
      
      $("#expiry").hide();
      $("#expiry-remove").hide();
      $("#update-expiry").show();
      
    });
    $('body').on('change', '#paymentmode', function ()
        {
          var paymentmode = $('#paymentmode').val();
          if(paymentmode=="cash"){
            $('#transaction').hide();
          }else{
            $('#transaction').show();
          }
          
        });
        $('body').on('change', '#purchase_date', function ()
        {
            var frequency_type = $('#frequency_type').val();
            var sub_date = $('#purchase_date').val();
            var date = new Date(sub_date);
            var startdate = date;
            var new_date = moment(startdate, "DD.MM.YYYY");
            //var oneplus = new_date.add(1, 'days').format('DD-MM-YYYY')
            if(frequency_type=="days" || frequency_type=="Days" )
            {
            var duration_count = $('#duration_count').val();
            var duration_type = $('#duration_type').val();
            var cost = $('#cost').val();
            if(duration_type =="days" || duration_type =="day")
            {
              var days = new_date.add(1+duration_count, 'days').format('DD-MM-YYYY');
              var expriy = days;  
            }
            else if(duration_type =="Month" || duration_type =="month")
            {
              var days = new_date.add(1, 'days').add(duration_count, 'M').format('DD-MM-YYYY');
              var expriy = days;
            }
            else if(duration_type =="Year" || duration_type =="year")
            {
              var days = new_date.add(1, 'days').add(duration_count, 'years').format('DD-MM-YYYY');
              var expriy = days;
            }
            else if(duration_type =="lifetime" || duration_type =="Lifetime")
            {
              var days = new_date.add(1, 'days').add(75, 'years').format('DD-MM-YYYY');
              var expriy = days;
            }
            }
            else if(frequency_type=="Sessions" || frequency_type=="Session" || frequency_type=="sessions" || frequency_type=="session" )
            {
              var no_session = $('#no_session').val();
              var interval_days = $('#interval_days').val();
              var session_days = $('#session_days').val();
              var cost = $('#cost').val();
              var expriy = new_date.add(1, 'days').add(session_days, 'days').format('DD-MM-YYYY');
            }
            $('#expiry_date').val(expriy);
          });           
    if(payment_status=="success")
    {
      $('#paymentdetail').show();
      $("#transaction").show();
      $("#payment-date").show();
      $('#purchasedate').show();
      $('#expirydate').show();
      //$('#expiry').hide();
      $('#changebutton').show();
      
    }
    else
        {
          $('#purchasedate').hide();
          $('#expirydate').hide();
          $('#expiry').hide();
          $('#changebutton').hide();
          $('#paymentdetail').hide();
          $("#transaction").hide();
          $("#payment-date").hide();
        }
    $("#payment_status").change(function()
    {
        var status =  $("#payment_status").val();
        if(status=="success")
        {
          $('#paymentdetail').show();
          $("#transaction").show();
          $("#payment-date").show();
          $('#purchasedate').show();
          $('#expirydate').show();
          $('#expiry').hide();
          $('#changebutton').hide();
          
        }
        else
        {
          $('#paymentdetail').hide();
          $("#transaction").hide();
          $("#payment-date").hide();
          $('#purchasedate').hide();
          $('#expirydate').hide();
          $('#expiry').hide();
          $('#changebutton').hide();
        }
        
    });
    $('#theraphy_dtl').show();
    $('#payment').hide();
    
    

if ($("#subscriptionForm").length > 0)
{
  $("#subscriptionForm").validate({
    rules:
    {
      user_id: {
        required: true,
      },
      therapy_id: {
        required: true,
      },
      therapy_type: {
        required: true
      },
      duration: {
        required: true
      },
      frequency_type:
      {
        required: true
      },
      update_expiry_date:
      {
        required: true
      },
      paymentdate:
      {
        required: true
      },
      payment_status:
      {
        required: true
      },
      paymentmode:
      {
        required: true
      },
      },
      messages:
      {
        user_id:
        {
            required: "Please Select Customer",
        },
        therapy_id: {
            required: "Please Select Therapy",
        },
        therapy_type:
        {
          required: "Please Select Therapy Type"
        },
        duration:
        {
          required: "Please Select Therapy Duration"
        },
        frequency_type:
        {
          required: "Please Select Frequency Type"
        },
        update_expiry_date:
        {
          required: "Please Enter Updated Expiry Date"
        },

      },
     submitHandler: function(form)
     {
      var actionType = $('#btn-save').val();
      $('#btn-save').html('Sending..');
      $.ajax({
          data: $('#subscriptionForm').serialize(),
          url: "{{url('/get-subscription-list/update')}}",
          type: "POST",
          dataType: 'json',
          success: function (data)
          {
              if(data.success===1)
              {
                $('#subscriptionForm').trigger("reset");
                $('#btn-save').html('Save Changes');
                toastr.success(data.msg);
                setTimeout(function(){// wait for 5 secs(2)
                  window.location.href = "{{ url('/get-subscription-list') }}";
                }, 2000); 
              }
              
          },
          error: function (data)
          {
              if(data.success==0)
              {toastr.error(data.msg);$('#btn-save').html('Save Changes');}
          }
      });
    }
  })
}
  $( "#user_id" ).autocomplete({
  source: function( request, response ) {
    $.ajax({
    url: "{{url('/customer')}}",
    type: 'post',
    dataType: "json",
    data: {
     search: request.term
    },
    success: function( data ) {
     response( data );
    }
   });
  },
  select: function (event, ui) {
   // Set selection
   $('#user_id').val(ui.item.value); // display the selected text
   $('#user_id').val(ui.item.label); // save selected id to input
   return false;
  }
  });
  
});
</script>

@endsection