@extends('layouts.app')
@section('title', 'Ecommerce Settings')
@section('custom-css')
    <style>
        button.nav-link {
            white-space: nowrap;
            justify-content: start !important;
            padding: 10px 12px !important;
        }
    </style>
@endsection
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill"
                                    data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home"
                                    aria-selected="true">{{ __('pages.General Settings') }}
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="delivery-method-tab" data-bs-toggle="pill"
                                    data-bs-target="#delivery-method" type="button" role="tab"
                                    aria-controls="delivery-method" aria-selected="false">{{ __('pages.Delivery Method') }}
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill"
                                    data-bs-target="#pills-profile" type="button" role="tab"
                                    aria-controls="pills-profile" aria-selected="false">{{ __('pages.Payment Methods') }}
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="banner-image-tab" data-bs-toggle="pill"
                                    data-bs-target="#banner-image" type="button" role="tab"
                                    aria-controls="banner-image" aria-selected="false">{{ __('pages.Banner & Images') }}
                            </button>
                        </li>
                    </ul>
                    <div class="tab-content" id="pills-tabContent">
                        <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                             aria-labelledby="pills-home-tab">
                            <form id="websiteSettingForm" method="post"
                                  action="{{ route('ecommerce.setting.store') }}" enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <div class="col-lg-7">
                                        <div class="website-setting">
                                            <div class="row g-1 align-items-center">
                                                <div class="col-sm-12">
                                                    <label for="firstName" class="form-label">{{ __('pages.App Name') }}</label>
                                                    <input type="text" value="{{setting('app_name')}}"
                                                           name="app_name"
                                                           id="firstName"
                                                           placeholder="{{ __('pages.App Name') }}"
                                                           class="form-control">
                                                </div>
                                                <div class="col-sm-12">
                                                    <label for="lastName" class="form-label">{{ __('pages.Website Title') }}</label>
                                                    <input type="text" value="{{setting('website_title')}}"
                                                           name="website_title"
                                                           id="lastName"
                                                           placeholder="{{ __('pages.Website Title') }}"
                                                           class="form-control">
                                                </div>
                                                <div class="col-sm-12">
                                                    <label for="lastName" class="form-label">{{ __('pages.Website Description') }}</label>
                                                    <textarea
                                                            placeholder="{{ __('pages.Website Description') }}"
                                                              class="form-control text-dark"
                                                              name="website_description">
                                                        {{setting('website_description')}}
                                                    </textarea>
                                                </div>
                                                <div class="col-sm-6">
                                                    <label class="form-label">{{ __('pages.Store Phone Number') }}
                                                         </label>
                                                    <input type="text" value="{{setting('store_phone')}}"
                                                           name="store_phone"
                                                           placeholder="{{ __('pages.Store Phone Number') }}"
                                                           class="form-control">
                                                </div>
                                                <div class="col-sm-6">
                                                    <label class="form-label">{{ __('pages.Store Email') }}</label>
                                                    <input type="text" value="{{setting('store_email')}}"
                                                           name="store_email"
                                                           placeholder="{{ __('pages.Store Email') }}" class="form-control">
                                                </div>
                                                <div class="col-sm-12">
                                                    <label class="form-label">{{ __('pages.Store Address') }} </label>
                                                    <input type="text" value="{{setting('store_address')}}"
                                                           name="store_address"
                                                           placeholder="{{ __('pages.Store Address') }}"
                                                           class="form-control">
                                                </div>
                                                <div class="form-group col-6 has-success">
                                                    <label class="">{{ __('pages.Select Currency') }}</label>
                                                    <select name="currency" class="form-select">
                                                        <option value="">{{ __('pages.Select One') }}</option>
                                                        <option @if(setting('currency') == '$') selected
                                                                @endif value="$">($) US Dollar
                                                        </option>
                                                        <option @if(setting('currency') == 'CA$') selected
                                                                @endif value="CA$">(CA$) Canadian Dollar
                                                        </option>
                                                        <option @if(setting('currency') == '€') selected
                                                                @endif value="€">(€) Euro
                                                        </option>
                                                        <option @if(setting('currency') == 'AED') selected
                                                                @endif value="AED">(AED) United Arab Emirates Dirham
                                                        </option>
                                                        <option @if(setting('currency') == 'AU$') selected
                                                                @endif value="AU$">(AU$) Australian Dollar
                                                        </option>
                                                        <option @if(setting('currency') == 'Rs') selected
                                                                @endif value="Rs">(Rs) Indian Rupee
                                                        </option>
                                                        <option @if(setting('currency') == 'PKRs') selected
                                                                @endif value="PKRs"> (PKRs) Pakistani Rupee
                                                        </option>
                                                        <option @if(setting('currency') == 'CN¥') selected
                                                                @endif value="CN¥">(CN¥) Chinese Yuan
                                                        </option>
                                                        <option @if(setting('currency') == 'QR') selected
                                                                @endif value="QR"> (QR) Qatari Rial
                                                        </option>
                                                        <option @if(setting('currency') == 'Tk') selected
                                                                @endif value="Tk"> (Tk) Bangladeshi Taka
                                                        </option>
                                                    </select>
                                                </div>
                                                <div class="col-sm-6">
                                                    <label class="form-label">{{ __('pages.Minimum order amount') }} </label>
                                                    <input type="number"
                                                           value="{{setting('minimum_order_amount')}}"
                                                           name="minimum_order_amount"
                                                           class="form-control">
                                                </div>
                                                <div class="col-sm-12">
                                                    <label class="form-label">{{ __('pages.Site Meta Title') }} </label>
                                                    <input type="text"
                                                           value="{{setting('site_meta_title')}}"
                                                           name="site_meta_title"
                                                           class="form-control">
                                                </div>
                                                <div class="col-sm-12">
                                                    <label class="form-label">{{ __('pages.Site Meta Description') }} </label>
                                                    <textarea name="site_meta_description"
                                                              id="" rows="4"
                                                              class="form-control">
                                                {{setting('site_meta_description')}}
                                            </textarea>
                                                </div>
                                                <div class="col-sm-12">
                                                    <label for="lastName" class="form-label">{{ __('pages.Site Meta Keywords') }}</label>
                                                    <input name="site_meta_keywords"
                                                           value="{{setting('site_meta_keywords')}}"
                                                           class="form-control">
                                                    <span>{{ __('pages.Enter your keywords separate by (,)') }}</span>
                                                </div>
                                                <div class="col-sm-12">
                                                    <label class="form-label">{{ __('pages.Whatsapp number') }}</label>
                                                    <input type="text"
                                                           value="{{setting('whatsapp_number')}}"
                                                           name="whatsapp_number"
                                                           placeholder="Enter whatsapp number"
                                                           class="form-control">
                                                </div>
                                                <div class="col-sm-12">
                                                    <label class="form-label">{{ __('pages.Messenger chat link') }}</label>
                                                    <input type="text"
                                                           value="{{setting('messenger_link')}}"
                                                           name="messenger_link"
                                                           placeholder="Enter your link"
                                                           class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="media-setting">
                                            <div class="row gy-3">
                                                <div class="col-md-12">
                                                    <label for="logo_image" class="form-label file-selectore">
                                                        <span class="label">{{ __('pages.Select Logo') }}</span>
                                                    </label>
                                                    <div class="d-block my-2">
                                                        @if(setting('logo'))
                                                            <img height="55" width="250"
                                                                 src="{{ asset('storage/images/ecommerce/'.setting('logo')) }}"
                                                                 alt="">
                                                        @endif
                                                    </div>
                                                    <input type="file" name="logo" id="logo_image">
                                                    <label class="text-muted mt-2">{{__('pages.image size: 250 × 55 px')}}
                                                    </label>
                                                </div>
                                                <div class="col-md-12">
                                                    <label for="favicon_image" class="form-label file-selectore">
                                                        <span class="label">{{ __('pages.Select Favicon') }}</span>
                                                    </label>
                                                    <div class="d-block my-2">
                                                        @if(setting('favicon'))
                                                            <img height="128" width="128"
                                                                 src="{{ asset('storage/images/ecommerce/'.setting('favicon')) }}"
                                                                 alt="">
                                                        @endif
                                                    </div>
                                                    <input type="file" name="favicon" id="favicon_image">
                                                    <label class="text-muted mt-2">
                                                        {{ __('pages.image size: 128 × 128 px') }}
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="row mt-2">
                                                <div class="col-sm-12">
                                                    <label class="form-label">{{ __('pages.Facebook') }}</label>
                                                    <input type="url"
                                                           value="{{setting('media_facebook')}}"
                                                           name="media_facebook"
                                                           class="form-control">
                                                </div>
                                                <div class="col-sm-12">
                                                    <label class="form-label">{{ __('pages.Instagram') }}</label>
                                                    <input type="url"
                                                           value="{{setting('media_instagram')}}"
                                                           name="media_instagram"
                                                           class="form-control">
                                                </div>
                                                <div class="col-sm-12">
                                                    <label class="form-label">{{ __('pages.Youtube') }}</label>
                                                    <input type="url"
                                                           value="{{setting('media_youtube')}}"
                                                           name="media_youtube"
                                                           class="form-control">
                                                </div>
                                                <div class="col-sm-12">
                                                    <label class="form-label">{{ __('pages.Linkedin') }}</label>
                                                    <input type="url"
                                                           value="{{setting('media_linkedin')}}"
                                                           name="media_linkedin"
                                                           class="form-control">
                                                </div>
                                                <div class="mt-2">
                                                    <label for="">{{ __('pages.Set theme color') }}</label>
                                                    <input type="color" name="theme_color" value="{{ setting('theme_color') }}" class="form-control">
                                                </div>
                                            </div>
                                            <div class="gap-3 mt-4">
                                                <button type="submit"
                                                        class="btn btn-primary btn-border btn-success">
                                                    <span>{{ __('pages.Save Changes') }} </span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane fade" id="pills-profile" role="tabpanel"
                             aria-labelledby="pills-profile-tab">
                            <div class="row justify-content-center">
                                <div class="col-xl-4 col-lg-6">
                                    <form id="cashOnDeliveryForm" action="{{ route('ecommerce.setting.cod_payment') }}"
                                          method="post">
                                        <div class="card ribbon-box right overflow-hidden">
                                            <div class="card-body text-center">
                                                <img src="{{ asset('storage/images/cards/cash-on-delivery.png') }}"
                                                     alt="" height="45" class="avatar-lg"> <h5
                                                        class="mb-1">
                                                        <span
                                                                class="link-primary">{{ __('pages.Cash on delivery') }}</span></h5>
                                                <div class="row mt-2 justify-content-center">
                                                    <div class="col-lg-12">
                                                        <div dir="ltr"
                                                             class="w-50 m-auto form-check form-switch form-switch-lg">
                                                            <input type="checkbox"
                                                                   @if(setting('cash_on_delivery')) checked @endif
                                                                   name="cash_on_delivery"
                                                                   id="cashOnDeliveryActivation"
                                                                   class="form-check-input"> <label
                                                                    for="cashOnDeliveryActivation"
                                                                    class="form-check-label">{{ __('pages.Activation') }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="mt-3">
                                                    <button type="submit"
                                                            class="btn btn-border btn-primary w-100">{{ __('pages.Update') }}
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="row justify-content-center">
                                <div class="col-xl-4 col-lg-6">
                                    <form id="paypalForm" action="{{ route('ecommerce.setting.paypal_payment') }}"
                                          method="post">
                                        <div class="card ribbon-box right overflow-hidden">
                                            <div class="card-body">
                                                <div class="text-center">
                                                    <img src="{{ asset('storage/images/cards/paypal.png') }}"
                                                         alt="" height="45"
                                                         class="avatar-lg">
                                                    <div class="row justify-content-center">
                                                        <div class="col-lg-12">
                                                            <div dir="ltr"
                                                                 class="w-50 m-auto form-check form-switch form-switch-lg">
                                                                <input type="checkbox"
                                                                       @if(setting('paypal_payment')) checked @endif
                                                                       name="paypal_payment" id="paypalActivation"
                                                                       class="form-check-input" required> <label
                                                                        for="paypalActivation"
                                                                        class="form-check-label">{{ __('pages.Activation') }}</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <h5 class="my-1"><span
                                                                class="link-primary">{{ __('pages.Paypal Credential') }}</span>
                                                    </h5></div>
                                                <div class="row mt-2">
                                                    <div class="mb-2"><label
                                                                class="col-from-label">{{ __('pages.Paypal Client Id') }}</label>
                                                        <input type="text"
                                                               value="{{ setting('PAYPAL_CLIENT_ID') }}"
                                                               name="PAYPAL_CLIENT_ID"
                                                               placeholder="{{ __('pages.Paypal Client Id') }}"
                                                               class="form-control" required></div>
                                                    <div class="mb-2"><label
                                                                class="col-from-label">{{ __('pages.Paypal Client Secret') }}</label>
                                                        <input type="text"
                                                               value="{{ setting('PAYPAL_CLIENT_SECRET') }}"
                                                               name="PAYPAL_CLIENT_SECRET"
                                                               placeholder="{{ __('pages.Paypal Client Secret') }}"
                                                               class="form-control" required></div>
                                                    <div class="mb-2">
                                                        <div dir="ltr"
                                                             class="form-check form-switch form-switch-lg">
                                                            <input
                                                                    type="checkbox"
                                                                    @if(setting('paypal_sandbox')) checked @endif
                                                                    name="paypal_sandbox" id="paypalSandboxActivation"
                                                                    class="form-check-input"> <label
                                                                    for="paypalSandboxActivation"
                                                                    class="form-check-label">{{ __('pages.Paypal Sandbox Mode') }}</label></div>
                                                    </div>
                                                </div>
                                                <div class="">
                                                    <button type="submit"
                                                            class="btn btn-border btn-primary w-100">{{ __('pages.Update') }}
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="col-xl-4 col-lg-6">
                                    <form id="sslcommerzForm"
                                          action="{{ route('ecommerce.setting.sslcommerz_payment') }}" method="post">
                                        <div class="card ribbon-box right overflow-hidden">
                                            <div class="card-body">
                                                <div class="text-center"><img
                                                            src="{{ asset('storage/images/cards/sslcommerz.png') }}"
                                                            alt="" height="45"
                                                            class="avatar-lg">
                                                    <div class="row justify-content-center">
                                                        <div class="col-lg-12">
                                                            <div dir="ltr"
                                                                 class="w-50 m-auto form-check form-switch form-switch-lg">
                                                                <input type="checkbox"
                                                                       @if(setting('sslcommerz_payment')) checked @endif
                                                                       name="sslcommerz_payment"
                                                                       id="sslcommerzActivation"
                                                                       class="form-check-input" required> <label
                                                                        for="sslcommerzActivation"
                                                                        class="form-check-label">{{ __('pages.Activation') }}</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <h5 class="my-1"><span
                                                                class="link-primary">{{ __('pages.Sslcommerz Credential') }}</span>
                                                    </h5></div>
                                                <div class="row mt-2">
                                                    <div class="mb-2"><label
                                                                class="col-from-label">{{ __('pages.Sslcz Store Id') }}</label>
                                                        <input type="text"
                                                               value="{{ setting('SSLCZ_STORE_ID') }}"
                                                               name="SSLCZ_STORE_ID"
                                                               placeholder="{{ __('pages.Sslcz Store Id') }}"
                                                               class="form-control" required></div>
                                                    <div class="mb-2">
                                                        <label class="col-from-label">{{ __('pages.Sslcz store password') }}</label>
                                                        <input type="text"
                                                               value="{{ setting('SSLCZ_STORE_PASSWD') }}"
                                                               name="SSLCZ_STORE_PASSWD"
                                                               placeholder="{{ __('pages.Sslcz store password') }}"
                                                               class="form-control" required>
                                                    </div>
                                                    <div class="mb-2">
                                                        <div dir="ltr"
                                                             class="form-check form-switch form-switch-lg">
                                                            <label for="sslcommerzSandboxMode"
                                                                   class="form-check-label">{{ __('pages.Sslcommerz Sandbox Mode') }}</label>
                                                            <input type="checkbox"
                                                                   @if(setting('sslcommerz_sandbox')) checked @endif
                                                                   name="sslcommerz_sandbox"
                                                                   id="sslcommerzSandboxMode"
                                                                   class="form-check-input">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="">
                                                    <button type="submit"
                                                            class="btn btn-border btn-primary w-100">{{ __('pages.Update') }}
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="col-xl-4 col-lg-6">
                                    <form id="stripe" action="{{ route('ecommerce.setting.stripe_payment') }}"
                                          method="post">
                                        <div class="card ribbon-box right overflow-hidden">
                                            <div class="card-body">
                                                <div class="text-center">
                                                    <img src="{{ asset('storage/images/cards/stripe.png') }}"
                                                         alt="" height="45"
                                                         class="avatar-lg">
                                                    <div class="row justify-content-center">
                                                        <div class="col-lg-12">
                                                            <div dir="ltr"
                                                                 class="w-50 m-auto form-check form-switch form-switch-lg">
                                                                <input type="checkbox"
                                                                       @if(setting('stripe_payment')) checked @endif
                                                                       name="stripe_payment" id="stripeActivation"
                                                                       class="form-check-input" required> <label
                                                                        for="stripeActivation"
                                                                        class="form-check-label">{{ __('pages.Activation') }}</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <h5 class="my-1"><span
                                                                class="link-primary">{{ __('pages.Stripe Credential') }}</span>
                                                    </h5></div>
                                                <div class="row mt-2">
                                                    <div class="mb-2"><label
                                                                class="col-from-label">{{ __('pages.Stripe Key') }}</label>
                                                        <input type="text"
                                                               value="{{ setting('STRIPE_KEY') }}"
                                                               name="STRIPE_KEY"
                                                               placeholder="{{ __('pages.Stripe Key') }}"
                                                               class="form-control" required></div>
                                                    <div class="mb-2">
                                                        <label class="col-from-label">{{ __('pages.Stripe Secret') }}
                                                        </label>
                                                        <input type="text"
                                                               value="{{ setting('STRIPE_SECRET') }}"
                                                               name="STRIPE_SECRET"
                                                               placeholder="{{ __('pages.Stripe Secret') }}"
                                                               class="form-control" required>
                                                    </div>
                                                </div>
                                                <div class="">
                                                    <button type="submit"
                                                            class="btn btn-border btn-primary w-100">{{ __('pages.Update') }}
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="delivery-method" role="tabpanel"
                             aria-labelledby="delivery-method-tab">
                            <form id="cashOnDeliveryForm" action="{{ route('ecommerce.setting.delivery_method') }}"
                                  method="post">
                                <div class="row justify-content-center">
                                    <div class="col-sm-4">
                                        <div class="col-lg-12">
                                            <h4>{{ __('pages.Normal Delivery') }}</h4>
                                        </div>
                                        <div class="col-lg-12 mb-2">
                                            <label for="firstName" class="form-label">{{ __('pages.Title') }}</label>
                                            <input type="text" value="{{setting('dm_one_title')}}"
                                                   name="dm_one_title"
                                                   placeholder="{{ __('pages.Title') }}"
                                                   class="form-control">
                                        </div>
                                        <div class="col-lg-12 mb-2">
                                            <label for="firstName" class="form-label">{{ __('pages.Shipping Cost') }}</label>
                                            <input type="text" value="{{setting('dm_one_shipping_cost')}}"
                                                   name="dm_one_shipping_cost"
                                                   placeholder="{{ __('pages.Shipping Cost') }}"
                                                   class="form-control">
                                        </div>
                                        <div class="col-lg-12 mb-2">
                                            <label for="firstName" class="form-label">{{ __('pages.Delivery Time (hrs)') }}</label>
                                            <input type="text" value="{{setting('dm_one_delivery_time')}}"
                                                   name="dm_one_delivery_time"
                                                   id="firstName"
                                                   placeholder="{{ __('pages.Delivery Time (hrs)') }}"
                                                   class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="col-lg-12">
                                            <h4>{{ __('pages.Express Delivery') }}</h4>
                                        </div>
                                        <div class="col-lg-12 mb-2">
                                            <label for="firstName" class="form-label">{{ __('pages.Title') }}</label>
                                            <input type="text" value="{{setting('dm_two_title')}}"
                                                   name="dm_two_title"
                                                   placeholder="{{ __('pages.Title') }}"
                                                   class="form-control">
                                        </div>
                                        <div class="col-lg-12 mb-2">
                                            <label for="firstName" class="form-label">{{ __('pages.Shipping Cost') }}</label>
                                            <input type="text" value="{{setting('dm_two_shipping_cost')}}"
                                                   name="dm_two_shipping_cost"
                                                   placeholder="{{ __('pages.Shipping Cost') }}"
                                                   class="form-control">
                                        </div>
                                        <div class="col-lg-12 mb-2">
                                            <label for="firstName" class="form-label">{{ __('pages.Delivery Time (hrs)') }}</label>
                                            <input type="text" value="{{setting('dm_two_delivery_time')}}"
                                                   name="dm_two_delivery_time"
                                                   id="firstName"
                                                   placeholder="{{ __('pages.Delivery Time (hrs)') }}"
                                                   class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-lg-8 text-center">
                                        <button type="submit" class="btn btn-primary">{{ __('pages.Save Changes') }}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane fade" id="banner-image" role="tabpanel"
                             aria-labelledby="banner-image-tab">
                            <form action="{{ route('ecommerce.setting.benner_image') }}"
                                  method="post" enctype="multipart/form-data">
                                <div class="row">
                                    <h2>{{ __('pages.Offer Banner') }}</h2>
                                    <hr>
                                    <div class="col-sm-3">
                                        <div class="col-lg-12">
                                            <h4>{{ __('pages.Offer Banner First') }}</h4>
                                        </div>
                                        <div class="col-lg-12 mb-2">
                                            <label for="offer_banner_first" class="form-label file-selectore">
                                                <span class="label">{{ __('pages.Select offer banner first(size: 300 × 250 px)') }}</span>
                                            </label>
                                            <div class="d-block my-2">
                                                @if(setting('offer_banner_first'))
                                                    <img height="200" class="img-fluid"
                                                         src="{{ asset('storage/images/ecommerce/'.setting('offer_banner_first')) }}"
                                                         alt="">
                                                @endif
                                            </div>
                                            <input type="file" name="offer_banner_first" id="offer_banner_first">
                                            <label for="" class="mt-2">{{ __('pages.Discount Amount (Percentage)') }}</label>
                                            <input type="text" name="offer_disc_amount_first"
                                                   value="{{ setting('offer_disc_amount_first') }}" class="form-control"
                                                   placeholder="Enter discount amount">
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="col-lg-12">
                                            <h4>{{ __('pages.Offer Banner Second') }}</h4>
                                        </div>
                                        <div class="col-lg-12 mb-2">
                                            <label for="offer_banner_second" class="form-label file-selectore">
                                                <span class="label">{{ __('pages.Select offer banner second (size: 300 × 250 px)') }}</span>
                                            </label>
                                            <div class="d-block my-2">
                                                @if(setting('offer_banner_second'))
                                                    <img height="200" class="img-fluid"
                                                         src="{{ asset('storage/images/ecommerce/'.setting('offer_banner_second')) }}"
                                                         alt="">
                                                @endif
                                            </div>
                                            <input type="file" name="offer_banner_second" id="offer_banner_second">

                                            <label for="" class="mt-2">{{ __('pages.Discount Amount (Percentage)') }}</label>
                                            <input type="text" name="offer_disc_amount_second"
                                                   value="{{ setting('offer_disc_amount_second') }}"
                                                   class="form-control" placeholder="{{ __('pages.Enter discount amount') }}">
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="col-lg-12">
                                            <h4>{{ __('pages.Popup Banner') }}</h4>
                                        </div>
                                        <div class="col-lg-12 mb-2">
                                            <label for="image" class="form-label file-selectore">
                                                <span class="label">{{ __('pages.Select popup banner (size: 700 × 500 px)') }}</span>
                                            </label>
                                            <div class="d-block my-2">
                                                @if(setting('popup_banner'))
                                                    <img height="250" class="img-fluid"
                                                         src="{{ asset('storage/images/ecommerce/'.setting('popup_banner')) }}"
                                                         alt="">
                                                @endif
                                            </div>
                                            <br>
                                            <input type="file" name="popup_banner" id="popup_banner">
                                            <label for="" class="mt-2">{{ __('pages.Discount Amount (Percentage)') }}</label>
                                            <input type="text" name="popup_banner_disc_amount"
                                                   value="{{ setting('popup_banner_disc_amount') }}"
                                                   class="form-control" placeholder="{{ __('pages.Enter discount amount') }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <h2>{{ __('pages.Images') }}</h2>
                                    <hr>
                                    <div class="col-sm-3">
                                        <div class="col-lg-12">
                                            <h4>{{ __('pages.We Accept Image') }}</h4>
                                        </div>
                                        <div class="col-lg-12 mb-2">
                                            <label for="getway_image" class="form-label file-selectore">
                                                <span class="label">{{ __('pages.We accept payment getway (size: 100 × 490 px)') }} </span>
                                            </label>
                                            <div class="d-block my-2">
                                                @if(setting('getway_image'))
                                                    <img height="100" class="img-fluid"
                                                         src="{{ asset('storage/images/ecommerce/'.setting('getway_image')) }}"
                                                         alt="">
                                                @endif
                                            </div>
                                            <input type="file" name="getway_image" id="getway_image">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12 mt-4">
                                    <button type="submit" class="btn btn-primary">{{ __('pages.Save Changes') }}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('custom-js')

@endsection