@extends('layouts.user')

@section('title')
    @lang('Bill Payment List')
@endsection

@section('breadcrumb')
    @lang('Bill Payment List')
@endsection

@section('content')
    @include('user.partials.breadcrumb',['btitle'=>'Bill Payment List'])

    <div class="nk-block">
        <div class="card card-bordered card-stretch">
            <div class="card-inner-group">
                <div class="card-inner">
                    <div class="card-title-group">
                        <div class="card-title">
                            <h5 class="title">All Bill Payment List</h5>
                        </div>
                        <div class="card-tools me-n1">
                            <button type="button"  data-bs-toggle="modal" data-bs-target="#modalAirtime" class="btn btn-info">New Bill Payment</button>
                        </div>


                    </div><!-- .card-title-group -->
                </div><!-- .card-inner -->
                <div class="card-inner p-0">
                    <div class="nk-tb-list nk-tb-tnx">
                        <div class="nk-tb-item nk-tb-head">
                            <div class="nk-tb-col"><span>Details</span></div>
                            <div class="nk-tb-col text-end"><span>Status</span></div>

                        </div><!-- .nk-tb-item -->
                        @foreach($bills as $k=>$item)
                            <div class="nk-tb-item">
                                <div class="nk-tb-col">
                                    <div class="nk-tnx-type">
                                        <div class="nk-tnx-type-icon bg-success-dim text-success">
                                            {{$k+1}}
                                        </div>
                                        <div class="nk-tnx-type-text">
                                            <span class="tb-lead">{{$item->descriptions}}</span>
                                            <span class="tb-date">{{dateFormat($item->created_at)}}</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="nk-tb-col text-end">
                                    @if($item->flw_transfer_status == 'NEW')
                                        <span class="badge bg-primary">@lang('Initiated')</span>
                                    @elseif($item->flw_transfer_status == 'Failed')
                                        <span class="badge bg-danger">@lang('Failed')</span>
                                        <button class="badge bg-secondary reason" data-bs-toggle="modal" data-bs-target="#modal-team" data-reason="{{$item->reject_reason}}"><i class="fas fa-info"></i></button>
                                    @else
                                        <span class="badge bg-success">Success</span>

                                    @endif
                                </div>

                            </div><!-- .nk-tb-item -->
                        @endforeach

                    </div><!-- .nk-tb-list -->
                </div><!-- .card-inner -->

                @if ($bills->hasPages())
                    <div class="card-inner">
                        {{$bills->links()}}
                    </div>
                @endif

            </div><!-- .card-inner-group -->
        </div><!-- .card -->
    </div><!-- .nk-block -->

@endsection