@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>Lakusimpan Auto Approve Setting</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <hr>

            <div class="row">  
                <div class="col-xs-12">              
                    <form id="form" class="form-horizontal">                        
                        <div class="form-group" >
                            <label class="col-xs-12 col-sm-3 control-label">Batas Jumlah Emas :</label>
                            <div class="col-xs-12 col-sm-9">
                                <input type="text" name="gold_amount" class="form-control" placeholder="Gold amount setting..." value="">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label">Tanggal Mulai :</label>
                            <div class="col-xs-12 col-sm-9">
                                <input type="date" name="date_start" class="form-control" placeholder="dd-mm-yyyy" value="">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label">Tanggal Selesai :</label>
                            <div class="col-xs-12 col-sm-9">
                                <input type="date" name="date_end" class="form-control" placeholder="dd-mm-yyyy" value="">
                            </div>
                        </div>                
                        
                        <div class="form-group">
                            <div class="col-xs-12 col-sm-9 col-sm-offset-3">
                                <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                <div class="submit">        
                                    <button type="submit" class="btn btn-default"><i class="fa fa-check" aria-hidden="true"></i> Save</button>
                               </div>
                            </div>
                        </div>                       
                    </form>  
                </div>
            </div>

            <hr>

            <div class="x_content">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th class="text-center">ID</th>
                            <th class="text-center">Gold Progress</th>
                            <th class="text-center">Gold Target</th>
                            <th class="text-center">Start Date</th>
                            <th class="text-center">End Date</th>                                        
                            <th class="text-center">Status</th>                                       
				<th class="text-center">Updated At</th> 
                            <th class="text-center">Action</th>                                        
                        </tr>
                    </thead>
                    <tbody>
                        @if(is_array($setting_lists) || is_object($setting_lists))
                            @forelse($setting_lists as $list)
                                <tr>                                                
                                    <td class="text-center">{{ $list->id }}</td>
                                    <td class="text-center">{{ $list->gold_progress_amount }}</td>
                                    <td class="text-center">{{ $list->gold_total_amount_setting }}</td>
                                    <td class="text-center">{{ date('d-m-Y H:i:s', strtotime( $list->date_start)) }}</td>          
                                    <td class="text-center">{{ date('d-m-Y H:i:s', strtotime( $list->date_end)) }}</td>                                                                           
                                    <td class="text-center">
                                        @if($list->status == 1) 
                                            {{ $status = "Active" }}
                                        @else
                                            {{ $status = "Inactive" }}
                                        @endif                                        
                                    </td>                                                                           
					<td class="text-center">{{ $list->updated_at }}</td>
                                    <td class="text-center"><button class="activate btn btn-primary" value="{{ $list->id }}">Activate</button>  <button class="deactivate btn btn-danger" value="{{ $list->id }}">Deactivate</button></td>
                                </tr>
                            @empty
                                <tr>
                                    <td class="text-center" colspan="6">No Data</td>
                                </tr>
                            @endforelse
                        @endif
                    </tbody>
                </table>
                <div class="text-center">
                    {{ $setting_lists->links() }}
                </div>                            
            </div>

        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
    $("#form").on("submit", function() {      
        $.ajax({
            url: '/account/lakusimpan/auto_approve/save',
            method: "POST",            
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: $("#form").serialize(),
            success: function(response) {
                alert("Data saved");
                window.location.reload();
            },
            error: function(response) {
                var data = response.responseJSON;
                alert(data.error);               
            }
        });
        return false;
    })

    $(".activate").on("click", function() {
        $.ajax({       
            url: "/account/lakusimpan/auto_approve/activate",
            method: "GET",
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: { 
                id: $(this).val(),
            },
            success: function(response) {
                alert('Activated!');
                window.location.reload();
            },
            error: function(response) {
                console.log(response);
                var data = response.responseJSON;
                alert(data.error);   
            }
        });
    });

    $(".deactivate").on("click", function() {
        $.ajax({       
            url: "/account/lakusimpan/auto_approve/deactivate",
            method: "GET",
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: { 
                id: $(this).val(),
            },
            success: function(response) {
                alert('Deactivated!');
                window.location.reload();
            },
            error: function(response) {
                var data = response.responseJSON;
                alert(data.error);   
            }
        });
    });
</script>
@endsection