@include('Admin.Includes.header')
@php
    use Illuminate\Support\Facades\Auth;
    use App\General\GeneralSettingsClass;
@endphp

<div class="page-content">
    <div class="container-fluid">
        <!-- Page Inner Start -->
        <div class="page-inner">
            <!-- Breadcrumb -->
            <div class="card shadow-sm mb-4">

                <div class="  p-3 mb-3 d-flex justify-content-between align-items-center">
                    <div>
                        <h1 class="fs-4 fw-bold h3 mb-1">{{ __('General Settings') }}</h1>

                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb bg-transparent p-0 m-0">
                                <li class="breadcrumb-item">
                                    <a href="{{ url('/') }}/admin" class=" link-primary text-decoration-none">
                                        <i class="fa-solid fa-home me-1"></i> Dashboard
                                    </a>
                                </li>
                                <li class="breadcrumb-item active" aria-current="page">
                                    General Settings
                                </li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>

            <!-- /Breadcrumb -->

            <!-- Content Area -->
            <div class="col-md-12 col-lg-12 px-0">
                <!-- Alerts Section -->
                @if (session('success'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <i class="fas fa-check-circle me-2"></i>{{ session('success') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif

                @if ($errors->any())
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                            <li><i class="fas fa-info-circle me-1"></i>If you have already selected logo Images, please
                                select them again!</li>
                        </ul>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif

                <!-- Main Form -->
                <form id="general-settings-form" method="POST" action="{{ url('/') }}/admin/general-settings"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <!-- Left Column - Main Settings -->
                        <div class="col-lg-8">
                            <!-- Website View Settings -->
                            <div class="card shadow-sm mb-4">
                                <div class="card-header   py-3">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6 class="card-title fw-bold mb-0"><i
                                                class="fas fa-desktop me-2"></i>{{ __('Website View Settings') }}</h6>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="form-group mb-3">
                                        <label class="form-label fw-medium">Tagline</label>
                                        <input class="form-control" type="text" name="_tagline"
                                            placeholder="Free shipping across Australia for orders over $4999"
                                            value="{{ GeneralSettingsClass::getOptionValue('_tagline', $settings) }}">
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Header Logo</label>
                                                <input type="file" class="form-control" name="_header_logo" id="header_logo_input"
                                                    data-default-file="{{ url('/') . '/' . GeneralSettingsClass::getOptionValue('_header_logo', $settings) }}" />
                                            </div>
                                            <div id="header_image_preview" class="text-center mb-4 p-2 rounded bg-light"
                                                style="height: 5rem; {{ is_null($headerLogo) ? 'display: none;' : '' }}">
                                                <img id="preview_img_header" src="{{ asset($headerLogo) ?? '#' }}" class="h-100" alt="Header Logo Preview" />
                                            </div>
                                        </div>
                                        
                                        <div class="col-md-6">
                                            @php
                                                $favIcon = GeneralSettingsClass::getOptionValue('_fav_icon', $settings);
                                            @endphp
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Fav Icon</label>
                                                <input type="file" class="form-control" name="_fav_icon" id="fav_icon_input"
                                                    data-default-file="{{ url('/') . '/' . $favIcon }}" />
                                            </div>
                                            <div id="fav_icon_preview" class="text-center mb-4 p-2 rounded bg-light"
                                                style="height: 5rem; {{ is_null($favIcon) ? 'display: none;' : '' }}">
                                                <img id="fav_icon_img" src="{{ asset($favIcon) ?? '#' }}" class="h-100" alt="Fav Icon Preview" />
                                            </div>
                                        </div>
                                        
                                        <div class="col-md-12">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Header Logo Dark</label>
                                                <input type="file" class="form-control" name="_header_logo_dark" id="header_logo_input_dark"
                                                    data-default-file="{{ url('/') . '/' . GeneralSettingsClass::getOptionValue('_header_logo_dark', $settings) }}" />
                                            </div>
                                            <div id="header_image_preview_dark" class="text-center mb-4 p-2 rounded bg-light"
                                                style="height: 5rem; {{ is_null($headerLogoDark) ? 'display: none;' : '' }}">
                                                <img id="preview_img_header_dark" src="{{ asset($headerLogoDark) ?? '#' }}" class="h-100"
                                                    alt="Header Logo Dark Preview" />
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">GST Percentage</label>
                                                <div class="input-group">
                                                    <input class="form-control" type="number" name="_gst_percentage"
                                                        placeholder="10"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_gst_percentage', $settings) ? GeneralSettingsClass::getOptionValue('_gst_percentage', $settings) : 0 }}">
                                                    <span class="input-group-text">%</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Delivery Charges</label>
                                                <div class="input-group">
                                                    <span class="input-group-text">$</span>
                                                    <input class="form-control" type="number"
                                                        name="_delivery_charges" placeholder="10"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_delivery_charges', $settings) ? GeneralSettingsClass::getOptionValue('_delivery_charges', $settings) : '0' }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Registered User Discount</label>
                                                <div class="input-group">
                                                    <input class="form-control" type="number"
                                                        name="_auth_discount_percentage" placeholder="10"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_auth_discount_percentage', $settings) ? GeneralSettingsClass::getOptionValue('_auth_discount_percentage', $settings) : '0' }}">
                                                    <span class="input-group-text">%</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Payment Gateway Settings -->
                            <div class="card shadow-sm mb-4">
                                <div class="card-header   py-3">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6 class="card-title fw-bold mb-0"><i
                                                class="fas fa-credit-card me-2"></i>{{ __('Payment Gateway Settings') }}
                                        </h6>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <!-- PayPal Settings -->
                                    <div class="mb-4">
                                        <h6 class="fw-bold mb-3 text-primary"><i class="fab fa-paypal me-2"></i>PayPal
                                            Settings</h6>
                                        <div class="row">
                                            <div class="col-md-9">
                                                <div class="form-group mb-3">
                                                    <label class="form-label fw-medium">PayPal Public Key</label>
                                                    <input class="form-control" type="text"
                                                        name="_paypal_live_key" placeholder="Enter PayPal public key"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_paypal_live_key', $settings) }}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group mb-3">
                                                    <label class="form-label fw-medium">Environment</label>
                                                    <div class="input-group">
                                                        <input class="form-control" type="text"
                                                            name="_paypal_live_environment" value="Live" disabled>
                                                        <div class="input-group-text">
                                                            <div class="form-check mb-0">
                                                                <input type="radio" class="form-check-input"
                                                                    name="_active_paypal_environment" id="paypal_live"
                                                                    value="live"
                                                                    {{ GeneralSettingsClass::getOptionValue('_active_paypal_environment', $settings) == 'live' ? 'checked' : '' }}>
                                                                <label class="form-check-label"
                                                                    for="paypal_live">Active</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-9">
                                                <div class="form-group mb-3">
                                                    <label class="form-label fw-medium">PayPal Secret Key</label>
                                                    <input class="form-control" type="text"
                                                        name="_paypal_live_secrete_key"
                                                        placeholder="Enter PayPal secret key"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_paypal_live_secrete_key', $settings) }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-md-9">
                                                <div class="form-group mb-3">
                                                    <label class="form-label fw-medium">PayPal Sandbox Public
                                                        Key</label>
                                                    <input class="form-control" type="text"
                                                        name="_paypal_sandbox_key"
                                                        placeholder="Enter PayPal sandbox public key"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_paypal_sandbox_key', $settings) }}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group mb-3">
                                                    <label class="form-label fw-medium">Environment</label>
                                                    <div class="input-group">
                                                        <input class="form-control" type="text"
                                                            name="_paypal_sandbox_environment" value="Sandbox"
                                                            disabled>
                                                        <div class="input-group-text">
                                                            <div class="form-check mb-0">
                                                                <input type="radio" class="form-check-input"
                                                                    name="_active_paypal_environment"
                                                                    id="paypal_sandbox" value="sandbox"
                                                                    {{ GeneralSettingsClass::getOptionValue('_active_paypal_environment', $settings) == 'sandbox' ? 'checked' : '' }}>
                                                                <label class="form-check-label"
                                                                    for="paypal_sandbox">Active</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-9">
                                                <div class="form-group mb-3">
                                                    <label class="form-label fw-medium">PayPal Sandbox Secret
                                                        Key</label>
                                                    <input class="form-control" type="text"
                                                        name="_paypal_sandbox_secrete_key"
                                                        placeholder="Enter PayPal sandbox secret key"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_paypal_sandbox_secrete_key', $settings) }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <hr>

                                    <!-- Stripe Settings -->
                                    <div class="mt-4">
                                        <h6 class="fw-bold mb-3 text-primary"><i
                                                class="fab fa-stripe-s me-2"></i>Stripe Settings</h6>
                                        <div class="row">
                                            <div class="col-md-9">
                                                <div class="form-group mb-3">
                                                    <label class="form-label fw-medium">Stripe Key</label>
                                                    <input class="form-control" type="text"
                                                        name="_stripe_live_key" placeholder="Enter Stripe public key"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_stripe_live_key', $settings) }}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group mb-3">
                                                    <label class="form-label fw-medium">Environment</label>
                                                    <div class="input-group">
                                                        <input class="form-control" type="text"
                                                            name="_stripe_live_environment" value="Live" disabled>
                                                        <div class="input-group-text">
                                                            <div class="form-check mb-0">
                                                                <input type="radio" class="form-check-input"
                                                                    name="_active_stripe_environment" id="stripe_live"
                                                                    value="live"
                                                                    {{ GeneralSettingsClass::getOptionValue('_active_stripe_environment', $settings) == 'live' ? 'checked' : '' }}>
                                                                <label class="form-check-label"
                                                                    for="stripe_live">Active</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-9">
                                                <div class="form-group mb-3">
                                                    <label class="form-label fw-medium">Stripe Sandbox Key</label>
                                                    <input class="form-control" type="text"
                                                        name="_stripe_sandbox_key"
                                                        placeholder="Enter Stripe sandbox key"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_stripe_sandbox_key', $settings) }}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group mb-3">
                                                    <label class="form-label fw-medium">Environment</label>
                                                    <div class="input-group">
                                                        <input class="form-control" type="text"
                                                            name="_stripe_sandbox_environment" value="Sandbox"
                                                            disabled>
                                                        <div class="input-group-text">
                                                            <div class="form-check mb-0">
                                                                <input type="radio" class="form-check-input"
                                                                    name="_active_stripe_environment"
                                                                    id="stripe_sandbox" value="sandbox"
                                                                    {{ GeneralSettingsClass::getOptionValue('_active_stripe_environment', $settings) == 'sandbox' ? 'checked' : '' }}>
                                                                <label class="form-check-label"
                                                                    for="stripe_sandbox">Active</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- SMTP Settings -->
                            <div class="card shadow-sm mb-4">
                                <div class="card-header   py-3">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6 class="card-title fw-bold mb-0"><i
                                                class="fas fa-envelope me-2"></i>{{ __('SMTP Credentials Settings') }}
                                        </h6>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Mail Mailer</label>
                                                <input class="form-control" type="text" name="_mail_mailer"
                                                    placeholder="smtp"
                                                    value="{{ GeneralSettingsClass::getOptionValue('_mail_mailer', $settings) }}">
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Mail Host</label>
                                                <input class="form-control" type="text" name="_mail_host"
                                                    placeholder="smtp.example.com"
                                                    value="{{ GeneralSettingsClass::getOptionValue('_mail_host', $settings) }}">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Mail Port</label>
                                                <input class="form-control" type="text" name="_mail_port"
                                                    placeholder="587"
                                                    value="{{ GeneralSettingsClass::getOptionValue('_mail_port', $settings) }}">
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Mail Username</label>
                                                <input class="form-control" type="text" name="_mail_username"
                                                    placeholder="user@example.com"
                                                    value="{{ GeneralSettingsClass::getOptionValue('_mail_username', $settings) }}">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Mail Encryption</label>
                                                <input class="form-control" type="text" name="_mail_encrption"
                                                    placeholder="tls"
                                                    value="{{ GeneralSettingsClass::getOptionValue('_mail_encrption', $settings) }}">
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Mail Password</label>
                                                <div class="input-group">
                                                    <input class="form-control" type="password" name="_mail_password"
                                                        placeholder="********" id="password"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_mail_password', $settings) }}">
                                                    <button class="btn btn-outline-secondary" type="button"
                                                        id="togglePassword">
                                                        <i class="far fa-eye" id="togglePasswordIcon"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Mail From Name</label>
                                                <input class="form-control" type="text" name="_mail_from_name"
                                                    placeholder="Your Company Name"
                                                    value="{{ GeneralSettingsClass::getOptionValue('_mail_from_name', $settings) }}">
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Mail From Address</label>
                                                <input class="form-control" type="text" name="_mail_from_address"
                                                    placeholder="no-reply@example.com"
                                                    value="{{ GeneralSettingsClass::getOptionValue('_mail_from_address', $settings) }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Delivery Charges Settings -->
                            <div class="card shadow-sm mb-4">
                                <div class="card-header   py-3">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6 class="card-title fw-bold mb-0"><i
                                                class="fas fa-truck me-2"></i>{{ __('Delivery Charges Settings') }}
                                        </h6>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-9">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">API Key</label>
                                                <input class="form-control" type="text" name="_delivery_api_key"
                                                    placeholder="Enter delivery API key"
                                                    value="{{ GeneralSettingsClass::getOptionValue('_delivery_api_key', $settings) }}">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Status</label>
                                                <div class="form-check form-switch mt-2">
                                                    <input class="form-check-input" type="checkbox" role="switch"
                                                        name="_delivery_active" id="delivery_active" value="1"
                                                        {{ GeneralSettingsClass::getOptionValue('_delivery_active', $settings) == '1' ? 'checked' : '' }}>
                                                    <label class="form-check-label"
                                                        for="delivery_active">Active</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Post Code</label>
                                                <input type="text" class="form-control"
                                                    name="_delivery_from_postcode" placeholder="Enter post code"
                                                    value="{{ GeneralSettingsClass::getOptionValue('_delivery_from_postcode', $settings) }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Google Analytics -->
                            <div class="card shadow-sm mb-4">
                                <div class="card-header   py-3">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6 class="card-title fw-bold mb-0"><i
                                                class="fas fa-chart-line me-2"></i>{{ __('Google Analytics') }}</h6>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-9">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Measurement ID</label>
                                                <input class="form-control" type="text"
                                                    name="_analytics_measurement_id" placeholder="G-XXXXXXXXXX"
                                                    value="{{ GeneralSettingsClass::getOptionValue('_analytics_measurement_id', $settings) }}">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Status</label>
                                                <div class="form-check form-switch mt-2">
                                                    <input class="form-check-input" type="checkbox" role="switch"
                                                        name="_measurement_active" id="measurement_active"
                                                        value="1"
                                                        {{ GeneralSettingsClass::getOptionValue('_measurement_active', $settings) == '1' ? 'checked' : '' }}>
                                                    <label class="form-check-label"
                                                        for="measurement_active">Active</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Other Settings -->
                            <div class="card shadow-sm mb-4">
                                <div class="card-header   py-3">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6 class="card-title fw-bold mb-0"><i
                                                class="fas fa-cog me-2"></i>{{ __('Other Settings') }}</h6>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">POS Invoice Note</label>
                                                <textarea class="form-control" rows="5" name="_pos_invoice_note"
                                                    placeholder="Add an additional note for POS Invoice">{{ GeneralSettingsClass::getOptionValue('_pos_invoice_note', $settings) }}</textarea>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Online Store Order Note</label>
                                                <textarea class="form-control" rows="5" name="_store_order_note"
                                                    placeholder="Add a note for online store customers">{{ GeneralSettingsClass::getOptionValue('_store_order_note', $settings) }}</textarea>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Online Store Return Order
                                                    Note</label>
                                                <textarea class="form-control" rows="5" name="_store_return_order_note"
                                                    placeholder="Add a note for customers returning orders">{{ GeneralSettingsClass::getOptionValue('_store_return_order_note', $settings) }}</textarea>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Footer Note</label>
                                                <textarea class="form-control" rows="5" name="_footer_note"
                                                    placeholder="Add a note for the website footer (Note: For line break use <br>)">{{ GeneralSettingsClass::getOptionValue('_footer_note', $settings) }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Right Column - Sidebar Settings -->
                        <div class="col-lg-4">
                            <!-- Color Settings -->
                            <div class="card shadow-sm mb-4">
                                <div class="card-header   py-3">
                                    <h6 class="card-title fw-bold mb-0"><i class="fas fa-palette me-2"></i>Color
                                        Settings</h6>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="_layout_color" class="form-label fw-medium">Layout
                                                    Color</label>
                                                <div class="input-group">
                                                    <span class="input-group-text p-1">
                                                        <div class="color-preview"
                                                            style="width: 25px; height: 25px; background-color: {{ GeneralSettingsClass::getOptionValue('_layout_color', $settings) }}">
                                                        </div>
                                                    </span>
                                                    <input type="color" class="form-control form-control-color"
                                                        name="_layout_color" id="_layout_color"
                                                        title="Choose layout color"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_layout_color', $settings) }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="_button_color" class="form-label fw-medium">Button
                                                    Color</label>
                                                <div class="input-group">
                                                    <span class="input-group-text p-1">
                                                        <div class="color-preview"
                                                            style="width: 25px; height: 25px; background-color: {{ GeneralSettingsClass::getOptionValue('_button_color', $settings) }}">
                                                        </div>
                                                    </span>
                                                    <input type="color" class="form-control form-control-color"
                                                        name="_button_color" id="_button_color"
                                                        title="Choose button color"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_button_color', $settings) }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card shadow-sm rounded-lg mb-4">
                                <div class="card-header bg-gradient-primary text-white py-3">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h5 class="font-weight-bold mb-0">{{ __('Business Details') }}</h5>
                                    </div>
                                </div>
                                <div class="card-body  ">
                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Business Name</label>
                                                <div class="input-group">
                                                    <span class="input-group-text"><i
                                                            class="fas fa-building"></i></span>
                                                    <input class="form-control" type="text" name="_b_name"
                                                        placeholder="Enter your business name"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_b_name', $settings) }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Email Address</label>
                                                <div class="input-group">
                                                    <span class="input-group-text"><i
                                                            class="fas fa-envelope"></i></span>
                                                    <input class="form-control" type="email" name="_b_email"
                                                        placeholder="Business email for notifications"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_b_email', $settings) }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Phone Number</label>
                                                <div class="input-group">
                                                    <span class="input-group-text"><i class="fas fa-phone"></i></span>
                                                    <input class="form-control" type="text" name="_b_number"
                                                        placeholder="Business contact number"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_b_number', $settings) }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">ABN</label>
                                                <div class="input-group">
                                                    <span class="input-group-text"><i
                                                            class="fas fa-id-card"></i></span>
                                                    <input class="form-control" type="text" name="_abn"
                                                        placeholder="Australian Business Number"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_abn', $settings) }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <hr class="my-4">
                                    <h6 class="text-primary mb-3">Banking Information</h6>

                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Bank Name</label>
                                                <div class="input-group">
                                                    <span class="input-group-text"><i
                                                            class="fas fa-university"></i></span>
                                                    <input class="form-control" type="text" name="_bank_name"
                                                        placeholder="Enter bank name"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_bank_name', $settings) }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Bank Details</label>
                                                <div class="input-group">
                                                    <span class="input-group-text"><i
                                                            class="fas fa-money-check"></i></span>
                                                    <input class="form-control" type="text" name="_bank_details"
                                                        placeholder="Additional bank details"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_bank_details', $settings) }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">BSB</label>
                                                <div class="input-group">
                                                    <span class="input-group-text"><i
                                                            class="fas fa-hashtag"></i></span>
                                                    <input class="form-control" type="text" name="_bsb"
                                                        placeholder="BSB number"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_bsb', $settings) }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Account Number</label>
                                                <div class="input-group">
                                                    <span class="input-group-text"><i
                                                            class="fas fa-credit-card"></i></span>
                                                    <input class="form-control" type="text" name="_acc"
                                                        placeholder="Account number"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_acc', $settings) }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <hr class="my-4">
                                    <h6 class="text-primary mb-3">Location Information</h6>

                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Area Address</label>
                                                <div class="input-group">
                                                    <span class="input-group-text"><i class="fas fa-map"></i></span>
                                                    <input class="form-control" type="text" name="_b_area_address"
                                                        placeholder="Suburb, City, State"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_b_area_address', $settings) }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Street Address</label>
                                                <div class="input-group">
                                                    <span class="input-group-text"><i
                                                            class="fas fa-map-marker-alt"></i></span>
                                                    <input class="form-control" type="text"
                                                        name="_b_street_address" placeholder="Complete street address"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_b_street_address', $settings) }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card shadow-sm rounded-lg mb-4">
                                <div class="card-header bg-gradient-info text-white py-3">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h5 class="font-weight-bold mb-0">{{ __('Social Media Profiles') }}</h5>
                                    </div>
                                </div>
                                <div class="card-body  ">
                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Instagram</label>
                                                <div class="input-group">
                                                    <span class="input-group-text bg-instagram text-balck"><i
                                                            class="fab fa-instagram"></i></span>
                                                    <input class="form-control" type="text" name="_instagram_link"
                                                        placeholder="Instagram profile URL"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_instagram_link', $settings) ? GeneralSettingsClass::getOptionValue('_instagram_link', $settings) : '#' }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Facebook</label>
                                                <div class="input-group">
                                                    <span class="input-group-text bg-facebook text-balck"><i
                                                            class="fab fa-facebook-f"></i></span>
                                                    <input class="form-control" type="text" name="_facebook_link"
                                                        placeholder="Facebook page URL"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_facebook_link', $settings) ? GeneralSettingsClass::getOptionValue('_facebook_link', $settings) : '#' }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">Twitter</label>
                                                <div class="input-group">
                                                    <span class="input-group-text bg-twitter text-black"><i
                                                            class="fab fa-x-twitter"></i></span>
                                                    <input class="form-control" type="text" name="_twitter_link"
                                                        placeholder="Twitter profile URL"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_twitter_link', $settings) ? GeneralSettingsClass::getOptionValue('_twitter_link', $settings) : '#' }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">YouTube</label>
                                                <div class="input-group">
                                                    <span class="input-group-text bg-youtube text-black"><i
                                                            class="fab fa-youtube"></i></span>
                                                    <input class="form-control" type="text" name="_youtube_link"
                                                        placeholder="YouTube channel URL"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_youtube_link', $settings) ? GeneralSettingsClass::getOptionValue('_youtube_link', $settings) : '#' }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label class="form-label fw-medium">LinkedIn</label>
                                                <div class="input-group">
                                                    <span class="input-group-text bg-linkedin text-black"><i
                                                            class="fab fa-linkedin-in"></i></span>
                                                    <input class="form-control" type="text" name="_linke_din"
                                                        placeholder="LinkedIn profile URL"
                                                        value="{{ GeneralSettingsClass::getOptionValue('_linke_din', $settings) ? GeneralSettingsClass::getOptionValue('_linke_din', $settings) : '#' }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @if (Session::has('permissions') && in_array('Save General Settings', Session::get('permissions')))
                                <div class="text-end mb-md-0 mb-4">
                                    <button type="submit" class="btn btn-success px-4 py-2">
                                        <i class="fas fa-save me-2"></i> Save Changes
                                    </button>
                                </div>
                            @endif
                        </div>
                    </div>
                </form>
            </div>
            <!--/  Order Active dataTable End -->
            <!--================================-->
        </div>
        <!--/ Page Inner End -->




    </div>
</div>

<script>
    $(document).ready(function() {
        $("#togglePassword").click(function() {
            var passwordField = $("#password");
            var fieldType = passwordField.attr("type");

            if (fieldType === "password") {
                passwordField.attr("type", "text");
                $("#togglePassword").attr("src", "{{ url('/') }}/AdminAssets/Users/eye.png");
            } else {
                passwordField.attr("type", "password");
                $("#togglePassword").attr("src",
                    "{{ url('/') }}/AdminAssets/Users/eye-cross.png");
            }
        });
    });
</script>
<script>
    $(document).ready(function() {
        $("#footer_logo_input").change(function() {
            readURL(this);
        });

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function(e) {
                    $("#preview_img").attr("src", e.target.result);
                    $("#image_preview").show();
                };

                reader.readAsDataURL(input.files[0]);
            }
        }

        $("#header_logo_input").change(function() {
            readHeaderLogoURL(this);
        });

        function readHeaderLogoURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function(e) {
                    $("#preview_img_header").attr("src", e.target.result);
                    $("#header_image_preview").show();
                };

                reader.readAsDataURL(input.files[0]);
            }
        }
    });
    setTimeout(function() {
        const alerts = document.querySelectorAll('.alert');
        alerts.forEach(alert => {
            // Use Bootstrap's fade out
            alert.classList.remove('show');
            alert.classList.add('fade');
            // Completely remove from DOM after transition
            setTimeout(() => alert.remove(), 500);
        });
    }, 5000)
</script>