@extends('dashboard.parent')

@section('title', __('pages.settings'))

@section('page_name', __('pages.settings'))

@section('css')
@endsection

@section('bread_crumb')
    <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
        <!--begin::Item-->
        <li class="breadcrumb-item text-muted">
            <a href="{{ route('home') }}" class="text-muted text-hover-primary">{{ __('pages.home') }}</a>
        </li>
        <!--end::Item-->
        <!--begin::Item-->
        <li class="breadcrumb-item">
            <span class="bullet bg-gray-400 w-5px h-2px"></span>
        </li>
        <!--end::Item-->
        <!--begin::Item-->
        <li class="breadcrumb-item text-muted">{{ __('pages.settings') }}</li>
        <!--end::Item-->
    </ul>
@endsection

@section('actions')

@endsection

@section('content')
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <!--begin::Content container-->
        <div id="kt_app_content" class="app-content flex-column-fluid">
            <!--begin::Content container-->
            <div id="kt_app_content_container" class="app-container container-xxl">
                <!--begin::Card-->
                <div class="card card-flush">
                    <!--begin::Card body-->
                    <div class="card-body">
                        <!--begin:::Tabs-->
                        <ul class="nav nav-tabs nav-line-tabs nav-line-tabs-2x border-transparent fs-4 fw-semibold mb-15">
                            <!--begin:::Tab item-->
                            <li class="nav-item">
                                <a class="nav-link text-active-primary pb-5 active" data-bs-toggle="tab"
                                    href="#kt_ecommerce_settings_general">
                                    <!--begin::Svg Icon | path: icons/duotune/general/gen001.svg-->
                                    <span class="svg-icon svg-icon-2 me-2">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M11 2.375L2 9.575V20.575C2 21.175 2.4 21.575 3 21.575H9C9.6 21.575 10 21.175 10 20.575V14.575C10 13.975 10.4 13.575 11 13.575H13C13.6 13.575 14 13.975 14 14.575V20.575C14 21.175 14.4 21.575 15 21.575H21C21.6 21.575 22 21.175 22 20.575V9.575L13 2.375C12.4 1.875 11.6 1.875 11 2.375Z"
                                                fill="currentColor" />
                                        </svg>
                                    </span>
                                    <!--end::Svg Icon-->@lang('pages.email')
                                </a>
                            </li>
                            <!--end:::Tab item-->
                            <!--begin:::Tab item-->
                            <li class="nav-item">
                                <a class="nav-link text-active-primary pb-5" data-bs-toggle="tab"
                                    href="#kt_ecommerce_social_links">
                                    <!--begin::Svg Icon | path: icons/duotune/ecommerce/ecm004.svg-->
                                    <span class="svg-icon svg-icon-2 me-2">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path opacity="0.3"
                                                d="M18 10V20C18 20.6 18.4 21 19 21C19.6 21 20 20.6 20 20V10H18Z"
                                                fill="currentColor" />
                                            <path opacity="0.3"
                                                d="M11 10V17H6V10H4V20C4 20.6 4.4 21 5 21H12C12.6 21 13 20.6 13 20V10H11Z"
                                                fill="currentColor" />
                                            <path opacity="0.3" d="M10 10C10 11.1 9.1 12 8 12C6.9 12 6 11.1 6 10H10Z"
                                                fill="currentColor" />
                                            <path opacity="0.3" d="M18 10C18 11.1 17.1 12 16 12C14.9 12 14 11.1 14 10H18Z"
                                                fill="currentColor" />
                                            <path opacity="0.3" d="M14 4H10V10H14V4Z" fill="currentColor" />
                                            <path opacity="0.3" d="M17 4H20L22 10H18L17 4Z" fill="currentColor" />
                                            <path opacity="0.3" d="M7 4H4L2 10H6L7 4Z" fill="currentColor" />
                                            <path
                                                d="M6 10C6 11.1 5.1 12 4 12C2.9 12 2 11.1 2 10H6ZM10 10C10 11.1 10.9 12 12 12C13.1 12 14 11.1 14 10H10ZM18 10C18 11.1 18.9 12 20 12C21.1 12 22 11.1 22 10H18ZM19 2H5C4.4 2 4 2.4 4 3V4H20V3C20 2.4 19.6 2 19 2ZM12 17C12 16.4 11.6 16 11 16H6C5.4 16 5 16.4 5 17C5 17.6 5.4 18 6 18H11C11.6 18 12 17.6 12 17Z"
                                                fill="currentColor" />
                                        </svg>
                                    </span>
                                    <!--end::Svg Icon-->@lang('pages.social_links')
                                </a>
                            </li>
                            <!--end:::Tab item-->
                            <!--begin:::Tab item-->
                            <li class="nav-item">
                                <a class="nav-link text-active-primary pb-5" data-bs-toggle="tab"
                                    href="#kt_ecommerce_website">
                                    <!--begin::Svg Icon | path: icons/duotune/maps/map004.svg-->
                                    <span class="svg-icon svg-icon-2 me-2">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path opacity="0.3"
                                                d="M18.4 5.59998C21.9 9.09998 21.9 14.8 18.4 18.3C14.9 21.8 9.2 21.8 5.7 18.3L18.4 5.59998Z"
                                                fill="currentColor" />
                                            <path
                                                d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2ZM19.9 11H13V8.8999C14.9 8.6999 16.7 8.00005 18.1 6.80005C19.1 8.00005 19.7 9.4 19.9 11ZM11 19.8999C9.7 19.6999 8.39999 19.2 7.39999 18.5C8.49999 17.7 9.7 17.2001 11 17.1001V19.8999ZM5.89999 6.90002C7.39999 8.10002 9.2 8.8 11 9V11.1001H4.10001C4.30001 9.4001 4.89999 8.00002 5.89999 6.90002ZM7.39999 5.5C8.49999 4.7 9.7 4.19998 11 4.09998V7C9.7 6.8 8.39999 6.3 7.39999 5.5ZM13 17.1001C14.3 17.3001 15.6 17.8 16.6 18.5C15.5 19.3 14.3 19.7999 13 19.8999V17.1001ZM13 4.09998C14.3 4.29998 15.6 4.8 16.6 5.5C15.5 6.3 14.3 6.80002 13 6.90002V4.09998ZM4.10001 13H11V15.1001C9.1 15.3001 7.29999 16 5.89999 17.2C4.89999 16 4.30001 14.6 4.10001 13ZM18.1 17.1001C16.6 15.9001 14.8 15.2 13 15V12.8999H19.9C19.7 14.5999 19.1 16.0001 18.1 17.1001Z"
                                                fill="currentColor" />
                                        </svg>
                                    </span>
                                    <!--end::Svg Icon-->@lang('pages.website')
                                </a>
                            </li>
                            <!--end:::Tab item-->
                            <!--begin:::Tab item-->
                            <li class="nav-item">
                                <a class="nav-link text-active-primary pb-5" data-bs-toggle="tab"
                                    href="#kt_ecommerce_contact">
                                    <!--begin::Svg Icon | path: icons/duotune/ecommerce/ecm005.svg-->
                                    <span class="svg-icon svg-icon-2 me-2">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path opacity="0.3"
                                                d="M20 22H4C3.4 22 3 21.6 3 21V2H21V21C21 21.6 20.6 22 20 22Z"
                                                fill="currentColor" />
                                            <path
                                                d="M12 14C9.2 14 7 11.8 7 9V5C7 4.4 7.4 4 8 4C8.6 4 9 4.4 9 5V9C9 10.7 10.3 12 12 12C13.7 12 15 10.7 15 9V5C15 4.4 15.4 4 16 4C16.6 4 17 4.4 17 5V9C17 11.8 14.8 14 12 14Z"
                                                fill="currentColor" />
                                        </svg>
                                    </span>
                                    <!--end::Svg Icon-->@lang('pages.contact')
                                </a>
                            </li>
                            <!--end:::Tab item-->
                        </ul>
                        <!--end:::Tabs-->
                        <!--begin:::Tab content-->
                        <div class="tab-content" id="myTabContent">
                            <!--begin:::Tab pane-->
                            <div class="tab-pane fade show active" id="kt_ecommerce_settings_general" role="tabpanel">
                                <!--begin::Form-->
                                <form id="kt_ecommerce_settings_general_form" class="form" action="#">
                                    <!--begin::mail_username-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.logo')</span>
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <div class="card-body text-center pt-0">
                                                <!--begin::Image input-->
                                                <!--begin::Image input placeholder-->
                                                <style>
                                                    .icon-input-placeholder {
                                                        background-image: url('{{ $setting->url_logo ?? asset('assets/media/svg/files/blank-image.svg') }}');
                                                    }
                                                </style>
                                                <!--end::Image input placeholder-->
                                                <!--begin::Image input-->
                                                <div class="image-input image-input-empty image-input-outline icon-input-placeholder mb-3"
                                                    data-kt-image-input="true">
                                                    <!--begin::Preview existing avatar-->
                                                    <div class="image-input-wrapper w-150px h-150px"></div>
                                                    <!--end::Preview existing avatar-->
                                                    <!--begin::Label-->
                                                    <label
                                                        class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow"
                                                        data-kt-image-input-action="change" data-bs-toggle="tooltip"
                                                        title="Change avatar">
                                                        <!--begin::Icon-->
                                                        <i class="bi bi-pencil-fill fs-7"></i>
                                                        <!--end::Icon-->
                                                        <!--begin::Inputs-->
                                                        <input type="file" name="logo" id="logo"
                                                            accept=".png, .jpg, .jpeg" />
                                                        <input type="hidden" name="logo_remove" />
                                                        <!--end::Inputs-->
                                                    </label>
                                                    <!--end::Label-->
                                                    <!--begin::Cancel-->
                                                    <span
                                                        class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow"
                                                        data-kt-image-input-action="cancel" data-bs-toggle="tooltip"
                                                        title="Cancel avatar">
                                                        <i class="bi bi-x fs-2"></i>
                                                    </span>
                                                    <!--end::Cancel-->
                                                    <!--begin::Remove-->
                                                    <span
                                                        class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow"
                                                        data-kt-image-input-action="remove" data-bs-toggle="tooltip"
                                                        title="Remove avatar">
                                                        <i class="bi bi-x fs-2"></i>
                                                    </span>
                                                    <!--end::Remove-->
                                                </div>
                                                <!--end::Image input-->
                                            </div>
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_logo text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::mail_username-->

                                    <!--begin::mail_username-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.email_username')</span>
                                                {{-- <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
												title="Set the title of the store for SEO."></i> --}}
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <input type="email" class="form-control form-control-solid"
                                                name="email_account" id="email_account"
                                                value="{{ $setting->email_account ?? null }}" />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_email_account text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::mail_username-->

                                    <!--begin::email_host-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.email_host')</span>
                                                {{-- <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
												title="Set the title of the store for SEO."></i> --}}
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <input type="email" class="form-control form-control-solid"
                                                name="email_host" id="email_host"
                                                value="{{ $setting->email_host ?? null }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_email_host text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::email_host-->

                                    <!--begin::Input group-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.email_driver')</span>
                                                {{-- <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
												title="Set the title of the store for SEO."></i> --}}
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <input type="email" class="form-control form-control-solid"
                                                name="email_driver" id="email_driver"
                                                value="{{ $setting->email_driver ?? null }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_email_driver text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->

                                    <!--begin::Input group-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.email_port')</span>
                                                {{-- <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
												title="Set the title of the store for SEO."></i> --}}
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <input type="email" class="form-control form-control-solid"
                                                name="email_port" id="email_port"
                                                value="{{ $setting->email_port ?? null }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_email_port text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->

                                    <!--begin::Input group-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.encryption')</span>
                                                {{-- <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
												title="Set the title of the store for SEO."></i> --}}
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <input type="email" class="form-control form-control-solid"
                                                name="encryption" id="encryption"
                                                value="{{ $setting->encryption ?? null }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_encryption text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->

                                    <!--begin::Input group-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.price')</span>
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <div class="form-check form-switch form-check-custom form-check-solid">
                                                <input class="form-check-input" type="checkbox" value=""
                                                    id="show_price" name="show_price" @checked($setting->show_price == 1 ?? null) />
                                                <label class="form-check-label fw-semibold text-gray-400 ms-3"
                                                    for="show_price">
                                                    @if ($setting->show_price == 1)
                                                        @lang('pages.active')
                                                    @endif
                                                </label>
                                            </div>
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_show_price text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->

                                    <!--begin::Input group-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.course_registration')</span>
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <div class="form-check form-switch form-check-custom form-check-solid">
                                                <input class="form-check-input" type="checkbox" value=""
                                                    id="show_registration" name="show_registration"
                                                    @checked($setting->show_registration == 1 ?? null) />
                                                <label class="form-check-label fw-semibold text-gray-400 ms-3"
                                                    for="show_registration">
                                                    @if ($setting->show_registration == 1)
                                                        @lang('pages.active')
                                                    @endif
                                                </label>
                                            </div>
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_show_registration text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->

                                    <!--begin::Action buttons-->
                                    <div class="row py-5">
                                        <div class="col-md-9 offset-md-3">
                                            <div class="d-flex">
                                                <!--begin::Button-->
                                                <button type="reset" data-kt-ecommerce-settings-type="cancel"
                                                    class="btn btn-light me-3">@lang('pages.cancel')</button>
                                                <!--end::Button-->
                                                <!--begin::Button-->
                                                <button type="button" onclick="update()"
                                                    data-kt-ecommerce-settings-type="submit" class="btn btn-primary">
                                                    <span class="indicator-label">@lang('pages.save')</span>
                                                </button>
                                                <!--end::Button-->
                                            </div>
                                        </div>
                                    </div>
                                    <!--end::Action buttons-->
                                </form>
                                <!--end::Form-->
                            </div>
                            <!--end:::Tab pane-->

                            <!--begin:::Tab pane-->
                            <div class="tab-pane fade" id="kt_ecommerce_social_links" role="tabpanel">
                                <!--begin::Form-->
                                <form id="kt_ecommerce_settings_general_form" class="form" action="#">
                                    <!--begin::Heading-->
                                    <div class="row mb-7">
                                        <div class="col-md-9 offset-md-3">
                                            <h2>@lang('pages.social_links')</h2>
                                        </div>
                                    </div>
                                    <!--end::Heading-->

                                    <!--begin::mail_username-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.facebook')</span>
                                                {{-- <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
												title="Set the title of the store for SEO."></i> --}}
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <input type="url" class="form-control form-control-solid" name="facebook"
                                                id="facebook" value="{{ $social->facebook ?? null }}" />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_facebook text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::mail_username-->

                                    <!--begin::email_host-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.twitter')</span>
                                                {{-- <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
												title="Set the title of the store for SEO."></i> --}}
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <input type="url" class="form-control form-control-solid" name="twitter"
                                                id="twitter" value="{{ $social->twitter ?? null }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_twitter text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::email_host-->

                                    <!--begin::Input group-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.instagram')</span>
                                                {{-- <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
												title="Set the title of the store for SEO."></i> --}}
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <input type="url" class="form-control form-control-solid"
                                                name="instagram" id="instagram" value="{{ $social->instagram ?? null }}"
                                                required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_instagram text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->

                                    <!--begin::Input group-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.linked_in')</span>
                                                {{-- <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
												title="Set the title of the store for SEO."></i> --}}
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <input type="url" class="form-control form-control-solid"
                                                name="linked_in" id="linked_in" value="{{ $social->linked_in ?? null }}"
                                                required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_linked_in text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->

                                    <!--begin::Input group-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.google_plus')</span>
                                                {{-- <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
												title="Set the title of the store for SEO."></i> --}}
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <input type="url" class="form-control form-control-solid"
                                                name="google_plus" id="google_plus"
                                                value="{{ $social->google_plus ?? null }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_google_plus text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->

                                    <!--begin::Input group-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.youtube')</span>
                                                {{-- <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
												title="Set the title of the store for SEO."></i> --}}
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <input type="url" class="form-control form-control-solid" name="youtube"
                                                id="youtube" value="{{ $social->youtube ?? null }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_youtube text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->

                                    <!--begin::Input group-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.sound_cloud')</span>
                                                {{-- <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
												title="Set the title of the store for SEO."></i> --}}
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <input type="url" class="form-control form-control-solid"
                                                name="sound_cloud" id="sound_cloud"
                                                value="{{ $social->sound_cloud ?? null }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_sound_cloud text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->

                                    <!--begin::Input group-->
                                    <div class="row fv-row mb-7">
                                        <div class="col-md-3 text-md-end">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label mt-3">
                                                <span class="required">@lang('pages.slack')</span>
                                                {{-- <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
												title="Set the title of the store for SEO."></i> --}}
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-md-9">
                                            <!--begin::Input-->
                                            <input type="url" class="form-control form-control-solid" name="slack"
                                                id="slack" value="{{ $social->slack ?? null }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_slack text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->

                                    <!--begin::Action buttons-->
                                    <div class="row py-5">
                                        <div class="col-md-9 offset-md-3">
                                            <div class="d-flex">
                                                <!--begin::Button-->
                                                <button type="reset" data-kt-ecommerce-settings-type="cancel"
                                                    class="btn btn-light me-3">@lang('pages.cancel')</button>
                                                <!--end::Button-->
                                                <!--begin::Button-->
                                                <button type="button" onclick="updateSocial()"
                                                    data-kt-ecommerce-settings-type="submit" class="btn btn-primary">
                                                    <span class="indicator-label">@lang('pages.save')</span>
                                                </button>
                                                <!--end::Button-->
                                            </div>
                                        </div>
                                    </div>
                                    <!--end::Action buttons-->
                                </form>
                                <!--end::Form-->
                            </div>
                            <!--end:::Tab pane-->

                            <!--begin:::Tab pane-->
                            <div class="tab-pane fade" id="kt_ecommerce_website" role="tabpanel">
                                <!--begin::Form-->
                                <form id="kt_ecommerce_settings_general_form" class="form" action="#">

                                    <!--begin::name-->
                                    <div class="row">
                                        {{-- en --}}
                                        <div class="col mb-10 fv-row">
                                            <!--begin::Label-->
                                            <label class="required form-label">{{ __('pages.name_en') }}</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" name="name_en" id="name_en"
                                                value="{{ $website->name_en ?? null }}" class="form-control mb-2"
                                                placeholder="{{ __('pages.name_en') }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_name_en text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>

                                        {{-- ar --}}
                                        <div class="col mb-10 fv-row">
                                            <!--begin::Label-->
                                            <label class="required form-label">{{ __('pages.name_ar') }}</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" name="name_ar" id="name_ar"
                                                value="{{ $website->name_ar ?? null }}" class="form-control mb-2"
                                                placeholder="{{ __('pages.name_ar') }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_name_ar text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::name-->

                                    <!--begin::copyright_sign-->
                                    <div class="row">
                                        {{-- en --}}
                                        <div class="col mb-10 fv-row">
                                            <!--begin::Label-->
                                            <label class="required form-label">{{ __('pages.copyright_sign_en') }}</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" name="copyright_sign_en" id="copyright_sign_en"
                                                value="{{ $website->copyright_sign_en ?? null }}"
                                                class="form-control mb-2"
                                                placeholder="{{ __('pages.copyright_sign_en') }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_copyright_sign_en text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>

                                        {{-- ar --}}
                                        <div class="col mb-10 fv-row">
                                            <!--begin::Label-->
                                            <label class="required form-label">{{ __('pages.copyright_sign_ar') }}</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" name="copyright_sign_ar" id="copyright_sign_ar"
                                                value="{{ $website->copyright_sign_ar ?? null }}"
                                                class="form-control mb-2"
                                                placeholder="{{ __('pages.copyright_sign_ar') }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_copyright_sign_ar text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::copyright_sign-->

                                    <!--begin::description-->
                                    <div class="row">
                                        {{-- en --}}
                                        <div class="col mb-10 fv-row">
                                            <!--begin::Label-->
                                            <label class="required form-label">{{ __('pages.description_en') }}</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <textarea name="description_en" id="description_en">
								                            {!! $website->description_en ?? null !!}
								                        </textarea>
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_description_en text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>

                                        {{-- ar --}}
                                        <div class="col mb-10 fv-row">
                                            <!--begin::Label-->
                                            <label class="required form-label">{{ __('pages.description_ar') }}</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <textarea name="description_ar" id="description_ar">
								                            {!! $website->description_ar ?? null !!}
								                        </textarea>
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_description_ar text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::description-->

                                    <!--begin::Action buttons-->
                                    <div class="d-flex justify-content-end">
                                        <!--begin::Button-->
                                        <a id="kt_ecommerce_add_product_cancel"
                                            class="btn btn-light me-5">{{ __('pages.cancel') }}</a>
                                        <!--end::Button-->
                                        <!--begin::Button-->
                                        <button type="button" id="kt_ecommerce_add_category_submit"
                                            class="btn btn-primary" onclick="updateWebsite()">
                                            <span class="indicator-label">{{ __('pages.save') }}</span>
                                            <span class="indicator-progress">Please wait...
                                                <span
                                                    class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                        </button>
                                        <!--end::Button-->
                                    </div>
                                    <!--end::Action buttons-->
                                </form>
                                <!--end::Form-->
                            </div>
                            <!--end:::Tab pane-->

                            <!--begin:::Tab pane-->
                            <div class="tab-pane fade" id="kt_ecommerce_contact" role="tabpanel">
                                <!--begin::Form-->
                                <form id="kt_ecommerce_settings_general_form" class="form" action="#">

                                    <!--begin::name-->
                                    <div class="row">
                                        {{-- en --}}
                                        <div class="col mb-10 fv-row">
                                            <!--begin::Label-->
                                            <label class="required form-label">{{ __('pages.email') }}</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" name="email" id="email"
                                                value="{{ $contact->email ?? null }}" class="form-control mb-2"
                                                placeholder="{{ __('pages.email') }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_email text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>

                                        {{-- ar --}}
                                        <div class="col mb-10 fv-row">
                                            <!--begin::Label-->
                                            <label class="required form-label">{{ __('pages.mobile') }}</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" name="mobile" id="mobile"
                                                value="{{ $contact->mobile ?? null }}" class="form-control mb-2"
                                                placeholder="{{ __('pages.mobile') }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_mobile text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::name-->

                                    <!--begin::copyright_sign-->
                                    <div class="row">
                                        {{-- en --}}
                                        <div class="col mb-10 fv-row">
                                            <!--begin::Label-->
                                            <label class="required form-label">{{ __('pages.phone') }}</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" name="phone" id="phone"
                                                value="{{ $contact->phone ?? null }}" class="form-control mb-2"
                                                placeholder="{{ __('pages.phone') }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_phone text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>

                                        {{-- ar --}}
                                        <div class="col mb-10 fv-row">
                                            <!--begin::Label-->
                                            <label class="required form-label">{{ __('pages.fax') }}</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" name="fax" id="fax"
                                                value="{{ $contact->fax ?? null }}" class="form-control mb-2"
                                                placeholder="{{ __('pages.fax') }}" required />
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_fax text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::copyright_sign-->

                                    <!--begin::description-->
                                    <div class="row">
                                        {{-- en --}}
                                        <div class="col mb-10 fv-row">
                                            <!--begin::Label-->
                                            <label class="required form-label">{{ __('pages.location') }}</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <textarea name="location" id="location">
														                            {!! $contact->location ?? null !!}
														                        </textarea>
                                            <!--end::Input-->
                                            <!--begin::error message-->
                                            <span class="error_location text-danger">
                                            </span>
                                            <!--end::error message-->
                                        </div>
                                    </div>
                                    <!--end::description-->

                                    <!--begin::Action buttons-->
                                    <div class="d-flex justify-content-end">
                                        <!--begin::Button-->
                                        <a id="kt_ecommerce_add_product_cancel"
                                            class="btn btn-light me-5">{{ __('pages.cancel') }}</a>
                                        <!--end::Button-->
                                        <!--begin::Button-->
                                        <button type="button" id="kt_ecommerce_add_category_submit"
                                            class="btn btn-primary" onclick="updateContact()">
                                            <span class="indicator-label">{{ __('pages.save') }}</span>
                                            <span class="indicator-progress">Please wait...
                                                <span
                                                    class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                        </button>
                                        <!--end::Button-->
                                    </div>
                                    <!--end::Action buttons-->
                                </form>
                                <!--end::Form-->
                            </div>
                            <!--end:::Tab pane-->
                        </div>
                        <!--end:::Tab content-->
                    </div>
                    <!--end::Card body-->
                </div>
                <!--end::Card-->
            </div>
            <!--end::Content container-->
        </div>
        <!--end::Content container-->
    </div>
@endsection

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>
    <script src="https://unpkg.com/axios@1.1.2/dist/axios.min.js"></script>
    <script src="{{ asset('assets/plugins/custom/tinymce/tinymce.bundle.js') }}"></script>
    <script>
        const currentRouteName = "{{ Route::currentRouteName() }}";
        const validation_error = "{{ __('validation.validation_error') }}";

        // var descriptionEn = {
        //     selector: "#description_en",
        //     height: "480"
        // };
        // tinymce.init(descriptionEn);

        // var descriptionAr = {
        //     selector: "#description_ar",
        //     height: "480"
        // };
        // tinymce.init(descriptionAr);

        // var websiteLocation = {
        //     selector: "#location",
        //     height: "480"
        // };
        // tinymce.init(websiteLocation);

        document.addEventListener('DOMContentLoaded', function() {
            getSpecializations();
        });
    </script>
    <script src="{{ asset('assets/js/settings.js') }}"></script>
@endsection