@extends('admin.layout.master')

{{-- extra css files --}}
@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('admin/app-assets/css-rtl/plugins/forms/validation/form-validation.css') }}">
@endsection

{{-- extra css files --}}
@section('content')
    <div class="content-body">
        <!-- account setting page start -->
        <section id="page-account-settings">
            <div class="row">
                <!-- left menu section -->
                <div class="col-md-3 mb-2 mb-md-0">
                    <ul class="nav nav-pills flex-column mt-md-0 mt-1">

                        <li class="nav-item">
                            <a class="nav-link d-flex py-75 active" id="account-pill-main" data-toggle="pill" href="#account-vertical-main" aria-expanded="true">
                                <i class="feather icon-settings mr-50 font-medium-3"></i>
                                {{ __('admin.app_setting') }}
                            </a>
                        </li>


                        <li class="nav-item " style="margin-top: 3px">
                            <a class="nav-link d-flex py-75" id="account-pill-email" data-toggle="pill" href="#account-vertical-email" aria-expanded="false">
                                <i class="feather icon-mail mr-50 font-medium-3"></i>
                                {{ __('admin.email_data') }}
                            </a>
                        </li>

                        <li class="nav-item " style="margin-top: 3px">
                            <a class="nav-link d-flex py-75" id="account-pill-page" data-toggle="pill" href="#account-vertical-page" aria-expanded="false">
                                <i class="feather icon-droplet mr-50 font-medium-3"></i>
                                {{ __('admin.order_wallet_data') }}
                            </a>
                        </li>

                        <li class="nav-item " style="margin-top: 3px">
                            <a class="nav-link d-flex py-75" id="account-pill-api" data-toggle="pill" href="#account-vertical-api" aria-expanded="false">
                                <i class="feather icon-droplet mr-50 font-medium-3"></i>
                                {{ __('admin.api_data') }}
                            </a>
                        </li>

                        <li class="nav-item " style="margin-top: 3px">
                            <a class="nav-link d-flex py-75" id="account-pill-ride-terms" data-toggle="pill" href="#account-vertical-ride-terms" aria-expanded="false">
                                <i class="feather icon-file-text mr-50 font-medium-3"></i>
                                {{ __('admin.ride_terms_data') }}
                            </a>
                        </li>

                    </ul>
                </div>
                <!-- right content section -->
                <div class="col-md-9">
                    <div class="card">
                        <div class="card-content">
                            <div class="card-body">
                                <div class="tab-content">

                                    <div class="tab-pane active" id="account-vertical-main" aria-labelledby="account-pill-main" aria-expanded="true">
                                        <form action="{{ route('admin.settings.update') }}" method="post" enctype="multipart/form-data" class="form-horizontal store" novalidate>
                                            @method('put')
                                            @csrf
                                            <input type="hidden" name="type" value="app_setting">

                                            <div class="row">

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="settings-name-ar">{{ __('admin.the_name_of_the_application_in_arabic') }}</label>
                                                            <input type="text" class="form-control" name="name_ar" id="settings-name-ar" placeholder="{{ __('admin.the_name_of_the_application_in_arabic') }}" value="{{ $data['name_ar'] }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="settings-name-en">{{ __('admin.the_name_of_the_application_in_english') }}</label>
                                                            <input type="text" class="form-control" name="name_en" id="settings-name-en" placeholder="{{ __('admin.the_name_of_the_application_in_english') }}" value="{{ $data['name_en'] }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="settings-description-ar">{{ __('admin.the_description_of_the_application_in_arabic') }}</label>
                                                            <textarea type="text" class="form-control" name="description_ar" id="settings-description-ar" placeholder="{{ __('admin.the_description_of_the_application_in_arabic') }}">{{ $data['description_ar'] }}</textarea>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="settings-description-en">{{ __('admin.the_description_of_the_application_in_english') }}</label>
                                                            <textarea type="text" class="form-control" name="description_en" id="settings-description-en" placeholder="{{ __('admin.the_description_of_the_application_in_english') }}">{{ $data['description_en'] }}</textarea>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="settings-email">{{ __('admin.email') }}</label>
                                                            <input type="email" class="form-control" name="email" id="settings-email" placeholder="{{ __('admin.email') }}" value="{{ $data['email'] }}" data-validation-email-message="{{ __('admin.verify_the_email_format') }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="settings-phone">{{ __('admin.phone') }}</label>
                                                            <input type="number" class="form-control" name="phone" id="settings-phone" placeholder="{{ __('admin.phone') }}" value="{{ $data['phone'] }}" minlength="10" required data-validation-required-message="{{ __('admin.this_field_is_required') }}" data-validation-minlength-message="{{ __('admin.the_number_should_only_be_less_than_ten_numbers') }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                @php
                                                    $setting_data = (object) [
                                                        'address'         => $data['address'],
                                                        'map_desc'     => $data['map_desc'],
                                                        'lat'             => $data['lat'],
                                                        'lng'             => $data['lng'],
                                                    ];
                                                @endphp


                                            </div>

                                            <div class="row">
                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="settings-address">{{ __('admin.address') }}</label>
                                                            <input type="text" class="form-control" name="address" id="settings-address"
                                                                placeholder="{{ __('admin.address') }}" value="{{ $data['address'] ?? '' }}" required
                                                                data-validation-required-message="{{ __('admin.this_field_is_required') }}">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="settings-address-en">{{ __('admin.address_en') }}</label>
                                                            <input type="text" class="form-control" name="address_en" id="settings-address-en"
                                                                placeholder="{{ __('admin.address_en') }}" value="{{ $data['address_en'] ?? '' }}" required
                                                                data-validation-required-message="{{ __('admin.this_field_is_required') }}">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-12">
                                                    <x-admin.map :model="$setting_data" />
                                                </div>
                                            </div>

                                            <div class="row">

                                                <div class="col-12">
                                                    <div class="row">

                                                        <div class="imgMontg col-12 col-lg-4 col-md-6 text-center">
                                                            <div class="dropBox">
                                                                <div class="textCenter d-flex flex-column">
                                                                    <div class="imagesUploadBlock">
                                                                        <label class="uploadImg">
                                                                            <span><i class="feather icon-image"></i></span>
                                                                            <input type="file" accept="image/*" name="logo" class="imageUploader" aria-label="{{ __('admin.logo_image') }}">
                                                                        </label>
                                                                        <div class="uploadedBlock">
                                                                            <img src="{{ $data['logo'] }}" alt="Logo">
                                                                            <button class="close">
                                                                                <i class="feather icon-trash-2"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <span>{{ __('admin.logo_image') }}</span>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="imgMontg col-12 col-lg-4 col-md-6 text-center">
                                                            <div class="dropBox">
                                                                <div class="textCenter d-flex flex-column">
                                                                    <div class="imagesUploadBlock">
                                                                        <label class="uploadImg">
                                                                            <span><i class="feather icon-image"></i></span>
                                                                            <input type="file" accept="image/*" name="fav_icon" class="imageUploader" aria-label="{{ __('admin.fav_icon_image') }}">
                                                                        </label>
                                                                        <div class="uploadedBlock">
                                                                            <img src="{{ $data['fav_icon'] }}" alt="Favicon">
                                                                            <button class="close">
                                                                                <i class="feather icon-trash-2"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <span>{{ __('admin.fav_icon_image') }}</span>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="imgMontg col-12 col-lg-4 col-md-6 text-center">
                                                            <div class="dropBox">
                                                                <div class="textCenter d-flex flex-column">
                                                                    <div class="imagesUploadBlock">
                                                                        <label class="uploadImg">
                                                                            <span><i class="feather icon-image"></i></span>
                                                                            <input type="file" accept="image/*" name="login_background" class="imageUploader" aria-label="{{ __('admin.background_image') }}">
                                                                        </label>
                                                                        <div class="uploadedBlock">
                                                                            <img src="{{ $data['login_background'] }}" alt="Login background">
                                                                            <button class="close">
                                                                                <i class="feather icon-trash-2"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <span>{{ __('admin.background_image') }}</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="imgMontg col-12 col-lg-4 col-md-6 text-center">
                                                            <div class="dropBox">
                                                                <div class="textCenter d-flex flex-column">
                                                                    <div class="imagesUploadBlock">
                                                                        <label class="uploadImg">
                                                                            <span><i class="feather icon-image"></i></span>
                                                                            <input type="file" accept="image/*" name="default_user" class="imageUploader" aria-label="{{ __('admin.default_user_image') }}">
                                                                        </label>
                                                                        <div class="uploadedBlock">
                                                                            <img src="{{ $data['default_user'] }}" alt="Default user">
                                                                            <button class="close">
                                                                                <i class="feather icon-trash-2"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <span>{{ __('admin.default_user_image') }}</span>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="imgMontg col-12 col-lg-4 col-md-6 text-center">
                                                            <div class="dropBox">
                                                                <div class="textCenter d-flex flex-column">
                                                                    <div class="imagesUploadBlock">
                                                                        <label class="uploadImg">
                                                                            <span><i class="feather icon-image"></i></span>
                                                                            <input type="file" accept="image/*" name="default_data_image" class="imageUploader" aria-label="{{ __('admin.default_data_image') }}">
                                                                        </label>
                                                                        <div class="uploadedBlock">
                                                                            <img src="{{ asset($data['default_data_image']) }}" alt="Default placeholder">
                                                                            <button class="close">
                                                                                <i class="feather icon-trash-2"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <span>{{ __('admin.default_data_image') }}</span>
                                                                </div>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>

                                                <div class="col-12 d-flex justify-content-center mt-3">
                                                    <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button">{{ __('admin.saving_changes') }}</button>
                                                    <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{ __('admin.back') }}</a>
                                                </div>

                                            </div>
                                        </form>
                                    </div>

                                    <div class="tab-pane" id="account-vertical-email" aria-labelledby="account-pill-email" aria-expanded="false">
                                        <form action="{{ route('admin.settings.update') }}" method="post" class="store" novalidate>
                                            @method('put')
                                            @csrf
                                            <input type="hidden" name="type" value="email_data">

                                            <div class="row">
                                                <div class="col-12">
                                                    <fieldset class="form-group">
                                                        <legend class="col-form-label pt-0">{{ __('admin.mail_environment') }}</legend>
                                                        <div class="d-flex flex-wrap">
                                                            <div class="custom-control custom-radio custom-control-inline mr-2">
                                                                <input type="radio" id="mail-environment-live" name="mail_environment" value="live" class="custom-control-input mail-environment-toggle" @checked(($data['mail_environment'] ?? 'test') === 'live')>
                                                                <label class="custom-control-label" for="mail-environment-live">{{ __('admin.mail_environment_live') }}</label>
                                                            </div>
                                                            <div class="custom-control custom-radio custom-control-inline">
                                                                <input type="radio" id="mail-environment-test" name="mail_environment" value="test" class="custom-control-input mail-environment-toggle" @checked(($data['mail_environment'] ?? 'test') === 'test')>
                                                                <label class="custom-control-label" for="mail-environment-test">{{ __('admin.mail_environment_test') }}</label>
                                                            </div>
                                                        </div>
                                                        <small class="text-muted d-block mt-1">{{ __('admin.mail_environment_hint') }}</small>
                                                    </fieldset>
                                                </div>

                                                <div class="col-12 col-md-6 mail-live-field">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="mail-mailer">{{ __('admin.mail_mailer') }}</label>
                                                            <select name="mail_mailer" id="mail-mailer" class="form-control">
                                                                <option value="smtp" @selected(($data['mail_mailer'] ?? 'smtp') === 'smtp')>SMTP</option>
                                                                <option value="sendmail" @selected(($data['mail_mailer'] ?? 'smtp') === 'sendmail')>Sendmail</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6 mail-live-field">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="smtp-host">{{ __('admin.the_host_name') }}</label>
                                                            <input type="text" class="form-control" name="smtp_host" id="smtp-host" value="{{ $data['smtp_host'] ?? '' }}" placeholder="mail.smtp2go.com">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6 mail-live-field">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="smtp-port">{{ __('admin.smtp_port') }}</label>
                                                            <input type="number" class="form-control" name="smtp_port" id="smtp-port" value="{{ $data['smtp_port'] ?? '587' }}" min="1" max="65535">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6 mail-live-field">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="smtp-encryption">{{ __('admin.encryption_type') }}</label>
                                                            <select name="smtp_encryption" id="smtp-encryption" class="form-control">
                                                                <option value="tls" @selected(($data['smtp_encryption'] ?? 'tls') === 'tls')>TLS</option>
                                                                <option value="ssl" @selected(($data['smtp_encryption'] ?? 'tls') === 'ssl')>SSL</option>
                                                                <option value="none" @selected(($data['smtp_encryption'] ?? 'tls') === 'none')>None</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6 mail-live-field">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="smtp-user-name">{{ __('admin.user_name') }}</label>
                                                            <input type="text" class="form-control" name="smtp_user_name" id="smtp-user-name" value="{{ $data['smtp_user_name'] ?? '' }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6 mail-live-field">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="smtp-password">{{ __('admin.password') }}</label>
                                                            <input type="password" class="form-control" name="smtp_password" id="smtp-password" autocomplete="new-password" placeholder="{{ ($data['smtp_password_set'] ?? false) ? __('admin.leave_blank_to_keep_password') : __('admin.password') }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6 mail-live-field">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="smtp-mail-from">{{ __('admin.the_email_sender') }}</label>
                                                            <input type="email" class="form-control" name="smtp_mail_from" id="smtp-mail-from" value="{{ $data['smtp_mail_from'] ?? '' }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6 mail-live-field">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="smtp-sender-name">{{ __('admin.the_sender_name') }}</label>
                                                            <input type="text" class="form-control" name="smtp_sender_name" id="smtp-sender-name" value="{{ $data['smtp_sender_name'] ?? '' }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 mail-test-note">
                                                    <div class="alert alert-info mb-0">
                                                        {{ __('admin.mail_test_mode_note', ['code' => \App\Services\Mail\MailSettingsService::TEST_OTP_CODE]) }}
                                                    </div>
                                                </div>

                                                <div class="col-12 d-flex justify-content-center mt-3">
                                                    <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button">{{ __('admin.saving_changes') }}</button>
                                                    <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{ __('admin.back') }}</a>
                                                </div>
                                            </div>
                                        </form>
                                    </div>

                                    <div class="tab-pane" id="account-vertical-page" aria-labelledby="account-pill-page" aria-expanded="false">
                                        <form id="pages-form" action="{{ route('admin.settings.update') }}" method="post" enctype="multipart/form-data" class="store">
                                            @method('put')
                                            @csrf

                                            <input type="hidden" name="type" value="order_wallet_data">

                                            <div class="row">
                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="ride_price_per_minute">{{ __('admin.ride_price_per_minute') }}</label>
                                                            <input type="number" step="0.01" min="0" class="form-control" name="ride_price_per_minute" id="ride_price_per_minute" placeholder="{{ __('admin.ride_price_per_minute') }}" value="{{ $data['ride_price_per_minute'] ?? 0.45 }}" required data-validation-required-message="{{ __('admin.this_field_is_required') }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="min_ride_balance">{{ __('admin.min_ride_balance') }}</label>
                                                            <input type="number" step="0.01" min="0" class="form-control" name="min_ride_balance" id="min_ride_balance" placeholder="{{ __('admin.min_ride_balance') }}" value="{{ $data['min_ride_balance'] ?? 5 }}" required data-validation-required-message="{{ __('admin.this_field_is_required') }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="min_wallet_top_up">{{ __('admin.min_wallet_top_up') }}</label>
                                                            <input type="number" step="0.01" min="0" class="form-control" name="min_wallet_top_up" id="min_wallet_top_up" placeholder="{{ __('admin.min_wallet_top_up') }}" value="{{ $data['min_wallet_top_up'] ?? 10 }}" required data-validation-required-message="{{ __('admin.this_field_is_required') }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="low_balance_threshold">{{ __('admin.low_balance_threshold') }}</label>
                                                            <input type="number" step="0.01" min="0" class="form-control" name="low_balance_threshold" id="low_balance_threshold" placeholder="{{ __('admin.low_balance_threshold') }}" value="{{ $data['low_balance_threshold'] ?? 10 }}" required data-validation-required-message="{{ __('admin.this_field_is_required') }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="subscription_expiry_reminder_days">{{ __('admin.subscription_expiry_reminder_days') }}</label>
                                                            <input type="number" step="1" min="1" max="30" class="form-control" name="subscription_expiry_reminder_days" id="subscription_expiry_reminder_days" placeholder="{{ __('admin.subscription_expiry_reminder_days') }}" value="{{ $data['subscription_expiry_reminder_days'] ?? 3 }}" required data-validation-required-message="{{ __('admin.this_field_is_required') }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="default_profit_rate">{{ __('admin.default_profit_rate') }}</label>
                                                            <input type="number" step="0.01" min="0" max="100" class="form-control" name="default_profit_rate" id="default_profit_rate" placeholder="{{ __('admin.default_profit_rate') }}" value="{{ $data['default_profit_rate'] ?? 18 }}" required data-validation-required-message="{{ __('admin.this_field_is_required') }}">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-12 d-flex justify-content-center mt-3">
                                                <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button">{{ __('admin.saving_changes') }}</button>
                                                <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{ __('admin.back') }}</a>
                                            </div>

                                        </form>
                                    </div>


                                    <div class="tab-pane" id="account-vertical-api" aria-labelledby="account-pill-api" aria-expanded="false">
                                        <form action="{{ route('admin.settings.update') }}" method="post" enctype="multipart/form-data" class="store">
                                            @method('put')
                                            @csrf
                                            <input type="hidden" name="type" value="api_data">
                                            <div class="row">
                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="settings-google-analytics">{{ __('admin.google_analytics') }}</label>
                                                            <input type="text" class="form-control" name="google_analytics" id="settings-google-analytics" placeholder="{{ __('admin.google_analytics') }}" value="{{ $data['google_analytics'] }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="settings-google-places">{{ __('admin.google_places') }}</label>
                                                            <input type="text" class="form-control" name="google_places" id="settings-google-places" placeholder="{{ __('admin.google_places') }}" value="{{ $data['google_places'] ?? '' }}" required data-validation-required-message="{{ __('admin.this_field_is_required') }}">
                                                            <small class="text-muted">{{ __('admin.google_places_hint') }}</small>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="settings-myfatoorah-url">{{ __('admin.myfatoorah_url') }}</label>
                                                            <input type="url" class="form-control" name="myfatoorah_url" id="settings-myfatoorah-url" placeholder="https://api-sa.myfatoorah.com" value="{{ $data['myfatoorah_url'] ?? '' }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="settings-myfatoorah-token">{{ __('admin.myfatoorah_token') }}</label>
                                                            <input type="text" class="form-control" name="myfatoorah_token" id="settings-myfatoorah-token" placeholder="{{ __('admin.myfatoorah_token') }}" value="{{ $data['myfatoorah_token'] ?? '' }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 d-flex justify-content-center mt-3">
                                                    <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button">{{ __('admin.saving_changes') }}</button>
                                                    <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{ __('admin.back') }}</a>
                                                </div>
                                            </div>
                                        </form>
                                    </div>

                                    <div class="tab-pane" id="account-vertical-ride-terms" aria-labelledby="account-pill-ride-terms" aria-expanded="false">
                                        <form action="{{ route('admin.settings.update') }}" method="post" enctype="multipart/form-data" class="store">
                                            @method('put')
                                            @csrf
                                            <input type="hidden" name="type" value="ride_terms_data">
                                            <div class="row">

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="ride_terms_ar_editor">{{ __('admin.ride_terms_ar') }}</label>
                                                            <textarea class="form-control" name="ride_terms_ar" id="ride_terms_ar_editor" rows="10" placeholder="{{ __('admin.ride_terms_ar') }}">{{ $data['ride_terms_ar'] ?? '' }}</textarea>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group">
                                                        <div class="controls">
                                                            <label for="ride_terms_en_editor">{{ __('admin.ride_terms_en') }}</label>
                                                            <textarea class="form-control" name="ride_terms_en" id="ride_terms_en_editor" rows="10" placeholder="{{ __('admin.ride_terms_en') }}">{{ $data['ride_terms_en'] ?? '' }}</textarea>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-12 d-flex justify-content-center mt-3">
                                                    <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button">{{ __('admin.saving_changes') }}</button>
                                                    <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{ __('admin.back') }}</a>
                                                </div>

                                            </div>
                                        </form>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- account setting page end -->
    </div>
