@extends('web.layouts.container')

@section('content')
    <section class="page_header">
        <div class="container">
            <div class="content">
                <ul class="links">
                    <li class="li_link">
                        <a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)}}">{{__('main.home_page')}}</a>
                    </li>
                    <li class="li_link">
                        <span>{{$title}}</span>
                    </li>
                </ul>

            </div>
            <div class="section_head text-center">
                <h2>{{$title}}</h2>
            </div>
        </div>
        <img src="{{asset('assets/web/images/heading-pattern-l.png')}}" class="pattern-l">
        <img src="{{asset('assets/web/images/heading-pattern-r.png')}}" class="pattern-r">
    </section>
    <!--Start bank-acc -->
    <section class="bank-acc section-padding">
        <div class="container">
            <div class="row">
                @if(count($bankAccounts))
                    @foreach($bankAccounts as $bankAccount)
                        <div class="col-md-6">
                            <div class="bank-card">
                                <img src="{{$bankAccount->image ? asset($bankAccount->image) : asset('assets/web/images/bank-acc-1.png')}}" alt="" class="bank-logo">
                                <div class="text">
                                    <h6>{{$bankAccount->name}}</h6>
                                    <span>رقم الحساب</span>
                                    <p>{{$bankAccount->account_number}}</p>
                                    <span>رقم الآيبان</span>
                                    <p>{{$bankAccount->iban}}</p>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endif

            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection