@extends('admin.layouts.master')

@section('contents')
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{trans('Bank Details')}}</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{trans('Home')}}</a>
                                </li>
                                <li class="breadcrumb-item"><a href="{{route('banks.index')}}">{{trans('Banks')}}</a>
                                </li>
                                <li class="breadcrumb-item active">{{trans('Bank Details')}}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-right col-md-3 col-12 d-md-block d-none">
                <div class="form-group breadcrumb-right">
                    <div class="dropdown">
                        @can('update_banks')
                            <a href="{{ route('banks.edit', $bank) }}" class="btn btn-warning">
                                <i class="feather icon-edit"></i> {{trans('Edit Bank')}}
                            </a>
                        @endcan
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{{trans('Bank Information')}}</h4>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <table class="table table-borderless">
                                            <tr>
                                                <th width="150">{{trans('ID')}}:</th>
                                                <td>{{ $bank->id }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{trans('Arabic Name')}}:</th>
                                                <td>{{ $bank->name_ar }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{trans('English Name')}}:</th>
                                                <td>{{ $bank->name_en }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{trans('Bank Code')}}:</th>
                                                <td>{{ $bank->code ?? '-' }}</td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="col-md-6">
                                        <table class="table table-borderless">
                                            <tr>
                                                <th width="150">{{trans('SWIFT Code')}}:</th>
                                                <td>{{ $bank->swift_code ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{trans('Country')}}:</th>
                                                <td>{{ $bank->country->name ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{trans('Status')}}:</th>
                                                <td>
                                                    <span class="badge badge-{{ $bank->is_active ? 'success' : 'danger' }}">
                                                        {{ $bank->is_active ? trans('Active') : trans('Inactive') }}
                                                    </span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>{{trans('Created At')}}:</th>
                                                <td>{{ $bank->created_at->format('Y-m-d H:i:s') }}</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>

                                <div class="row mt-2">
                                    <div class="col-12">
                                        <a href="{{ route('banks.index') }}" class="btn btn-secondary">
                                            <i class="feather icon-arrow-left"></i> {{trans('Back to List')}}
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection