@extends('vendor.installer.layouts.master')

@section('template_title')
    Step 4 | Save Settings
@endsection

@section('title')
    <i class="fa fa-magic fa-fw" aria-hidden="true"></i>
    {!! trans('installer_messages.environment.wizard.title') !!}
@endsection

@section('container')

<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Toolbar-->
        <div class="toolbar" id="kt_toolbar">
            <!--begin::Container-->
            <div id="kt_toolbar_container" class="container-fluid d-flex flex-stack">
                <!--begin::Page title-->
                <div data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}" class="page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0">
                    <!--begin::Title-->
                    <h1 class="d-flex text-dark fw-bolder fs-3 align-items-center my-1">Site Settings</h1>
                    <!--end::Title-->
                    <!--begin::Separator-->
                    <span class="h-20px border-gray-300 border-start mx-4"></span>
                    <!--end::Separator-->
                    <!--end::Breadcrumb-->
                </div>
                <!--end::Page title-->
            </div>
            <!--end::Container-->
        </div>
        <!--end::Toolbar-->
        <!--begin::Post-->
        <div class="post d-flex flex-column-fluid" id="kt_post">
            <!--begin::Container-->
            <div id="kt_content_container" class="container-xxl">
                <!--begin::Content-->
                <div class="flex-lg-row-fluid">
                    <!--begin:::Tabs-->
                    <ul class="nav nav-custom nav-tabs nav-line-tabs nav-line-tabs-2x border-0 fs-4 fw-bold mb-8">
                        <!--begin:::Tab item-->
                        <li class="nav-item">
                            <a class="nav-link text-active-primary pb-4 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 xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <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-->General</a>
                        </li>
                        <!--end:::Tab item-->
                        <!--begin:::Tab item-->
                        <li class="nav-item">
                            <a class="nav-link text-active-primary pb-4" data-bs-toggle="tab" href="#kt_ecommerce_settings_store">
                            <!--begin::Svg Icon | path: icons/duotune/ecommerce/ecm004.svg-->
                            <span class="svg-icon svg-icon-2 me-2">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <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-->Email</a>
                        </li>
                        <!--end:::Tab item-->
                        <!--begin:::Tab item-->
                        <li class="nav-item">
                            <a class="nav-link text-active-primary pb-4" data-bs-toggle="tab" href="#kt_ecommerce_settings_localization">
                            <!--begin::Svg Icon | path: icons/duotune/maps/map004.svg-->
                            <span class="svg-icon svg-icon-2 me-2">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <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-->Social</a>
                        </li>
                        <!--end:::Tab item-->
                        <!--begin:::Tab item-->
                        <li class="nav-item">
                            <a class="nav-link text-active-primary pb-4" data-bs-toggle="tab" href="#kt_ecommerce_settings_products">
                            <!--begin::Svg Icon | path: icons/duotune/ecommerce/ecm005.svg-->
                            <span class="svg-icon svg-icon-2 me-2">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <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-->Seo</a>
                        </li>
                        <!--end:::Tab item-->
                        <!--begin:::Tab item-->
                        <li class="nav-item">
                            <a class="nav-link text-active-primary pb-4" data-bs-toggle="tab" href="#kt_ecommerce_settings_customers">
                            <!--begin::Svg Icon | path: icons/duotune/communication/com014.svg-->
                            <span class="svg-icon svg-icon-2 me-2">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <path d="M16.0173 9H15.3945C14.2833 9 13.263 9.61425 12.7431 10.5963L12.154 11.7091C12.0645 11.8781 12.1072 12.0868 12.2559 12.2071L12.6402 12.5183C13.2631 13.0225 13.7556 13.6691 14.0764 14.4035L14.2321 14.7601C14.2957 14.9058 14.4396 15 14.5987 15H18.6747C19.7297 15 20.4057 13.8774 19.912 12.945L18.6686 10.5963C18.1487 9.61425 17.1285 9 16.0173 9Z" fill="currentColor" />
                                    <rect opacity="0.3" x="14" y="4" width="4" height="4" rx="2" fill="currentColor" />
                                    <path d="M4.65486 14.8559C5.40389 13.1224 7.11161 12 9 12C10.8884 12 12.5961 13.1224 13.3451 14.8559L14.793 18.2067C15.3636 19.5271 14.3955 21 12.9571 21H5.04292C3.60453 21 2.63644 19.5271 3.20698 18.2067L4.65486 14.8559Z" fill="currentColor" />
                                    <rect opacity="0.3" x="6" y="5" width="6" height="6" rx="3" fill="currentColor" />
                                </svg>
                            </span>
                            <!--end::Svg Icon-->Api Keys </a>
                        </li>
                        <!--end:::Tab item-->

                        <li class="nav-item">
                            <a class="nav-link text-active-primary pb-4" data-bs-toggle="tab" href="#kt_ecommerce_settings_home">
                            <!--begin::Svg Icon | path: icons/duotune/ecommerce/ecm004.svg-->
                            <span class="svg-icon svg-icon-2 me-2">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <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-->Home</a>
                        </li>
                        <!--end:::Tab item-->

                    
                        <!--begin:::Tab item-->
                        <li class="nav-item">
                            <a class="nav-link text-active-primary pb-4" data-bs-toggle="tab" href="#kt_ecommerce_settings_contact">
                            <!--begin::Svg Icon | path: icons/duotune/ecommerce/ecm004.svg-->
                            <span class="svg-icon svg-icon-2 me-2">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <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-->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::Products-->
                            <div class="card card-flush mb-5 mb-xl-8">
                                <!--begin::Card header-->
                                <div class="card-header align-items-center py-5 gap-2 gap-md-5">
                                    <!--begin::Card title-->
                                    <div class="card-title">
                                        <!--begin::Title-->
                                        <h2>General</h2>
                                        <!--end::Title-->
                                    </div>
                                    <!--end::Card title-->
                                </div>
                                <!--end::Card header-->
                                <!--begin::Card body-->
                                <div class="card-body pt-0">
                                    <!--begin::Form-->
                                    <form method="post" id="kt_ecommerce_settings_general_store" class="form" action="{{ route('LaravelInstaller::postsettings') }}" enctype="multipart/form-data">
                                        @csrf
                                        <!--begin::Input group-->
                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="col-md-12 mb-7 row">

                                                <div class="col-md-6">
                                                    <label class="form-label">
                                                        <span> App Name </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="app_name" value="{{settings('app_name')}}" />
                                                    <!--end::Input-->
                                                </div>

                                                <div class="col-md-6">
                                                    <!--begin::Input-->
                                                    <label class="form-label">
                                                        <span> Footer Text </span>
                                                    </label>
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="footer_text" value="{{settings('footer_text')}}" />
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                        </div>

                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="col-md-12 mb-7 row">

                                                <div class="col-md-6">
                                                    <label class="form-label">
                                                       <span> Expired Click Default Duration Difference for jobs not found redirection </span>
                                                   </label>
                                                   <!--begin::Input-->
                                                   <input type="text" onkeypress="return event.charCode >= 48 && event.charCode <= 57" class="fs-6 form-control form-control-lg form-control-solid" name="expired_click_default_duration" value="{{settings('expired_click_default_duration')}}" />
                                                   <!--end::Input-->
                                               </div>
                                               <div class="col-md-6">
                                                <!--begin::Input-->
                                                <label class="form-label">
                                                    <span>Default Feed Delete Chunk </span>
                                                </label>
                                                <!--begin::Input-->
                                                <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="feed_default_feed_delete_chunk"  pattern="^[0-9]*$" value="{{settings('feed_default_feed_delete_chunk')}}" />
                                                <!--end::Input-->
                                            </div>
                                        </div>      
                                    </div>
                                    <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="col-md-12 mb-7 row">
                                                <div class="col-md-6">
                                                    <!--begin::Label-->
                                                    <label class="fs-6 fw-bold mb-3">
                                                        <span>Logo</span>
                                                        <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip" title="" data-bs-original-title="Allowed file types: png, jpg, jpeg." aria-label="Allowed file types: png, jpg, jpeg."></i>
                                                    </label>
                                                    <!--end::Label-->
                                                    <!--begin::Image input wrapper-->
                                                    <div class="mt-1">
                                                        <!--begin::Image input-->
                                                        @if(settings('logo')=='')
                                                        @php
                                                        $imagesLogo = '/assets/media/logo/cw_logo.png';
                                                        @endphp
                                                        @else
                                                            @php
                                                            $imagesLogo = '/'.settings('logo');
                                                            @endphp
                                                        @endif
                                                            <div class="image-input image-input-outline" data-kt-image-input="true" style="background-image: url('{{$imagesLogo}}')">
                                                                <div class="image-input-wrapper w-100px h-100px" style="background-image: url('{{$imagesLogo}}')">
                                                                    
                                                                </div>

                                                                <!--end::Preview existing avatar-->
                                                                <!--begin::Edit-->
                                                                <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="" data-bs-original-title="Change Logo">
                                                                    <i class="bi bi-pencil-fill fs-7"></i>
                                                                    <!--begin::Inputs-->
                                                                    <input type="file" name="logo" accept=".png, .jpg, .jpeg">
                                                                    <input type="hidden" name="logo">
                                                                    <!--end::Inputs-->
                                                                </label>
                                                                <!--end::Edit-->
                                                                <!--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="" data-bs-original-title="Cancel Logo">
                                                                    <i class="bi bi-x fs-2"></i>
                                                                </span>
                                                                <!--end::Cancel-->
                                                                <!--begin::Remove-->
                                                                <!--end::Remove-->
                                                            </div>
                                                            <!--end::Image input wrapper-->
                                                    </div>
                                                </div>
                                                 <div class="col-md-6">
                                                    <!--begin::Label-->
                                                    <label class="fs-6 fw-bold mb-3">
                                                        <span>Favicon</span>
                                                        <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip" title="" data-bs-original-title="Allowed file types: png, jpg, jpeg." aria-label="Allowed file types: png, jpg, jpeg."></i>
                                                    </label>
                                                    <!--end::Label-->
                                                    <!--begin::Image input wrapper-->
                                                    <div class="mt-1">
                                                        <!--begin::Image input-->
                                                        @if(settings('favicon')=='')
                                                        @php
                                                        $imagesLogo = '/assets/media/logo/cw_logo.png';
                                                        @endphp
                                                        @else
                                                            @php
                                                            $imagesLogo = '/'.settings('favicon');
                                                            @endphp
                                                        @endif
                                                            <div class="image-input image-input-outline" data-kt-image-input="true" style="background-image: url('{{$imagesLogo}}')">
                                                                <div class="image-input-wrapper w-100px h-100px" style="background-image: url('{{$imagesLogo}}')">
                                                                    
                                                                </div>

                                                                <!--end::Preview existing avatar-->
                                                                <!--begin::Edit-->
                                                                <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="" data-bs-original-title="Change Favicon">
                                                                    <i class="bi bi-pencil-fill fs-7"></i>
                                                                    <!--begin::Inputs-->
                                                                    <input type="file" name="favicon" accept=".png, .jpg, .jpeg, .ico">
                                                                    <input type="hidden" name="favicon">
                                                                    <!--end::Inputs-->
                                                                </label>
                                                                <!--end::Edit-->
                                                                <!--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="" data-bs-original-title="Cancel Favicon">
                                                                    <i class="bi bi-x fs-2"></i>
                                                                </span>
                                                                <!--end::Cancel-->
                                                                <!--begin::Remove-->
                                                                <!--end::Remove-->
                                                            </div>
                                                            <!--end::Image input wrapper-->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="col-md-12 mb-7 row">

                                                <div class="col-md-6">
                                                    <!--begin::Label-->
                                                  <label class="required form-label">Others City ID</label>
                                                  <!--end::Label-->
                                                  <!--begin::Input-->
                                                  <input class="fs-6 form-control form-control-lg form-control-solid" name="other_city_id" id="other_city_id" value="{{settings('other_city_id')}}" type="text" placeholder="Others City ID" />
                                                   <!--end::Input-->
                                               </div>
                                               
                                        </div>      
                                    </div>
                                    <div class="row">
                                        <div class="col-md-9 offset-md-3">
                                            <!--begin::Separator-->
                                            <!-- <div class="separator mb-6"></div> -->
                                            <!--end::Separator-->
                                            <div class="d-flex justify-content-end">
                                                <!--begin::Button-->
                                                
                                                <!--end::Button-->
                                                <!--begin::Button-->
                                                <button type="submit" data-kt-ecommerce-settings-type="submit" class="btn btn-primary">
                                                    <span class="indicator-label">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>
                                            </div>
                                        </div>
                                        <!--end::Action buttons-->
                                    </form>
                                    <!--end::Form-->
                                </div>
                                <!--end::Card body-->
                            </div>
                            <!--end::Products-->
                        </div>
                        <!--end:::Tab pane-->

                        <!--begin:::Tab pane-->
                        <div class="tab-pane fade" id="kt_ecommerce_settings_store" role="tabpanel">
                            <!--begin::Form-->
                            <form method="post" id="kt_ecommerce_settings_general_store" class="form" action="{{ route('LaravelInstaller::postsettings') }}" enctype="multipart/form-data">
                            @csrf
                            <!--begin::Products-->
                            <div class="card card-flush mb-7">
                                <!--begin::Card header-->
                                <div class="card-header align-items-center py-5 gap-2 gap-md-5">
                                    <!--begin::Card title-->
                                    <div class="card-title">
                                        <!--begin::Title-->
                                        <h2>Email</h2>
                                        <!--end::Title-->
                                    </div>
                                    <!--end::Card title-->
                                </div>
                                <!--end::Card header-->
                                <!--begin::Card body-->
                                <div class="card-body pt-0">
                                        <!--begin::Input group-->
                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row mb-7 flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Notify To </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="sitesetting_to_emails" value="{{settings('sitesetting_to_emails')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                        </div>
                                </div>
                            </div>
                            <!--begin::Products-->
                            <div class="card card-flush mb-7">

                                <!--begin::Card header-->
                                <div class="card-header align-items-center py-5 gap-2 gap-md-5">
                                    <!--begin::Card title-->
                                    <div class="card-title">
                                        <!--begin::Title-->
                                        <h2>Primary SMTP</h2>
                                        <!--end::Title-->
                                    </div>
                                    <!--end::Card title-->
                                </div>
                                <!--end::Card header-->
                                <!--begin::Card body-->
                                <div class="card-body pt-0">

                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row mb-7 flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Mail Host </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="mail_host" value="{{settings('mail_host')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Mail Port</span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="mail_port" value="{{settings('mail_port')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <div class="fv-row mb-7 flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Mail Encryption </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="mail_encryption" value="{{settings('mail_encryption')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                        </div>

                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Mail Username</span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="mail_username" value="{{settings('mail_username')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <div class="fv-row mb-7 flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Mail Password </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="mail_password" value="{{settings('mail_password')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <div class="fv-row mb-7 flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Mail From Email </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="mail_from_address" value="{{settings('mail_from_address')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                        </div>
                                       
                                        
                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-3">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Mail From Name</span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="mail_from_name" value="{{settings('mail_from_name')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                        </div>
                                       
                                        <!-- check box -->
                                        <div class="row fv-row mb-7">
                                            <div class="col-md-3">
                                                <div class="checkbox">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                        <input type="hidden" value="0" name="show_copyright">
                                                        <input name="show_copyright" value="1" type="hidden" >
                                                    </label> 
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Input group-->
                                        
                                        
                                </div>
                                <!--end::Card body-->
                            </div>
                            <!--end::Products-->

                            <!--begin::Products-->
                            <div class="card card-flush mb-7">

                                <!--begin::Card header-->
                                <div class="card-header align-items-center py-5 gap-2 gap-md-5">
                                    <!--begin::Card title-->
                                    <div class="card-title">
                                        <!--begin::Title-->
                                        <h2>Fall Back SMTP</h2>
                                        <!--end::Title-->
                                    </div>
                                    <!--end::Card title-->
                                </div>
                                <!--end::Card header-->
                                <!--begin::Card body-->
                                <div class="card-body pt-0">
                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row mb-7 flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Mail Host </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="fallback_mail_host" value="{{settings('fallback_mail_host')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Mail Port</span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="fallback_mail_port" value="{{settings('fallback_mail_port')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <div class="fv-row mb-7 flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Mail Encryption </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="fallback_mail_encryption" value="{{settings('fallback_mail_encryption')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                        </div>

                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            

                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Mail Username</span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="fallback_mail_username" value="{{settings('fallback_mail_username')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <div class="fv-row mb-7 flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Mail Password </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="fallback_mail_password" value="{{settings('fallback_mail_password')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <div class="fv-row mb-7 flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Mail From Email </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="fallback_mail_from_address" value="{{settings('fallback_mail_from_address')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                        </div>

                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-3">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                    <span> Mail From Name</span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="fallback_mail_from_name" value="{{settings('fallback_mail_from_name')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                        </div>

                                        <!-- check box -->
                                        <div class="row fv-row mb-7">
                                            <div class="col-md-3">
                                                <div class="checkbox">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                        <input type="hidden" value="0" name="show_copyright">
                                                        <input name="show_copyright" value="1" type="hidden" >
                                                    </label> 
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Input group-->
                                        
                                        
                                </div>
                                <!--end::Card body-->
                                <!--begin::Action buttons-->
                                <div class="row">
                                    <div class="col-md-9 offset-md-3">
                                        <!--begin::Separator-->
                                        <!-- <div class="separator mb-6"></div> -->
                                        <!--end::Separator-->
                                        <div class="d-flex justify-content-end">
                                            <!--begin::Button-->
                                            
                                            <!--end::Button-->
                                            <!--begin::Button-->
                                            <button type="submit" data-kt-ecommerce-settings-type="submit" class="btn btn-primary">
                                                <span class="indicator-label">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>
                                        </div>
                                </div>
                                <!--end::Form-->
                            </div>
                            <!--end::Products-->
                            </form>
                        </div>
                        <!--end:::Tab pane-->

                        <!--begin:::Tab pane-->
                        <div class="tab-pane fade" id="kt_ecommerce_settings_localization" role="tabpanel">
                                <!--begin::Products-->
                                <div class="card card-flush mb-5 mb-xl-8">
                                    <!--begin::Card header-->
                                    <div class="card-header align-items-center py-5 gap-2 gap-md-5">
                                        <!--begin::Card title-->
                                        <div class="card-title">
                                            <!--begin::Title-->
                                            <h2>Social Profiles</h2>
                                            <!--end::Title-->
                                        </div>
                                        <!--end::Card title-->
                                    </div>
                                    <!--end::Card header-->
                                    <!--begin::Card body-->
                                    <div class="card-body pt-0">
                                        <!--begin::Form-->
                                        <form method="post" id="kt_ecommerce_settings_general_store" class="form" action="{{ route('LaravelInstaller::postsettings') }}" enctype="multipart/form-data">
                                            @csrf
                                            <!--begin::Input group-->
                                            <div class="d-flex flex-column flex-md-row gap-5">
                                                <div class="fv-row mb-7 flex-row-fluid">

                                                    <div class="col-md-12">
                                                        <label class="form-label">
                                                            <span> Facebook Page URL</span>
                                                        </label>
                                                        <!--begin::Input-->
                                                        <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="facebook_url" value="{{settings('facebook_url')}}" />
                                                        <!--end::Input-->
                                                    </div>
                                                </div>

                                                <div class="fv-row flex-row-fluid">

                                                    <div class="col-md-12">
                                                        <label class="form-label">
                                                            <span>Twitter Profile URL </span>
                                                        </label>
                                                        <!--begin::Input-->
                                                        <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="twitter_url" value="{{settings('twitter_url')}}" />
                                                        <!--end::Input-->
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="d-flex flex-column flex-md-row gap-5">
                                                <div class="fv-row mb-7 flex-row-fluid">

                                                    <div class="col-md-12">
                                                        <label class="form-label">
                                                            <span> Instagram Account URL  </span>
                                                        </label>
                                                        <!--begin::Input-->
                                                        <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="instagram_url" value="{{settings('instagram_url')}}" />
                                                        <!--end::Input-->
                                                    </div>
                                                </div>

                                                <div class="fv-row mb-7 flex-row-fluid">

                                                    <div class="col-md-12">
                                                        <label class="form-label">
                                                            <span> LinkedIn URL </span>
                                                        </label>
                                                        <!--begin::Input-->
                                                        <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="linkedin_url" value="{{settings('linkedin_url')}}" />
                                                        <!--end::Input-->
                                                    </div>
                                                </div>
                                            </div>


                                    <!-- <div class="d-flex flex-column flex-md-row gap-5">
                                        <div class="fv-row mb-7 flex-row-fluid">
                                            
                                        <div class="col-md-6">
                                        <label class="form-label">
                                            <span>Youtube Channel URL </span>
                                            </label>
                                        
                                            <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="youtube_url" value="{{settings('youtube_url')}}"  style="width:99%;" />
                                            
                                        </div>
                                        </div>
                                    </div> -->
                                    

                                    <div class="d-flex flex-column flex-md-row gap-5">
                                        <div class="fv-row mb-7 flex-row-fluid">

                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-9 offset-md-3">
                                            <!--begin::Separator-->
                                            <!-- <div class="separator mb-6"></div> -->
                                            <!--end::Separator-->
                                            <div class="d-flex justify-content-end">
                                                <!--begin::Button-->
                                                
                                                <!--end::Button-->
                                                <!--begin::Button-->
                                                <button type="submit" data-kt-ecommerce-settings-type="submit" class="btn btn-primary">
                                                    <span class="indicator-label">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>
                                            </div>
                                        </div>
                                        <!--end::Action buttons-->
                                    </form>
                                    <!--end::Form-->
                                </div>
                                <!--end::Card body-->
                            </div>
                            <!--end::Products-->
                        </div>
                        <!--end:::Tab pane-->

                        <!--begin:::Tab pane-->
                        <div class="tab-pane fade" id="kt_ecommerce_settings_products" role="tabpanel">
                                <!--begin::Products-->
                                <div class="card card-flush mb-5 mb-xl-8">
                                <!--begin::Card header-->
                                <div class="card-header align-items-center py-5 gap-2 gap-md-5">
                                    <!--begin::Card title-->
                                    <div class="card-title">
                                        <!--begin::Title-->
                                        <h2>Meta</h2>
                                        <!--end::Title-->
                                    </div>
                                    <!--end::Card title-->
                                </div>
                                <!--end::Card header-->
                                <!--begin::Card body-->
                                <div class="card-body pt-0">
                                    <!--begin::Form-->
                                    <form method="post" id="kt_ecommerce_settings_general_store" class="form" action="{{ route('LaravelInstaller::postsettings') }}" enctype="multipart/form-data">
                                        @csrf
                                        <!--begin::Input group-->
                                        <div class="d-flex flex-column flex-md-row gap-5 col-md-12">
                                            <div class="fv-row mb-7 flex-row-fluid col-md-6 ">

                                                <div class="col-md-12">
                                                    <label class="form-label">
                                                        <span> Meta Site Name</span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="meta_site_name" value="{{settings('meta_site_name')}}" />
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <div class="fv-row flex-row-fluid col-md-6">

                                                <div class="col-md-12">
                                                    <label class="form-label">
                                                        <span>Meta Description </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="meta_description" value="{{settings('meta_description')}}" />
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                        </div>

                                        <div class="d-flex flex-column flex-md-row gap-5 col-md-12">
                                            <div class="fv-row mb-7 flex-row-fluid col-md-6 ">

                                                <div class="col-md-12">
                                                    <label class="form-label">
                                                        <span> Meta Keyword </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="meta_keyword" value="{{settings('meta_keyword')}}" />
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <div class="fv-row flex-row-fluid col-md-6">

                                                <div class="col-md-12">
                                                    <label class="form-label">
                                                        <span >Meta Twitter Creator Account </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="meta_twitter_creator" value="{{settings('meta_twitter_creator')}}" />
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                        </div>

                                        <div class="d-flex flex-column flex-md-row gap-5 col-md-12">
                                            <div class="fv-row mb-7 flex-row-fluid col-md-6 ">

                                                <div class="col-md-12">
                                                    <label class="form-label">
                                                        <span>Meta Facebook App Id </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="meta_fb_app_id" value="{{settings('meta_fb_app_id')}}" placeholder="Meta Facebook App Id" />
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <div class="fv-row flex-row-fluid col-md-6">

                                                <div class="col-md-12">
                                                    <label class="form-label">
                                                        <span>Meta Twitter Site Account </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="meta_twitter_site" value="{{settings('meta_twitter_site')}}" placeholder="Meta Twitter Site Account" />
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                        </div>

                                        <div class="d-flex flex-column flex-md-row gap-5 col-md-12">
                                            <div class="fv-row mb-7 flex-row-fluid col-md-6 ">

                                                <div class="col-md-12">
                                                    <label class="form-label">
                                                        <span>Google Index Max Process </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="google_indexing_max_process" value="{{settings('google_indexing_max_process')}}" placeholder="Google Index Max Process" />
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <div class="fv-row flex-row-fluid col-md-6">

                                                <div class="col-md-12">
                                                    <label class="form-label">
                                                        <span>Google API Service Account Json File </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <!--begin::Dropzone-->
                                                    <div class="dropzone" id="kt_dropzonejs_example_2">
                                                        <!--begin::Message-->
                                                        <div class="dz-message needsclick">
                                                            <!--begin::Icon-->
                                                            <i class="bi bi-file-earmark-arrow-up text-primary fs-3x"></i>
                                                            <!--end::Icon-->

                                                            <!--begin::Info-->
                                                            <div class="ms-4">
                                                                <h3 class="fs-5 fw-bold text-gray-900 mb-1">Drop files here or click to upload.</h3>
                                                            </div>
                                                            <!--end::Info-->
                                                        </div>
                                                    </div>
                                                    <!--end::Dropzone-->
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                        </div>

                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row mb-7 flex-row-fluid">
                                                <div class="mb-7">
                                                    <!--begin::Label-->
                                                    <label class="fs-6 fw-bold mb-3">
                                                        <span>Meta Image </span>
                                                        <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip" title="Allowed file types: png, jpg, jpeg."></i>
                                                    </label>
                                                    <!--end::Label-->
                                                    <!--begin::Image input wrapper-->
                                                    <div class="mt-1">
                                                        <!--begin::Image input-->

                                                        @if(settings('meta_image')=='')
                                                        <div class="image-input image-input-outline" data-kt-image-input="true" style="background-image: url('/img/avatars/default-avatar.jpg')">
                                                            <div class="image-input-wrapper w-100px h-100px" style="background-image: url('/img/avatars/default-avatar.jpg')"></div>
                                                            @else
                                                            @php
                                                            $imagesUrl = '/'.settings('meta_image');
                                                            @endphp
                                                            <div class="image-input image-input-outline" data-kt-image-input="true" style="background-image: url('{{$imagesUrl}}')">
                                                                <div class="image-input-wrapper w-100px h-100px" style="background-image: url('{{$imagesUrl}}')"></div>
                                                                @endif
                                                                <!--begin::Preview existing avatar-->

                                                                <!--end::Preview existing avatar-->
                                                                <!--begin::Edit-->
                                                                <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">
                                                                    <i class="bi bi-pencil-fill fs-7"></i>
                                                                    <!--begin::Inputs-->
                                                                    <input type="file" name="meta_image" accept=".png, .jpg, .jpeg" />
                                                                    <input type="hidden" name="meta_image" />
                                                                    <!--end::Inputs-->
                                                                </label>
                                                                <!--end::Edit-->
                                                                <!--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-->
                                                                <!--end::Remove-->
                                                        </div>
                                                        <!--end::Image input wrapper-->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-9 offset-md-3">
                                                <!--begin::Separator-->
                                                <!-- <div class="separator mb-6"></div> -->
                                                <!--end::Separator-->
                                                <div class="d-flex justify-content-end">
                                                    <!--begin::Button-->
                                                    
                                                    <!--end::Button-->
                                                    <!--begin::Button-->
                                                    <button type="submit" data-kt-ecommerce-settings-type="submit" class="btn btn-primary">
                                                        <span class="indicator-label">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>
                                            </div>
                                        </div>

                                        <!--end::Action buttons-->
                                    </form>
                                <!--end::Form-->
                                </div>
                                <!--end::Card body-->
                                </div>
                                <!--end::Products-->
                        </div>
                        <!--end:::Tab pane-->

                        <!--begin:::Tab pane-->
                        <div class="tab-pane fade" id="kt_ecommerce_settings_customers" role="tabpanel">
                            <!--begin::Products-->
                            <div class="card card-flush">
                                <!--begin::Card header-->
                                <div class="card-header align-items-center py-5 gap-2 gap-md-5">
                                    <!--begin::Card title-->
                                    <div class="card-title">
                                        <!--begin::Title-->
                                        <h2>Api Keys </h2>
                                        <!--end::Title-->
                                    </div>
                                    <!--end::Card title-->
                                </div>
                                <!--end::Card header-->
                                <!--begin::Card body-->
                                <div class="card-body pt-0">
                                    <!--begin::Form-->
                                    <form method="post" id="kt_ecommerce_settings_general_store" class="form" action="{{ route('LaravelInstaller::postsettings') }}" enctype="multipart/form-data">
                                        @csrf
                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row mb-7 flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="form-label">
                                                        <span >Recaptcha Site Key </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="recaptcha_site_key" value="{{settings('recaptcha_site_key')}}" />
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="form-label">
                                                        <span >Recaptcha Secret Key </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="recaptcha_secret_key" value="{{settings('recaptcha_secret_key')}}" />
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                        </div>

                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row mb-7 flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="form-label">
                                                        <span >Recaptcha V2 Site Key </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="recaptcha_v2_site_key" value="{{settings('recaptcha_v2_site_key')}}" />
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="form-label">
                                                        <span >Recaptcha V2 Secret Key </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="recaptcha_v2_secret_key" value="{{settings('recaptcha_v2_secret_key')}}" />
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                        </div>

                                        <div class="d-flex flex-column flex-md-row gap-5">
                                           <div class="fv-row mb-7 flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="form-label">
                                                        <span> Google Tag Key </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="google_tag_key" value="{{settings('google_tag_key')}}" />
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                        </div>

                                        <!--end::Input group-->
                                        <!--begin::Action buttons-->
                                        <div class="row">
                                            <div class="col-md-9 offset-md-3">
                                                <!--begin::Separator-->
                                                <!-- <div class="separator mb-6"></div> -->
                                                <!--end::Separator-->
                                                <div class="d-flex justify-content-end">
                                                    <!--begin::Button-->
                                                    
                                                    <!--end::Button-->
                                                    <!--begin::Button-->
                                                    <button type="submit" data-kt-ecommerce-settings-type="submit" class="btn btn-primary">
                                                        <span class="indicator-label">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>
                                            </div>
                                        </div>
                                        <!--end::Action buttons-->
                                    </form>
                                    <!--end::Form-->
                                </div>
                                <!--end::Card body-->
                            </div>
                            <!--end::Products-->
                        </div>
                        <!--end:::Tab pane-->

                        <!--begin:::Tab pane-->
                        <div class="tab-pane fade" id="kt_ecommerce_settings_home" role="tabpanel">
                            <!--begin::Products-->
                            <div class="card card-flush">
                                <!--begin::Card header-->
                                <div class="card-header align-items-center py-5 gap-2 gap-md-5">
                                    <!--begin::Card title-->
                                    <div class="card-title">
                                        <!--begin::Title-->
                                        <h2>Home</h2>
                                        <!--end::Title-->
                                    </div>
                                    <!--end::Card title-->
                                </div>
                                <!--end::Card header-->
                                <!--begin::Card body-->
                                <div class="card-body pt-0">
                                    <!--begin::Form-->
                                    <form method="post" id="kt_ecommerce_settings_general_store" class="form" action="{{ route('LaravelInstaller::postsettings') }}" enctype="multipart/form-data">
                                        @csrf
                                        <!--begin::Input group-->
                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                        <span> Main Heading </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="main_heading" value="{{settings('main_heading')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                        <span> Sub Heading </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="sub_heading" value="{{settings('sub_heading')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <!--end::Input group-->
                                            <!--begin::Input group-->
                                        </div>
                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                        <span>Job Title </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="job_title" value="{{settings('job_title')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>


                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                        <span>Post Code </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="post_code" value="{{settings('post_code')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <!--end::Input group-->
                                            <!--begin::Input group-->
                                        </div>

                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                        <span>Trending Keywords: </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="trending_keyword" value="{{settings('trending_keyword')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>

                                            <!--end::Input group-->
                                            <!--begin::Input group-->
                                        </div>

                                        <!-- check box -->
                                        <div class="row fv-row mb-7">
                                            <div class="col-md-3">
                                                <div class="checkbox">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                        <input type="hidden" value="0" name="show_copyright">
                                                        <input name="show_copyright" value="1" type="hidden" >
                                                    </label> 
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Input group-->
                                        <!--begin::Action buttons-->
                                        <div class="row">
                                            <div class="col-md-9 offset-md-3">
                                                <!--begin::Separator-->
                                                <!-- <div class="separator mb-6"></div> -->
                                                <!--end::Separator-->
                                                <div class="d-flex justify-content-end">
                                                    <!--begin::Button-->
                                                    
                                                    <!--end::Button-->
                                                    <!--begin::Button-->
                                                    <button type="submit" data-kt-ecommerce-settings-type="submit" class="btn btn-primary">
                                                        <span class="indicator-label">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>
                                            </div>
                                        </div>
                                        <!--end::Form-->
                                    </form>
                                </div>
                                <!--end::Card body-->
                            </div>
                            <!--end::Products-->
                        </div>
                        <!--end:::Tab pane-->

                        <!--begin:::Tab pane-->
                        <div class="tab-pane fade" id="kt_ecommerce_settings_contact" role="tabpanel">
                            <!--begin::Products-->
                            <div class="card card-flush">
                                <!--begin::Card header-->
                                <div class="card-header align-items-center py-5 gap-2 gap-md-5">
                                    <!--begin::Card title-->
                                    <div class="card-title">
                                        <!--begin::Title-->
                                        <h2>Contact us</h2>
                                        <!--end::Title-->
                                    </div>
                                    <!--end::Card title-->
                                </div>
                                <!--end::Card header-->
                                <!--begin::Card body-->
                                <div class="card-body pt-0">
                                    <!--begin::Form-->
                                    <form method="post" id="kt_ecommerce_settings_general_store" class="form" action="{{ route('LaravelInstaller::postsettings') }}" enctype="multipart/form-data">
                                        @csrf
                                        <!--begin::Input group-->
                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                        <span> Email </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="email" value="{{settings('email')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                            <!--end::Input group-->
                                            <!--begin::Input group-->
                                        </div>

                                        <!--begin::Input group-->
                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                        <span> Phone </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="phone" value="{{settings('phone')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                            <!--end::Input group-->
                                            <!--begin::Input group-->
                                        </div>

                                        <!--begin::Input group-->
                                        <div class="d-flex flex-column flex-md-row gap-5">
                                            <div class="fv-row flex-row-fluid">

                                                <div class="col-md-12">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                        <span> Address </span>
                                                    </label>
                                                    <!--begin::Input-->
                                                    <input type="text" class="fs-6 form-control form-control-lg form-control-solid" name="address" value="{{settings('address')}}">
                                                    <!--end::Input-->
                                                </div>
                                            </div>
                                            <!--end::Input group-->
                                            <!--begin::Input group-->
                                        </div>

                                        <!-- check box -->
                                        <div class="row fv-row mb-7">
                                            <div class="col-md-3">
                                                <div class="checkbox">
                                                    <label class="fs-6 fw-bold form-label mt-3">
                                                        <input type="hidden" value="0" name="show_copyright">
                                                        <input name="show_copyright" value="1" type="hidden" >
                                                    </label> 
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Input group-->
                                        <!--begin::Action buttons-->
                                        <div class="row">
                                            <div class="col-md-9 offset-md-3">
                                                <!--begin::Separator-->
                                                <!-- <div class="separator mb-6"></div> -->
                                                <!--end::Separator-->
                                                <div class="d-flex justify-content-end">
                                                    <!--begin::Button-->
                                                    
                                                    <!--end::Button-->
                                                    <!--begin::Button-->
                                                    <button type="submit" data-kt-ecommerce-settings-type="submit" class="btn btn-primary">
                                                        <span class="indicator-label">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>
                                            </div>
                                        </div>
                                        <!--end::Form-->
                                    </form>
                                </div>
                                <!--end::Card body-->
                            </div>
                            <!--end::Products-->
                        </div>
                        <!--end:::Tab pane-->
                    </div>
                    <!--end:::Tab content-->
                </div>
                <!--end::Content-->
            </div>
            <!--end::Container-->
        </div>
        <!--end::Post-->
    </div>
@endsection

@section('scripts')
<script src="{{asset('assets/js/admin/settings/list_installer.js')}}"></script>
    <script type="text/javascript">
        function checkEnvironment(val) {
            var element=document.getElementById('environment_text_input');
            if(val=='other') {
                element.style.display='block';
            } else {
                element.style.display='none';
            }
        }
        function showDatabaseSettings() {
            document.getElementById('tab2').checked = true;
        }
        function showApplicationSettings() {
            document.getElementById('tab3').checked = true;
        }
        $(".mysql_div").hide();
        $(".mongo_div").show();
        $( "#database_connection" ).change(function() {
         if($(this).val()=='mongodb'){
              $(".mysql_div").hide();
              $(".mongo_div").show();

         }else{
            $(".mongo_div").hide();
            $(".mysql_div").show();
         }
        });
    </script>
@endsection