@extends('layouts.app')
@section('content')
<!-- page-title -->
<div class="tf-page-title">
    <div class="container-full">
        <div class="heading text-center">My Encashments</div>
    </div>
</div>
<!-- /page-title -->

<!-- page-cart -->
<section class="flat-spacing-11">
    <div class="container">
        <div class="row">
            <div class="col-lg-3">
                @include('account.menu')
            </div>
            <div class="col-lg-9">
                <div class="d-flex justify-content-end mb-2">
                    
                    <a href="{{route('shop.account.encashments.create')}}" class="tf-btn btn-fill animate-hover-btn rounded-0 justify-content-center">
                        <span>Encash</span>
                    </a>
                </div>
                
 
                <!-- Tabs -->
                <ul class="nav nav-tabs" id="orderTabs" role="tablist">
                    <li class="nav-item " role="presentation">
                        <a href="https://computology.xyz/shop/account/encashments/pending" class="nav-link text-secondary {{$status=='pending'?'active':''}}" id="pending-tab" role="tab">
                            Pending
                        </a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a href="https://computology.xyz/shop/account/encashments/completed" class="nav-link text-secondary {{$status=='completed'?'active':''}}" id="completed-tab" role="tab">
                            Completed
                        </a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a href="https://computology.xyz/shop/account/encashments/cancelled" class="nav-link text-secondary {{$status=='cancelled'?'active':''}}" id="cancelled-tab" role="tab">
                            Cancelled
                        </a>
                    </li>
                </ul>

                <!-- Tab Content -->
                <div class="tab-content mt-3" id="orderTabsContent">
                    <!-- Pending Tab -->
                    <div class="tab-pane fade show active" id="pending" role="tabpanel" aria-labelledby="pending-tab">
                        <div class="my-account-content account-order">
                            <div class="wrap-account-order">
                                <table>
                                    <thead>
                                        <tr>
                                            <th class="fw-6">Reference</th>
                                            <th class="fw-6">Type</th>
                                            <th class="fw-6">Requested Amount</th>
                                            <th class="fw-6">Payout</th>
                                            <th class="fw-6">Date</th>
                                            <th class="fw-6">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($encashments_query as $encashment)
                                        <tr class="tf-order-item">
                                            <td>
                                                {{$encashment->reference}}
                                            </td>
                                            <td>
                                                {{$encashment->request_type}}
                                            </td>
                                            <td>
                                                ₱{{number_format($encashment->request_bonus,2)}} 
                                            </td>
                                            <td>
                                                ₱{{number_format($encashment->payout,2)}} 
                                            </td>
                                            <td>
                                                {{date('F d, Y',strtotime($encashment->created_at))}}
                                            </td>
                                            <td>
                                                <a href="{{route('shop.account.encashments.view',['encashments_id' => Crypt::encrypt($encashment->id)])}}" class="tf-btn btn-fill animate-hover-btn rounded-0 justify-content-center">
                                                    <span>View</span>
                                                </a>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
            
                    <!-- Completed Tab -->
                    <div class="tab-pane fade" id="completed" role="tabpanel" aria-labelledby="completed-tab">
                        <div class="my-account-content account-order">
                            <div class="wrap-account-order">
                                <table>
                                    <thead>
                                        <tr>
                                            <th class="fw-6">Reference</th>
                                            <th class="fw-6">Type</th>
                                            <th class="fw-6">Requested Amount</th>
                                            <th class="fw-6">Payout</th>
                                            <th class="fw-6">Date</th>
                                            <th class="fw-6">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($encashments_query as $encashment)
                                        <tr class="tf-order-item">
                                            <td>
                                                {{$encashment->reference}}
                                            </td>
                                            <td>
                                                {{$encashment->request_type}}
                                            </td>
                                            <td>
                                                ₱{{number_format($encashment->request_bonus,2)}} 
                                            </td>
                                            <td>
                                                ₱{{number_format($encashment->payout,2)}} 
                                            </td>
                                            <td>
                                                {{date('F d, Y',strtotime($encashment->created_at))}}
                                            </td>
                                            <td>
                                                <a href="{{route('shop.account.encashments.view',['encashments_id' => Crypt::encrypt($encashment->id)])}}" class="tf-btn btn-fill animate-hover-btn rounded-0 justify-content-center">
                                                    <span>View</span>
                                                </a>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
            
                    <!-- Cancelled Tab -->
                    <div class="tab-pane fade" id="cancelled" role="tabpanel" aria-labelledby="cancelled-tab">
                        <div class="my-account-content account-order">
                            <div class="wrap-account-order">
                                <table>
                                    <thead>
                                        <tr>
                                            <th class="fw-6">Reference</th>
                                            <th class="fw-6">Type</th>
                                            <th class="fw-6">Requested Amount</th>
                                            <th class="fw-6">Payout</th>
                                            <th class="fw-6">Date</th>
                                            <th class="fw-6">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($encashments_query as $encashment)
                                        <tr class="tf-order-item">
                                            <td>
                                                {{$encashment->reference}}
                                            </td>
                                            <td>
                                                {{$encashment->request_type}}
                                            </td>
                                            <td>
                                                ₱{{number_format($encashment->request_bonus,2)}} 
                                            </td>
                                            <td>
                                                ₱{{number_format($encashment->payout,2)}} 
                                            </td>
                                            <td>
                                                {{date('F d, Y',strtotime($encashment->created_at))}}
                                            </td>
                                            <td>
                                                <a href="{{route('shop.account.encashments.view',['encashments_id' => Crypt::encrypt($encashment->id)])}}" class="tf-btn btn-fill animate-hover-btn rounded-0 justify-content-center">
                                                    <span>View</span>
                                                </a>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</section>
<!-- page-cart -->


<div class="btn-sidebar-account">
    <button data-bs-toggle="offcanvas" data-bs-target="#mbAccount" aria-controls="offcanvas"><i class="icon icon-sidebar-2"></i></button>
</div>
@endsection           
@section('page_script') 
@parent
<script>
    
    $(".account-menu.encashments").addClass('active')
</script>
@endsection                                  
<!-- App js -->