@extends('admin-panel.layouts.master')

@section('content_header')
  <input type="hidden" name="_token" value="{{ csrf_token() }}" />
  <div class="row">
    <div class="col-md-6">
      <h1>Subscriptions Prices</h1>
    </div>
  </div>
@endsection

@section('content')
  @include('admin-panel.alerts.success')
  @include('admin-panel.alerts.error')
  @include('admin-panel.subscription-prices.list')
@endsection


@push('scripts')
  <script>
    $(document).on("click",'.price',function (e){
      $(this).attr('hidden',true)
      let span_text = $(this)
      let input_value = $(this).text()
      let get_input = $(this).next()
      get_input.attr('hidden',false)
      get_input.keypress(function(event){
        var keycode = (event.keyCode ? event.keyCode : event.which);
        if(keycode == '13'){
          let price = get_input.val()
          let data_id = get_input.data('id')
          // console.log(price,data_id)
          $.ajaxSetup({
            headers: {
              'X-CSRF-TOKEN': $('input[name="_token"]').val()
            }
          });
          $.ajax({
            type: "POST",
            url: "price/store",
            data: {price:price,data_id:data_id},
            success: function(data){
              get_input.attr('hidden',true)
              span_text.attr('hidden',false)
              span_text.text(data.price);
            }
          });
        }
      })
    });
  </script>

{{--    <script src="{{ mix('/js/admin-panel/paginationTable.js') }}"></script>--}}

@endpush