@extends('layouts.app')

@section('content')
<div class="col-12">

</div>
<div class="col-12">
    <div class="card">
        <div class="card-header">
            <h5 class="title mb-0">Bank</h5>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb"style="background-color: white; padding-left: 2px">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('bank') }}">Banks</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ $bank->bank_name }}</li>
                </ol>
            </nav>
        </div>
        <div class="card-body">
            <div class="row">

                <div class="col-4">
                    <small class="text-secondary">Bank Name</small>
                    <h5 class="ml-3">{{ $bank->bank_name }}</h5>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Branch</small>
                    <p class="ml-3">{{ $bank->branch }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Swift Code</small>
                    <p class="ml-3">{{ $bank->swift_code }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Account Name</small>
                    <p class="ml-3">{{ $bank->account_name }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Account Number</small>
                    <p class="ml-3">{{ $bank->account_number }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Is Primary</small>
                    <p class="ml-3">
                        @if($bank->is_primary)
                            <i class="fas fa-check text-success"></i>
                        @else
                            <i class="fas fa-times text-danger"></i>
                        @endif
                    </p>
                </div>
            </div>
        </div>
        <div class="card-footer">
        </div>
    </div>
</div>
@endsection