@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
<style>
    ul {margin:0;}
</style>
@endsection
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Point System - Edit Referral Scheme</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <hr>
            
            @if(session()->has('message'))
                <p>
                    <div id="message" class="alert alert-success">
                        {{ session()->get('message') }}
                    </div>
                </p>
            @endif
           
            <br><br>
            
            <div class="row">  
                <div class="col-xs-12">           
                    <form id="form" class="form-horizontal" method="post" }}"> 
                        <input name="schema_number" type="hidden" value="{{ $schema }}">                       
                        <div class="form-group" >
                            <label class="col-xs-12 col-sm-1 control-label" style="text-align:left;">Point : </label>
                            <div class="col-xs-12 col-sm-3">
                                <input type="text" name="point" class="form-control" placeholder="Fill the point.." value="{{ $list['0']}}">
                            </div>
                        </div>                             
                        
                        <div class="form-group">                            
                            <label class="col-xs-12 col-sm-1 control-label" style="text-align:left;"></label>
                            <div class="col-xs-12 col-sm-3">        
                                <button class="btn btn-primary btn-submit" style="width:100%;"> Save</button>
                            </div>                            
                        </div>                       
                    </form>  
                </div>
            </div>            
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
    $(".btn-submit").click(function(e) {      
        e.preventDefault();
        var point = $("input[name=point]").val();
        var schema_number = $("input[name=schema_number]").val();
   
        $.ajax({
            url: "/point_system/edit_scheme_referral/save",
            method: "POST",            
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: { 
                point: point,
                schema_number: schema_number,
            },
            success: function(response) {                
                alert(response.message);     
                setTimeout(function(){
                    window.location.reload(); 
                }, 1500);              
            },
            error: function(response) {
                var data = response.responseJSON;  
                alert(data.error);                        
            }
        });
        return false;
    })

    $("document").ready(function(){
        setTimeout(function(){
            $("#message").remove();
        }, 3000 ); 

});
</script>
@endsection