@extends('layouts.backend')
@section('title', '| Payment Settings')

@section('content')
<div class="col-md-12">
     
    <div class="alert alert-success d-none">
       
    </div>
   
    @if(isset($paymentSetting_error) || $paymentSetting_error = Session::get('paymentSetting_error'))
    <div class="alert alert-danger">
        {{ $paymentSetting_error }}
    </div>
    @endif

    <div class="alert alert-danger d-none" id="error_show_by_js">
       
    </div>
 
</div>

<div class="col-md-12 margin-tb">
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Payment Settings</h3>
            <div class="card-tools">
                <div class="pull-right">
                    <a class="btn-sm btn-success" href="{{ route('adminHome') }}"> Back </a>
                </div>
            </div>
        </div>
        <!-- /.card-header -->
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <select name="payment_method" id="payment-method" class="form-control">
                        @if(isset($paymentMethods))
                            @forelse ($paymentMethods as $paymentMethod)
                                <option value="{{ $paymentMethod->id }}">{{ $paymentMethod->name }}</option> 
                            @empty
                                <option value="" disabled selected>No payment methods available</option>
                            @endforelse
                        @else
                        <option value="" disabled  selected>No payment methods available</option>
                        @endif
                    </select>
                </div>
                <div class="col-md-6">
                    
                </div>
            </div>
        </div>
    </div>
    <!-- Payment Information Table -->
    <div class="card">
        <div class="card-header d-flex justify-content-between">
            <h3 class="card-title" style="flex: 1;">Payment Information</h3>
            {{-- Check if the current user has permission to add the payment setting --}}
            @can('payment-settings-create')
            <button class="btn btn-primary" data-toggle="modal" data-target="#paymentSettingsModal">Add New Details</button>
            @endcan
        </div>

        <div class="card-body">
        <div id="loader" class="loader"></div>
            <!--Table will add by jquery-->
            <div id="payment-information-body"></div>
        </div>
    </div>
</div>
@include('backend.settings.paymentSettings.create')
@include('backend.settings.paymentSettings.view')
@include('backend.settings.paymentSettings.edit')

@endsection