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

            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        @if($origin == "staff_level_nominal")
                            <li><a href="{{ route('partner_voucher_blast/show_approval_nominal_staff_level_list') }}">Approval List</a></li>                            
                        @elseif($origin == "staff_level_gram")
                            <li><a href="{{ route('partner_voucher_blast/show_approval_gram_staff_level_list') }}">Approval List</a></li>
                        @endif

                        @if($origin == "lead_level_nominal")
                            <li><a href="{{ route('partner_voucher_blast/show_approval_nominal_lead_level_list') }}">Approval List</a></li>
                        @elseif($origin == "lead_level_gram")
                            <li><a href="{{ route('partner_voucher_blast/show_approval_gram_lead_level_list') }}">Approval List</a></li>
                        @endif

                        @if($origin == "chief_level_nominal")
                            <li><a href="{{ route('partner_voucher_blast/show_approval_nominal_chief_level_list') }}">Approval List</a></li>
                        @elseif($origin == "chief_level_gram")
                            <li><a href="{{ route('partner_voucher_blast/show_approval_gram_chief_level_list') }}">Approval List</a></li>
                        @endif
                        <li class="active">Approval Detail List</li>
                    </ol>
                </div>
            </div>

            <div class="row">                   
                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Batch List : {{ $header->po_number }}</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th class="text-center">ID</th>                                        
                                        <th class="text-center">Email</th>
                                        <th class="text-center">Name</th>
                                        <th class="text-center">Partner</th>
                                        <th class="text-center">Nominal/Gramasi</th>
                                        <th class="text-center">Voucher Code</th>                                                                  
                                    </tr>
                                </thead>
                                <tbody>                                    
                                    @if(isset($search_lists) || is_array($search_lists) || is_object($search_lists))
                                        @forelse($search_lists as $list)
                                            <tr>
                                                <td class="text-center">{{ $list->id}}</td>                       
                                                <input id="transaction_id" type="hidden" value= "{{ $list->transaction_id }}">                       
                                                <td class="text-center">{{ $list->customer_email }}</td>
                                                <td class="text-center">{{ $list->customer_name }}</td>                                        
                                                <td class="text-center">{{ $list->name }}</td>                                        
                                                <td class="text-center">{{ (($list->nominal) ? 'Rp. ' . number_format($list->nominal, 2) : $list->gram . ' gram') }}</td>                                        
                                                <td class="text-center">
                                                @php 
                                                    $code = $list->voucher_code;
                                                    $code =  "********" . substr($code, -3);
                                                @endphp
                                                {{ $code }}
                                                </td>                                                                                                                                                                                  
                                            </tr>
                                        @empty
                                            <tr>
                                                <td class="text-center" colspan="6">No Data</td>
                                            </tr>
                                        @endforelse
                                    @endif
                                </tbody>
                            </table>
                            {{-- <div class="text-center">{{ $search_lists->appends($_GET)->links() }}</div> --}}
                        </div>
                    </div> 
                </div>               
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

<style>
    button:disabled,
    button[disabled]{
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
    }
</style>

@section("scripts")
<script type="text/javascript">
    $("#all_email_send_button").on("click", function() {    
        var id =  $("#transaction_id").val();
        $.ajax({
            url: '/partner_voucher_blast/send_email',
            method: "POST",            
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: { id: id },
            success: function(response) {
                alert(response.message);
                location.reload();               
            },
            error: function(response) {
                var data = response.responseJSON;
                alert(data.error);
                location.reload();                  
            }
        });
        return false;
    })

    $(".resend_button").on("click", function() {     
        var transaction_detail_id =  $(this).attr('value');
        $.ajax({
            url: '/partner_voucher_blast/send_email',
            method: "POST",            
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: { transaction_detail_id: transaction_detail_id },
            success: function(response) {
                alert(response.message);
                location.reload();                
            },
            error: function(response) {
                var data = response.responseJSON;
                alert(data.error);
                location.reload();               
            }
        });
        return false;
    })
</script>
@endsection