@extends('cms.layouts.main')

@section('content')
@include('cms.layouts.headers.cards')

<div class="container-fluid mt--7">
    <div class="card shadow mt-5">
        <div class="card-header border-0">
            <div class="row align-items-center">
                <div class="col">
                    <h3 class="mb-0">{{ $user->full_name }} Funds</h3>
                </div>
            </div>
        </div>

        <div class="px-4">
            @include('cms.components.alert', ['with' => 'status', 'class' => 'success'])
        </div>

        <table class="table align-items-center table-flush datatable">
            <thead class="thead-light">
                <tr>
                    <th scope="col">Amount</th>
                    <th scope="col">Description</th>
                    <th scope="col">EPG Completed</th>
                    <th scope="col">EPG Order ID</th>
                    <th scope="col">EPG Description</th>
                    <th scope="col">Created At</th>
                </tr>
            </thead>
            <tbody>
                @foreach($rows as $row)
                <tr>
                    <td>{{ $row->amount_formated }}</td>
                    <td>{{ $row->description }}</td>
                    <td>
                        @if($row->epg)
                            @if($row->epg_completed)
                                <span class="badge badge-pill badge-success">Completed</span>
                            @else
                                <span class="badge badge-pill badge-danger">Not Completed</span>
                            @endif
                        @endif
                    </td>
                    <td>{{ $row->epg_order_id }}</td>
                    <td>{{ $row->epg_description }}</td>
                    <td>{{ date('d M Y - h:i A', strtotime($row->created_at)) }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    @include('cms.layouts.footers.auth')
</div>
@endsection