@extends('layouts.layout')

@section('body_class', 'nav-md')

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

            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ route('dashboard') }}">Home</a></li>
                        <li><a href="{{ route('point_administrator/show_point_disbursement') }}">Point/Gold Disbursement</a></li>
                        <li class="active">Detail</li>
                    </ol>
                </div>
                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-3">
                                        <button class="btn btn-secondary">{{$total_row}} Data </button>
                                        <button class="btn btn-secondary">{{$total_point}} Total Point </button>
                                    </div>
                                    @if($datas[0]->client_point_disbursements->status==0)
                                    <div class="col-md-9 text-right">
                                        <button class="btn btn-danger delete" data-id="{{ $datas[0]->client_point_disbursement_id}}">Drop</button>
                                        <button class="btn btn-primary execute" data-id="{{ $datas[0]->client_point_disbursement_id}}">Execute</button>
                                    </div>
                                    @else
                                    <div class="col-md-9 text-right">
                                        Status =
                                        @if($datas[0]->client_point_disbursements->status==1)
                                            <span class='label label-success'>executed</span>
                                        @elseif($datas[0]->client_point_disbursements->status==0)
                                            pending
                                        @elseif($datas[0]->client_point_disbursements->status==3)
                                            <span class='label label-warning'>executing</span>
                                        @else
                                            <span class='label label-danger'>dropped</span>
                                        @endif
                                    </div>
                                    @endif
                                </div>
                            </div>                           
                            <div class="clearfix"></div>                            
                        </div>   
                        

                        <div class="x_content">
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th class="text-center">Merchant Code</th>
                                        <th class="text-center">Email</th>
                                        <th class="text-center">Handphone</th>
                                        <th class="text-center">Points</th>
                                        <th class="text-center">Gold</th>
                                        <th class="text-center">Transfer Transaction</th>                                         
                                    </tr>
                                </thead>
                                <tbody>
                                    @if(is_array($datas) || is_object($datas))  
                                        @forelse($datas as $data)                                            
                                            <tr>                                                
                                                <td class="text-center">{{ $data->merchant_code }}</td>                                                
                                                <td class="text-center">{{ $data->client_merchants->client_users->email }}</td>
                                                <td class="text-center">{{ $data->client_merchants->phone }}</td>
                                                <td class="text-center">{{ $data->point*1 }}</td>
                                                <td class="text-center">{{ $data->gold*1 }} gram</td>
                                                <td class="text-center">Rp. {{ number_format($data->transfer_transaction) }}</td>                                                                             
                                            </tr>                                          
                                        @empty
                                            <tr>
                                                <td class="text-center" colspan="9">No Data</td>
                                            </tr>
                                        @endforelse
                                    @endif
                                </tbody>
                            </table>                       
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
    $(".delete").on("click", function() {   
        var id = $(this).attr("data-id");
        let text = "Are you sure you want to drop?";
        if (confirm(text) == true) {
            $.ajax({
                url: '/point_administrator/delete_point_disbursement',
                method: "POST",            
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                data: { 
                    id : id,
                },
                success: function(response) {
                    alert(response.success);  
                    setTimeout(function(){
                        window.location.reload(); 
                    }, 1500);                                     
                },
                error: function(response) {
                    var data = response.responseJSON;
                    alert(data.error);              
                }
            });
        } 
        
        return false;
    })

    $(".execute").on("click", function() {    
        var id = $(this).attr("data-id");
        let text = "Are you sure you want to execute?";
        if (confirm(text) == true) {
            $(".execute").hide();
            $.ajax({
                url: '/point_administrator/execute_point_disbursement',
                method: "POST",            
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                data: { 
                    id : id,
                },
                success: function(response) {
                    alert(response.success);  
                    setTimeout(function(){
                        window.location.reload(); 
                    }, 1500);                                     
                },
                error: function(response) {
                    var data = response.responseJSON;
                    alert(data.error);              
                }
            });
        } 

        return false;
    })

</script>
@endsection