@extends('admin/layout')
@section('title')
    {{ labels('admin_labels.payment_method_setting', 'Payment Method Setting') }}
@endsection
@php
    $hide_unwanted_payment_gateway = false;
@endphp
@section('content')
    <div class="d-flex row align-items-center">
        <div class="col-md-6 col-xl-6 page-info-title">

            <h3>{{ labels('admin_labels.payment_methods', 'Payment Methods') }}
            </h3>
            <p class="sub_title">
                {{ labels('admin_labels.control_and_optimize_payment_channels_with_precision', 'Control and Optimize Payment Channels with Precision') }}
            </p>
        </div>
        <div class="col-md-6 col-xl-6 d-flex justify-content-end">
            <nav aria-label="breadcrumb" class="float-end">
                <ol class="breadcrumb">
                    <i class='bx bx-home-smile'></i>
                    <li class="breadcrumb-item"><a
                            href="{{ route('admin.home') }}">{{ labels('admin_labels.home', 'Home') }}</a>
                    </li>
                    <li class="breadcrumb-item second_breadcrumb_item">
                        <a href="{{ route('settings.index') }}">{{ labels('admin_labels.settings', 'Settings') }}</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">`
                        {{ labels('admin_labels.payment_method_setting', 'Payment Method Setting') }}
                    </li>
                </ol>
            </nav>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 col-xl-4">
            <div class="card">
                <div class="tab-content p-4" id="pills-tabContent-vertical-pills">
                    <div class="tab-pane tab-example-design fade show active" id="pills-vertical-pills-design"
                        role="tabpanel" aria-labelledby="pills-vertical-pills-design-tab">
                        <div class="row">

                            <div class="nav flex-column nav-pills p-2" id="v-pills-tab" role="tablist"
                                aria-orientation="vertical">
                                <a class="nav-link active border payment_method_title" data-bs-toggle="pill" href="#paypal"
                                    role="tab" aria-selected="true">{{ labels('admin_labels.paypal', 'Paypal') }}</a>
                                <a class="nav-link border payment_method_title" data-bs-toggle="pill" href="#phonepe"
                                    role="tab" aria-selected="true">{{ labels('admin_labels.phonepe', 'phonepe') }}</a>
                                <a class="nav-link border payment_method_title mt-2" id="" data-bs-toggle="pill"
                                    href="#razorpay" role="tab" aria-controls="v-pills-profile" aria-selected="false"
                                    tabindex="-1">{{ labels('admin_labels.razorpay', 'Razorpay') }}</a>

                                <a class="nav-link border payment_method_title mt-2" id="" data-bs-toggle="pill"
                                    href="#paystack" role="tab" aria-controls="v-pills-profile" aria-selected="false"
                                    tabindex="-1">{{ labels('admin_labels.paystack', 'Paystack') }}</a>
                                <a class="nav-link border payment_method_title mt-2" id="" data-bs-toggle="pill"
                                    href="#stripe" role="tab" aria-controls="v-pills-profile" aria-selected="false"
                                    tabindex="-1">{{ labels('admin_labels.stripe', 'Stripe') }}</a>

                                @if ($hide_unwanted_payment_gateway == true)
                                    <a class="nav-link border payment_method_title mt-2" id=""
                                        data-bs-toggle="pill" href="#midtrans" role="tab"
                                        aria-controls="v-pills-profile" aria-selected="false"
                                        tabindex="-1">{{ labels('admin_labels.midtrans', 'Midtrans') }}</a>
                                    <a class="nav-link border payment_method_title mt-2" id=""
                                        data-bs-toggle="pill" href="#flutterwave" role="tab"
                                        aria-controls="v-pills-profile" aria-selected="false"
                                        tabindex="-1">{{ labels('admin_labels.flutterwave', 'Flutterwave') }}</a>
                                    <a class="nav-link border payment_method_title mt-2" id=""
                                        data-bs-toggle="pill" href="#fatoorah" role="tab"
                                        aria-controls="v-pills-profile" aria-selected="false"
                                        tabindex="-1">{{ labels('admin_labels.myfatoorah', 'Myfatoorah') }}</a>
                                    <a class="nav-link border payment_method_title mt-2" id=""
                                        data-bs-toggle="pill" href="#direct_bank_transfer" role="tab"
                                        aria-controls="v-pills-profile" aria-selected="false"
                                        tabindex="-1">{{ labels('admin_labels.direct_bank_transfer', 'Direct Bank Transfer') }}</a>
                                @endif
                                <a class="nav-link border payment_method_title mt-2" id="" data-bs-toggle="pill"
                                    href="#cash_on_delivery" role="tab" aria-controls="v-pills-profile"
                                    aria-selected="false"
                                    tabindex="-1">{{ labels('admin_labels.cash_on_delivery', 'Cash On Delivery') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12 col-xl-8 mt-md-2 mt-xl-0">
            <form class="form-horizontal submit_form" action="{{ route('payment_setting.store') }}" method="POST"
                id="">
                @csrf

                <div class="card">
                    <div class="tab-content" id="v-pills-tabContent">
                        <div class="tab-pane fade active show" id="paypal" role="tabpanel">
                            <div class="card">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div class="d-flex align-items-center">
                                        <h5 class="mb-0">
                                            {{ labels('admin_labels.paypal', 'Paypal') }}
                                        </h5>
                                    </div>
                                    <select name="paypal_method"
                                        class="form-select status_dropdown inactive_status">
                                        <option value="1"
                                            >
                                            Active
                                        </option>
                                        <option value="0"
                                            >
                                            Deactive
                                        </option>
                                    </select>

                                </div>

                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group mb-2">

                                                <label class="form-label"
                                                    for="">{{ labels('admin_labels.payment_mode', 'Payment Mode') }}
                                                    <small>[ sandbox / live ]</small><span
                                                        class="text-asterisks text-sm">*</span>
                                                </label>

                                            </div>
                                            <div class="form-group col-md-12 mt-2">
                                                <select name="paypal_mode" class="form-control form-select">
                                                    <option value="">
                                                        {{ labels('admin_labels.select_mode', 'Select Mode') }}
                                                    </option>
                                                    <option value="sandbox"
                                                        >
                                                        Sandbox (Testing)
                                                    </option>
                                                    <option value="production"
                                                        >
                                                        Production (Live)
                                                    </option>
                                                </select>

                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <label class="form-label"
                                                for="paypal_business_email">{{ labels('admin_labels.paypal_business_email', 'Paypal Business Email') }}</label><span
                                                class="text-asterisks text-sm">*</span>
                                            <input type="text" class="form-control" name="paypal_business_email"
                                                placeholder="Paypal Business Email"
                                                value="