@extends('layouts.side_bar')

@section('content')







<div class="d-flex justify-content-center ">

    <div class="jumbotron shadow-lg bg-transparent m-4">
<div class="card shadow-lg overflow-auto" style="max-height:700px ">

    <div class="card-header font-italic font-weight-bold text-dark bg-success text-center">Successful Uploads

        <a href="{{url('downloadPayment_summary/success')}}" class="btn btn-sm btn-outline-warning text-white fa fa-download m-1">
            Download Excel
        </a>
    </div>
    <div class="card-body>">
        <table class="table-bordered table-striped text-center">
            <thead class="bg-primary text-dark" style="position: sticky;top: 0;background-color: #3e64ff" >
            <th id="th1">Account Number</th>
            <th id="th1">Paid Amount</th>
            <th id="th1">Paid By</th>
            <th id="th1">Paid Date</th>
            <th id="th1">Payment Type</th>
            <th id="th1">Status </th>

            </thead>


            @foreach($success as $ok)
                <tr>




                    <td class="bg-light font-weight-bold">{{$ok->accountNumber}}</td>
                    <td>RM  {{$ok->paidAmount}}</td>
                    <td>{{$ok->paidBy}}</td>
                    <td>{{$ok->paidDate}}</td>


                        <td> {{$ok->paymentType}}</td>

                        <td class="bg-success text-light">  {{'Verified'}}</td>

                </tr>
            @endforeach
        </table>

    </div>

</div>

    </div>
{{--split--}}

    @if($error->isNotEmpty())
    <div class="jumbotron shadow-lg bg-transparent m-4">
        <div class="card shadow-lg overflow-auto" style="max-height:700px ">
            <div class="card-header font-italic font-weight-bold text-dark bg-danger text-center">Unsuccessful Uploads
                <a href="{{url('downloadPayment_summary/error')}}" class="btn btn-sm btn-outline-info text-white fa fa-download m-1">
                    Download Excel
                </a>
            </div>
            <div class="card-body>">
                <table class="table-bordered table-striped text-center">
                    <thead class="bg-primary text-dark" style="position: sticky;top: 0;background-color: #3e64ff" >
                    <th id="th1">Account Number</th>
                    <th id="th1">Paid Amount</th>
                    <th id="th1">Paid By</th>
                    <th id="th1">Paid Date</th>
                    <th id="th1">Payment Type</th>
                    <th id="th1">Status </th>

                    </thead>


                    @foreach($error as $e)
                        <tr>




                            <td class="bg-light font-weight-bold">{{$e->values()[$ac]}}</td>
                            <td>RM  {{$e->values()[$pa]}}</td>
                            <td>{{$e->values()[$pb]}}</td>
                            <td>{{$e->values()[$pd]}}</td>


                            <td> {{$e->values()[$pt]}}</td>

                            <td class="bg-danger text-light">  {{'Account Not Found'}}</td>

                        </tr>
                    @endforeach
                </table>

            </div>

        </div>








{{--        @foreach( as $e)--}}
{{--            {{$e->values()[$pa]}}--}}
{{--            {{$e->values()[$pb]}}--}}
{{--            {{$e->values()[$pd]}}--}}
{{--        @endforeach--}}

    </div>
    @endif




</div>


@endsection