@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('Banks Management')}}</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 active">{{trans('Banks')}}
                                </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('create_banks')
                            <a href="{{ route('banks.create') }}" class="btn btn-primary">
                                <i class="feather icon-plus"></i> {{trans('Add New Bank')}}
                            </a>
                        @endcan
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <div class="row" id="basic-table">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{{trans('Banks List')}}</h4>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                @include('admin.banks.search_form')

                                <!-- Table -->
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>{{trans('ID')}}</th>
                                                <th>{{trans('Name')}}</th>
                                                <th>{{trans('Code')}}</th>
                                                <th>{{trans('SWIFT Code')}}</th>
                                                <th>{{trans('Country')}}</th>
                                                <th>{{trans('Status')}}</th>
                                                <th>{{trans('Created At')}}</th>
                                                <th>{{trans('Actions')}}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse($rows as $bank)
                                                <tr>
                                                    <td>{{ $bank->id }}</td>
                                                    <td>
                                                        <div>
                                                            <strong>{{ $bank->name }}</strong>
                                                        </div>
                                                    </td>
                                                    <td>{{ $bank->code ?? '-' }}</td>
                                                    <td>{{ $bank->swift_code ?? '-' }}</td>
                                                    <td>{{ $bank->country->name ?? '-' }}</td>
                                                    <td>
                                                        <span class="badge badge-{{ $bank->is_active ? 'success' : 'danger' }}">
                                                            {{ $bank->is_active ? trans('Active') : trans('Inactive') }}
                                                        </span>
                                                    </td>
                                                    <td>
                                                        <span title="{{ $bank->created_at->format('F j, Y \a\t g:i A') }}">
                                                            {{ $bank->created_at->format('M j, Y') }}
                                                            <br>
                                                            <small class="text-muted">{{ $bank->created_at->format('g:i A') }}</small>
                                                        </span>
                                                    </td>
                                                    <td>
                                                        <div class="btn-group" role="group">
                                                            @can('view_banks')
                                                                <a href="{{ route('banks.show', $bank) }}" 
                                                                   class="btn btn-sm btn-info">
                                                                    <i class="feather icon-eye"></i>
                                                                </a>
                                                            @endcan
                                                            
                                                            @can('update_banks')
                                                                <a href="{{ route('banks.edit', $bank) }}" 
                                                                   class="btn btn-sm btn-warning">
                                                                    <i class="feather icon-edit"></i>
                                                                </a>
                                                                
                                                                <a href="{{ route('banks.toggle-status', $bank) }}" 
                                                                   class="btn btn-sm btn-{{ $bank->is_active ? 'secondary' : 'success' }}"
                                                                   onclick="return confirm('{{trans('Are you sure you want to change the status?')}}')">
                                                                    <i class="feather icon-{{ $bank->is_active ? 'pause' : 'play' }}"></i>
                                                                </a>
                                                            @endcan
                                                            
                                                            @can('delete_banks')
                                                                <a href="{{ route('banks.delete', $bank) }}" 
                                                                   class="btn btn-sm btn-danger"
                                                                   onclick="return confirm('{{trans('Are you sure you want to delete this bank?')}}')">
                                                                    <i class="feather icon-trash-2"></i>
                                                                </a>
                                                            @endcan
                                                        </div>
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="8" class="text-center">{{trans('No banks found.')}}</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>

                                <!-- Pagination -->
                                @include('admin.components.advanced-pagination', ['paginator' => $rows])
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection