@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 Reward</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Home</a></li>
                    <li class="breadcrumb-item"><a href="#">Point System</a></li>
                    <li class="breadcrumb-item"><a href="{{route('show_point_system_reward_list')}}">Reward List</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('show_point_system_reward_detail', ['id' => $reward->id] )}}">Reward Detail</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Edit Reward</li>
                </ol>
            </nav>

            <hr>        
            
            <div class="col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Edit reward</h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <div class="row">  
                            <div class="col-xs-12">           
                                <form id="form" class="form-horizontal" method="post" }}">
                                <input type="hidden" name="id" value="{{ $reward->id}}">
                                    <div class="form-group" >
                                        <label class="col-xs-12 col-sm-3 control-label" style="text-align:left;">Deskripsi</label>
                                        <div class="col-xs-12 col-sm-3">
                                            <textarea name="deskripsi" class="form-control" value="" rows="4" >{{ $reward->deskripsi }}</textarea>
                                        </div>
                                    </div>
                            
                                    <div class="form-group" >
                                        <label class="col-xs-12 col-sm-3 control-label" style="text-align:left;">Syarat dan Ketentuan</label>
                                        <div class="col-xs-12 col-sm-3">
                                            <textarea name="sk" class="form-control" value="" rows="4" >{{ $reward->syarat_ketentuan}}</textarea>
                                        </div>
                                    </div> 

                                    <div class="form-group" >
                                        <label class="col-xs-12 col-sm-3 control-label" style="text-align:left;">Cara Penggunaan</label>
                                        <div class="col-xs-12 col-sm-3">
                                            <textarea name="cara_penggunaan" class="form-control" value="" rows="4" >{{ $reward->cara_penggunaan }}</textarea>
                                        </div>
                                    </div> 
                                    
                                    <div class="form-group" >
                                        <label class="col-xs-12 col-sm-3 control-label" style="text-align:left;">Image(1280x720)</label>
                                        <div class="col-xs-12 col-sm-3">
                                            <input type="file" name="image" class="form-control" placeholder="Please fill.." value="">
                                        </div>
                                    </div> 
                                    
                                    <div class="form-group">                            
                                        <label class="col-xs-12 col-sm-3 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%;">Update</button>
                                        </div>                            
                                    </div>                       
                                </form>  
                            </div>
                        </div>  
                    </div>
                </div>
            </div>           
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
    $(".btn-submit").on("click", function() {    
        var fdata = new FormData($("#form")[0]);       
        $.ajax({
            url: '/point_system/back_office_point_system_reward/edit_reward_process',
            method: "POST",            
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: fdata,
            processData: false,
            contentType: false,
            enctype:"multipart/form-data",
            success: function(response) {
                alert(response.success);  
                setTimeout(function(){
                    window.location.reload(); 
                }, 1000);                                     
            },
            error: function(response) {
                var data = response.responseJSON;
                alert(data.error);               
            }
        });
        return false;
    });    
</script>
@endsection