@extends('layout.app')

@section('content')

@if(session('success_message'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success_message') }}
        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
    </div>
@endif
@if(session('error_message'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {{ session('error_message') }}
        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
    </div>
@endif

<div class="row">

    {{-- Create Form --}}
    @can('sub-reseller-bank-account-create')
    <div class="col-md-4">
        <div class="card card-primary">
            <div class="card-header">
                <h3 class="card-title"><i class="fa fa-plus mr-1"></i> Add Bank Account</h3>
            </div>
            <form action="{{ route('sub-reseller-bank-account.store') }}" method="POST">
                @csrf
                <div class="card-body">

                    <div class="form-group">
                        <label>Sub Reseller <span class="text-danger">*</span></label>
                        <select name="pop_id" class="select2 form-control" required>
                            <option value="">-- Select Sub Reseller --</option>
                            @foreach($subResellers as $pop)
                                <option value="{{ $pop->id }}" {{ old('pop_id') == $pop->id ? 'selected' : '' }}>
                                    {{ $pop->popname }}
                                </option>
                            @endforeach
                        </select>
                        @error('pop_id')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>

                    <div class="form-group">
                        <label>Bank Name <span class="text-danger">*</span></label>
                        <input type="text" name="bank_name" class="form-control"
                               value="{{ old('bank_name') }}" placeholder="e.g. Dutch-Bangla Bank" required>
                        @error('bank_name')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>

                    <div class="form-group">
                        <label>Account Name <span class="text-danger">*</span></label>
                        <input type="text" name="account_name" class="form-control"
                               value="{{ old('account_name') }}" placeholder="Account holder name" required>
                        @error('account_name')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>

                    <div class="form-group">
                        <label>Account Number <span class="text-danger">*</span></label>
                        <input type="text" name="account_number" class="form-control"
                               value="{{ old('account_number') }}" placeholder="Account number" required>
                        @error('account_number')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>

                    <div class="form-group">
                        <label>Branch Name <span class="text-danger">*</span></label>
                        <input type="text" name="branch_name" class="form-control"
                               value="{{ old('branch_name') }}" placeholder="Branch name" required>
                        @error('branch_name')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>

                    <div class="form-group">
                        <label>Routing Number <span class="text-danger">*</span></label>
                        <input type="text" name="routing_number" class="form-control"
                               value="{{ old('routing_number') }}" placeholder="Routing number" required>
                        @error('routing_number')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>

                    <div class="form-group">
                        <label>Mobile Banking Info <span class="text-muted">(Optional)</span></label>
                        <input type="text" name="mobile_banking_info" class="form-control"
                               value="{{ old('mobile_banking_info') }}" placeholder="e.g. bKash: 01700000000">
                        @error('mobile_banking_info')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>

                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-primary btn-block">
                        <i class="fa fa-save"></i> Save Bank Account
                    </button>
                </div>
            </form>
        </div>
    </div>
    @endcan

    {{-- List --}}
    <div class="col-md-{{ auth()->user()->can('sub-reseller-bank-account-create') ? '8' : '12' }}">
        <div class="card">
            <div class="card-header d-flex align-items-center justify-content-between">
                <h3 class="card-title">Bank Account List</h3>
            </div>
            <div class="card-body">

                {{-- Filter --}}
                <form method="GET" action="{{ route('sub-reseller-bank-account.index') }}" class="mb-3">
                    <div class="row align-items-end">
                        <div class="col-md-7">
                            <label>Filter by Sub Reseller</label>
                            <select name="pop_id" class="select2 form-control">
                                <option value="">All Sub Resellers</option>
                                @foreach($subResellers as $pop)
                                    <option value="{{ $pop->id }}" {{ request('pop_id') == $pop->id ? 'selected' : '' }}>
                                        {{ $pop->popname }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-5 mt-2">
                            <button type="submit" class="btn btn-primary btn-sm">
                                <i class="fa fa-filter"></i> Filter
                            </button>
                            <a href="{{ route('sub-reseller-bank-account.index') }}" class="btn btn-secondary btn-sm ml-1">
                                <i class="fa fa-times"></i> Clear
                            </a>
                        </div>
                    </div>
                </form>

                <div class="table-responsive">
                    <table class="table table-bordered table-striped table-sm">
                        <thead class="thead-dark">
                            <tr>
                                <th>#</th>
                                <th>Sub Reseller</th>
                                <th>Bank Name</th>
                                <th>Account Name</th>
                                <th>Account Number</th>
                                <th>Branch</th>
                                <th>Routing</th>
                                <th>Mobile Banking</th>
                                <th>Added By</th>
                                @canany(['sub-reseller-bank-account-edit','sub-reseller-bank-account-delete','sub-reseller-bank-account-history'])
                                    <th>Action</th>
                                @endcanany
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($list as $account)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td class="font-weight-bold">{{ $account->pop->popname ?? 'N/A' }}</td>
                                    <td>{{ $account->bank_name }}</td>
                                    <td>{{ $account->account_name }}</td>
                                    <td><code>{{ $account->account_number }}</code></td>
                                    <td>{{ $account->branch_name }}</td>
                                    <td>{{ $account->routing_number }}</td>
                                    <td>{{ $account->mobile_banking_info ?? '-' }}</td>
                                    <td>{{ $account->createdBy->name ?? 'N/A' }}</td>
                                    @canany(['sub-reseller-bank-account-edit','sub-reseller-bank-account-delete','sub-reseller-bank-account-history'])
                                        <td class="text-nowrap">
                                            @can('sub-reseller-bank-account-edit')
                                                <button type="button" class="btn btn-warning btn-xs"
                                                    onclick="openEditModal(
                                                        {{ $account->id }},
                                                        '{{ addslashes($account->bank_name) }}',
                                                        '{{ addslashes($account->account_name) }}',
                                                        '{{ addslashes($account->account_number) }}',
                                                        '{{ addslashes($account->branch_name) }}',
                                                        '{{ addslashes($account->routing_number) }}',
                                                        '{{ addslashes($account->mobile_banking_info ?? '') }}'
                                                    )">
                                                    <i class="fa fa-edit"></i> Edit
                                                </button>
                                            @endcan
                                            @can('sub-reseller-bank-account-delete')
                                                <form action="{{ route('sub-reseller-bank-account.destroy', $account->id) }}"
                                                      method="POST" class="d-inline"
                                                      onsubmit="return confirm('Delete this bank account?')">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-danger btn-xs">
                                                        <i class="fa fa-trash"></i> Delete
                                                    </button>
                                                </form>
                                            @endcan
                                            @can('sub-reseller-bank-account-history')
                                                <a href="{{ route('editLog-history', ['id' => $account->id, 'type' => 'SubResellerBankAccount']) }}"
                                                   class="btn btn-secondary btn-xs">
                                                    <i class="fa fa-list-alt"></i> History
                                                </a>
                                            @endcan
                                        </td>
                                    @endcanany
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="10" class="text-center text-muted py-3">
                                        No bank accounts found.
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                        @if($list->isNotEmpty())
                            <tfoot>
                                <tr class="font-weight-bold bg-light">
                                    <td colspan="9" class="text-right">Total: {{ $list->count() }} account(s)</td>
                                    @canany(['sub-reseller-bank-account-edit','sub-reseller-bank-account-delete','sub-reseller-bank-account-history'])
                                        <td></td>
                                    @endcanany
                                </tr>
                            </tfoot>
                        @endif
                    </table>
                </div>

            </div>
        </div>
    </div>

</div>

{{-- Edit Modal --}}
@can('sub-reseller-bank-account-edit')
<div class="modal fade" id="editBankModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-warning">
                <h5 class="modal-title"><i class="fa fa-edit mr-1"></i> Edit Bank Account</h5>
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <form id="editBankForm" method="POST">
                @csrf
                @method('PUT')
                <div class="modal-body">

                    <div class="form-group">
                        <label>Bank Name <span class="text-danger">*</span></label>
                        <input type="text" name="bank_name" id="edit_bank_name" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>Account Name <span class="text-danger">*</span></label>
                        <input type="text" name="account_name" id="edit_account_name" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>Account Number <span class="text-danger">*</span></label>
                        <input type="text" name="account_number" id="edit_account_number" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>Branch Name <span class="text-danger">*</span></label>
                        <input type="text" name="branch_name" id="edit_branch_name" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>Routing Number <span class="text-danger">*</span></label>
                        <input type="text" name="routing_number" id="edit_routing_number" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>Mobile Banking Info <span class="text-muted">(Optional)</span></label>
                        <input type="text" name="mobile_banking_info" id="edit_mobile_banking_info" class="form-control">
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Update</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endcan

@endsection

@section('ajax')
<script>
function openEditModal(id, bankName, accountName, accountNumber, branchName, routingNumber, mobileBankingInfo) {
    document.getElementById('edit_bank_name').value           = bankName;
    document.getElementById('edit_account_name').value        = accountName;
    document.getElementById('edit_account_number').value      = accountNumber;
    document.getElementById('edit_branch_name').value         = branchName;
    document.getElementById('edit_routing_number').value      = routingNumber;
    document.getElementById('edit_mobile_banking_info').value = mobileBankingInfo;
    document.getElementById('editBankForm').action            = '/admin/sub-reseller-bank-account/' + id;
    $('#editBankModal').modal('show');
}
</script>
@endsection