@endsection

@section('js')
    <x-vendor.ckeditor />

    <script>
        function toggleMailEnvironmentFields() {
            var isLive = $('input[name="mail_environment"]:checked').val() === 'live';

            $('.mail-live-field').toggle(isLive);
            $('.mail-test-note').toggle(!isLive);
        }

        $(document).ready(function () {
            toggleMailEnvironmentFields();
            $(document).on('change', '.mail-environment-toggle', toggleMailEnvironmentFields);
        });

        var rideTermsEditorsInitialized = false;

        function initRideTermsEditors() {
            if (rideTermsEditorsInitialized || typeof CKEDITOR === 'undefined') {
                return;
            }

            var editorConfig = {
                versionCheck: false,
                height: 280,
            };

            CKEDITOR.replace('ride_terms_ar_editor', Object.assign({}, editorConfig, {
                contentsLangDirection: 'rtl',
                language: 'ar',
            }));
            CKEDITOR.replace('ride_terms_en_editor', Object.assign({}, editorConfig, {
                contentsLangDirection: 'ltr',
                language: 'en',
            }));
            rideTermsEditorsInitialized = true;
        }

        $('a[data-toggle="pill"][href="#account-vertical-ride-terms"]').on('shown.bs.tab', function () {
            setTimeout(initRideTermsEditors, 50);
        });

        if ($('#account-vertical-ride-terms').hasClass('active')) {
            setTimeout(initRideTermsEditors, 50);
        }

        $(document).on('submit', '#account-vertical-ride-terms form', function () {
            if (typeof CKEDITOR !== 'undefined') {
                for (const instance in CKEDITOR.instances) {
                    if (Object.prototype.hasOwnProperty.call(CKEDITOR.instances, instance)) {
                        CKEDITOR.instances[instance].updateElement();
                    }
                }
            }
        });
    </script>
    {{-- show selected image script --}}
    @include('admin.shared.addImage')
    {{-- show selected image script --}}
@endsection