@extends("web.layouts.master")
@section("content")
@include("web.components.title")
<section>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <article>
                    1. Please transfer the required amount from an ATM or mobile banking to one of the accounts below.
                    <br><br>
                    2. Tap "Take Photo" to take the picture of receipt with your phone camera, or "Choose Photo" to take the picture from gallery.
                    <br><br>
                    3. The picture will be uploaded, the our admin will process your transaction*.
                    <br><br><br>
                    * Please note that invalid transaction receipt will be ignored.
                    <ul class="accordion accordion-2">
                        @foreach ($bankInformations as $bankInformation)
                            <li class="active">
                                <div class="accordion__title">
                                    <span class="h5">{{ $bankInformation->bank_name }}</span>
                                </div>
                                <div class="accordion__content">
                                    <div>
                                        <div class="row unmarg">
                                            <div class="col-md-12">
                                                <span>Account Number:</span><br>
                                                <span>{{ $bankInformation->bank_account_number }}</span>
                                            </div>
                                        </div>
                                        <br>
                                        <div class="row unmarg">
                                            <div class="col-md-12">
                                                <span>Account Owner Number:</span><br>
                                                <span>{{ $bankInformation->bank_account_name }}</span>
                                            </div>
                                        </div>
                                        <br>
                                        <div class="row unmarg">
                                            <div class="col-md-12">
                                                <span>Message:</span><br>
                                                <span>{{ $bankInformation->message }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </article>
            </div>
        </div>
    </div>
</section>
@endsection