@extends('dashboard.base')

@section('content')


<div class="container-fluid">
  <div class="fade-in">
    <div class="row">
      <div class="col-sm-12">
        <div class="card">
          <div class="card-header"><h4>Edit VIP Feature</h4></div>
            <div class="card-body">
                @if(Session::has('message'))
                    <div class="alert alert-success" vipFeature="alert">{{ Session::get('message') }}</div>
                @endif
                <form method="POST" action="{{ route('vipfeatures.update', $vipFeature->id) }}" enctype="multipart/form-data">
                    @method('PUT')
                    <input type="hidden" name="id" value="{{ $vipFeature->id }}"/>
                    @csrf

                    @if($errors->any())
                        {!! implode('', $errors->all('<div class="alert alert-danger" role="alert">:message</div>')) !!}
                    @endif
                    <div class="row">
                        <div class="form-group col-md-6">
                            <label for="name">Name</label>
                            <input type="text" name="name" value="{{ $vipFeature->name }}" id="name" class="form-control" required>
                        </div>
                        <div class="form-group col-md-12">
                            <label for="name">VIP Feature Range</label>
                            <input type="text" id="feature_range" name="feature_range" readonly style="border:0; color:#f6931f; font-weight:bold;" val="" required>
                            <div id="slider-range"></div>
                        </div>
                        <div class="form-group col-md-6">
                            <label for="amount">On Spent</label>
                            <input type="number" name="amount" id="amount" min=1 value="{{ $vipFeature->amount }}" class="form-control" required />
                        </div>
                        <div class="form-group col-md-6">
                            <label for="earn_point">Get Points</label>
                            <input type="number" name="earn_point" id="earn_point" min=1 value="{{ $vipFeature->earn_point }}" class="form-control" required />
                        </div>
                        
                    </div>

                    <div style="float:right">
                        <a class="btn btn-danger" href="{{ route('vipfeatures.index') }}">Back</a>
                        <button class="btn btn-primary" type="submit">Save</button>
                    </div>
                </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection

@section('javascript')



<script type="text/javascript">
    $(document).ready(function () {
        @if($last_record->id!=$vipFeature->id && $nextVipFeature)
            var max = {{ $nextVipFeature->end_range_amount-2 }};
        @else
            var max = {{ config('constants.vip_feature_higher_amount') }};
        @endif
       $( "#slider-range" ).slider({
        min: {{ $vipFeature->start_range_amount }}+1,
        max: max,
        value: {{ $vipFeature->end_range_amount }} ,
        slide: function( event, ui ) {
            $( "#feature_range" ).val( "$" + {{ $vipFeature->start_range_amount }} + " - $" + ui.value );
        }
        
      });

      $( "#feature_range" ).val("$" + {{ $vipFeature->start_range_amount }} +
        " - $" + {{ $vipFeature->end_range_amount }} ); 
    });
</script>
@endsection