@include('layout.header')

<div class="recharge transaction">
    <!-- HEADER -->
    <nav class="top_nav">
        <div class="left">
            <a href="{{url('/user/dashboard')}}"><img src="{{asset('assets/img/back_arrow.png')}}" alt="" />
            </a>
            <span>Bank Detail</span>
        </div>
        <div class="right">
            <a href="{{url('/user/addBankCard')}}">
                <i class="bi bi-plus-circle" style="font-size: 25px;"></i>
            </a>
        </div>
    </nav>
    <!-- HEADER -->

    <!-- TABLE -->
    <div class="recharge_box">
        <div class="completed_list">
            <ul class="list_box list-unstyled">
                @if(count($banks) > 0)
                @foreach($banks as $bank)
                <li>
                    <ol>
                        <p>Bank</p>
                        <p>{{$bank->name}}</p>
                    </ol>
                    <ol>
                        <p>Bank Name</p>
                        <p>{{$bank->bank_name}}</p>
                    </ol>
                    <ol>
                        <p>IFSC</p>
                        <p>{{$bank->ifsc}}</p>
                    </ol>
                    <ol>
                        <p>Account</p>
                        <p>{{$bank->account}}</p>
                    </ol>
                    <ol>
                        <p>Action</p>
                        <div>
                            <p>
                                <a href="{{url('/user/edit/bankCard/'.$bank->id)}}" class="gocode m-t-12 m-b-12">Edit</a>&nbsp;
                                <a href="{{url('/user/delete/bankCard/'.$bank->id)}}" class="gocode m-t-12 m-b-12">Delete</a>
                            </p>
                        </div>
                    </ol>

                </li>
                @endforeach
                @else
                        <p class="text-center">No Banks Added.</p>
                @endif


            </ul>
        </div>
        <!---->

        <!--		Start Pagination -->
        <div class="pagination-container d-flex justify-content-center">
            <nav class="d-flex justify-content-center gap-3">
                {{$banks->links('userDashboard.pagination')}}

            </nav>
        </div>
    </div>
</div>
<!-- TABLE -->
</div>




@include('layout.footer')