@extends('layouts.app')
@push('title')
    {{ $pageTitle }}
@endpush
@section('content')

    <div class="page-content-wrapper bda-pb-100 bda-pt-30 bda-px-18 ">
        <div class="bda-mb-30">
            <!-- breadcrumb  -->
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb bda-breadcrumb">
                    <li class="breadcrumb-item title-light">{{$previousBreadcrumb}}</a></li>
                    <li class="breadcrumb-item active " aria-current="page">{{$breadcrumb}}</li>
                </ol>
            </nav>
        </div>

        <!-- data table area start -->
        <div class="bda-table-data overflow-x-auto">
            <div class="bda-card-area-box">
                <div class="bda-card-box bda-w-1300">
                    <div class="d-flex justify-content-between align-items-center gap-3 flex-wrap bda-mb-30">
                        <div class="bda-table-search">
                            <input type="text" placeholder="{{__('Search')}}" id="search">
                            <button type="button" class="bda-btu-search">
                                <img src="{{getImageUrl('assets/images/icon/Search.svg')}}" alt="{{__('Search Icon')}}">
                            </button>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <table class="table bda-data-table-box " id="paymentDataTable">
                            <thead>
                            <tr>
                                <th class="text-start">{{__('SN')}}</th>
                                <th class="text-start">{{__('Image')}}</th>
                                <th class="text-start">{{__('Name')}}</th>
                                <th class="text-start">{{__('Status')}}</th>
                                <th class="text-start">{{__('Mode')}}</th>
                                <th class="text-end">{{__('Action')}}</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- data table area end -->
    </div>
    <!-- Page Content Wrapper End -->


    <div class="modal editModal fade bda-z-i-999" id="paymentEditModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content bda-card-area-box" id="paymentEditFormShow">

            </div>
        </div>
    </div>
    <input type="hidden" value="{{route('admin.settings.payment-gateway.getData')}}" id="getRoute">
    <input type="hidden" value="{{route('admin.settings.payment-gateway.edit')}}" id="editRoute">
@endsection
@push('script')
    <script src="{{ asset('assets/js/custom/admin/payment.js') }}"></script>
@endpush
