@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 Purchase 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
           
            
            <div class="container">                
                <div class="col-xs-8">
                    <div class="col-xs-8  col-sm-2">
                        <a href="{{ route('point_system/edit_scheme_purchase', ['schema'=>'schema1']) }}" target="_blank">
                        <button class="btn btn-primary {{ $schema == 'schema1' ? 'schema-selected' : 'schema-deselect' }}" style="border-radius:15px;">Schema 1</button>                                  
                        </a>                                           
                    </div>
                    <div class="col-xs-8 col-sm-2">                        
                        <a href="{{ route('point_system/edit_scheme_purchase', ['schema'=>'schema2']) }}" target="_blank">
                        <button class="btn btn-primary {{ $schema == 'schema2' ? 'schema-selected' : 'schema-deselect' }}" style="border-radius:15px;">Schema 2</button>                                  
                        </a>                          
                    </div>
                    <div class="col-xs-8 col-sm-2">                        
                        <a href="{{ route('point_system/edit_scheme_purchase', ['schema'=>'schema3']) }}" target="_blank">
                        <button class="btn btn-primary {{ $schema == 'schema3' ? 'schema-selected' : 'schema-deselect' }}" style="border-radius:15px;">Schema 3</button>                                  
                        </a>                            
                    </div>
                    <div class="col-xs-8 col-sm-2">                        
                        <a href="{{ route('point_system/edit_scheme_purchase', ['schema'=>'schema4']) }}" target="_blank">
                        <button class="btn btn-primary {{ $schema == 'schema4' ? 'schema-selected' : 'schema-deselect' }}" style="border-radius:15px;">Schema 4</button>                                  
                        </a>                           
                    </div>
                </div>               
            </div>            

            <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;">1-25gram</label>
                            <div class="col-xs-12 col-sm-3">
                                <input type="text" name="range_1_25gram" class="form-control" placeholder="Please fill.." value="{{ $list['0']}}">
                            </div>
                        </div>      
                       
                        <div class="form-group" >
                            <label class="col-xs-12 col-sm-1 control-label" style="text-align:left;">25-50gram</label>
                            <div class="col-xs-12 col-sm-3">
                                <input type="text" name="range_25_50gram" class="form-control" placeholder="Please fill.." value="{{ $list['1']}}">
                            </div>
                        </div>

                        <div class="form-group" >
                            <label class="col-xs-12 col-sm-1 control-label" style="text-align:left;">50-100gram</label>
                            <div class="col-xs-12 col-sm-3">
                                <input type="text" name="range_50_100gram" class="form-control" placeholder="Please fill.." value="{{ $list['2']}}">
                            </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>
    <style>
        .schema-selected {
            background-color: #337ab7;
            border-color: #2e6da4;
        }
        .schema-deselect {
            background-color: white;
            color: #337ab7;
        }
    </style>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
    $(".btn-submit").click(function(e) {      
        e.preventDefault();
        var range_1_25gram = $("input[name=range_1_25gram]").val();
        var range_25_50gram = $("input[name=range_25_50gram]").val();
        var range_50_100gram = $("input[name=range_50_100gram]").val();
        var schema_number = $("input[name=schema_number]").val();
   
        $.ajax({
            url: "/point_system/edit_scheme_purchase/save",
            method: "POST",            
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: { 
                range_1_25gram: range_1_25gram,
                range_25_50gram: range_25_50gram,
                range_50_100gram: range_50_100gram,
                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();
        }, 1500 ); 


    });
</script>
@endsection