@extends('Admin.layouts.inc.app')
@section('title')
    {{helperTrans('admin.General Setting')}}
@endsection
@section('css')

    <link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" type="text/css"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.min.css" rel="stylesheet"/>

@endsection

{{--@section('page-title')--}}
{{--    General Settings--}}
{{--@endsection--}}


@section('toolbar')

	<!--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 align-items-center text-dark fw-bolder fs-3 my-1"> {{helperTrans('admin.General Settings')}}
                <!--begin::Separator-->
                <span class="h-20px border-gray-200 border-start ms-3 mx-2"></span>
                <!--end::Separator-->
                <!--begin::Description-->
                <small class="text-muted fs-7 fw-bold my-1 ms-1">#XRS-45670</small>
                <!--end::Description--></h1>
                <!--end::Title-->
            </div>
            <!--end::Page title-->
            <!--begin::Actions-->
            <div class="d-flex align-items-center py-1">
                <!--begin::Wrapper-->
                <div class="me-4">
                    <!--begin::Menu-->
                    <a href="#" class="btn btn-sm btn-flex btn-light btn-active-primary fw-bolder" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-flip="top-end">
                    <!--begin::Svg Icon | path: icons/duotune/general/gen031.svg-->
                    <span class="svg-icon svg-icon-5 svg-icon-gray-500 me-1">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                            <path d="M19.0759 3H4.72777C3.95892 3 3.47768 3.83148 3.86067 4.49814L8.56967 12.6949C9.17923 13.7559 9.5 14.9582 9.5 16.1819V19.5072C9.5 20.2189 10.2223 20.7028 10.8805 20.432L13.8805 19.1977C14.2553 19.0435 14.5 18.6783 14.5 18.273V13.8372C14.5 12.8089 14.8171 11.8056 15.408 10.964L19.8943 4.57465C20.3596 3.912 19.8856 3 19.0759 3Z" fill="black" />
                        </svg>
                    </span>
                    <!--end::Svg Icon-->{{helperTrans('admin.Filter')}}</a>
                    <!--begin::Menu 1-->
                    <div class="menu menu-sub menu-sub-dropdown w-250px w-md-300px" data-kt-menu="true" id="kt_menu_61233a943d1f9">
                        <!--begin::Header-->
                        <div class="px-7 py-5">
                            <div class="fs-5 text-dark fw-bolder"> {{helperTrans('admin.Filter Options')}}</div>
                        </div>
                        <!--end::Header-->
                        <!--begin::Menu separator-->
                        <div class="separator border-gray-200"></div>
                        <!--end::Menu separator-->
                        <!--begin::Form-->
                        <div class="px-7 py-5">
                            <!--begin::Input group-->
                            <div class="mb-10">
                                <!--begin::Label-->
                                <label class="form-label fw-bold">{{helperTrans('admin.Status')}}:</label>
                                <!--end::Label-->
                                <!--begin::Input-->
                                <div>
                                    <select class="form-select form-select-solid" data-kt-select2="true" data-placeholder="Select option" data-dropdown-parent="#kt_menu_61233a943d1f9" data-allow-clear="true">
                                        <option></option>
                                        <option value="1">{{helperTrans('admin.Approved')}}</option>
                                        <option value="2">{{helperTrans('admin.Pending')}}</option>
                                        <option value="2">{{helperTrans('admin.In Process')}}</option>
                                        <option value="2">{{helperTrans('admin.Rejected')}}</option>
                                    </select>
                                </div>
                                <!--end::Input-->
                            </div>
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="mb-10">
                                <!--begin::Label-->
                                <label class="form-label fw-bold">{{helperTrans('admin.Member Type')}}:</label>
                                <!--end::Label-->
                                <!--begin::Options-->
                                <div class="d-flex">
                                    <!--begin::Options-->
                                    <label class="form-check form-check-sm form-check-custom form-check-solid me-5">
                                        <input class="form-check-input" type="checkbox" value="1" />
                                        <span class="form-check-label">{{helperTrans('admin.Author')}}</span>
                                    </label>
                                    <!--end::Options-->
                                    <!--begin::Options-->
                                    <label class="form-check form-check-sm form-check-custom form-check-solid">
                                        <input class="form-check-input" type="checkbox" value="2" checked="checked" />
                                        <span class="form-check-label">{{helperTrans('admin.Customer')}}</span>
                                    </label>
                                    <!--end::Options-->
                                </div>
                                <!--end::Options-->
                            </div>
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="mb-10">
                                <!--begin::Label-->
                                <label class="form-label fw-bold">{{helperTrans('admin.Notifications')}}:</label>
                                <!--end::Label-->
                                <!--begin::Switch-->
                                <div class="form-check form-switch form-switch-sm form-check-custom form-check-solid">
                                    <input class="form-check-input" type="checkbox" value="" name="notifications" checked="checked" />
                                    <label class="form-check-label">{{helperTrans('admin.Enabled')}}</label>
                                </div>
                                <!--end::Switch-->
                            </div>
                            <!--end::Input group-->
                            <!--begin::Actions-->
                            <div class="d-flex justify-content-end">
                                <button type="reset" class="btn btn-sm btn-light btn-active-light-primary me-2" data-kt-menu-dismiss="true">{{helperTrans('api.Reset')}}</button>
                                <button type="submit" class="btn btn-sm btn-primary" data-kt-menu-dismiss="true">{{helperTrans('admin.Apply')}}</button>
                            </div>
                            <!--end::Actions-->
                        </div>
                        <!--end::Form-->
                    </div>
                    <!--end::Menu 1-->
                    <!--end::Menu-->
                </div>
                <!--end::Wrapper-->
                <!--begin::Button-->
                <a href="#" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app" id="kt_toolbar_primary_button">{{helperTrans('admin.Create')}}</a>
                <!--end::Button-->
            </div>
            <!--end::Actions-->
        </div>
        <!--end::Container-->
    </div>
    <!--end::Toolbar-->

@endsection


@section('content')

    <div class="card">
        <div class="card-header ">
            <h5 class="card-title mb-0 flex-grow-1"> {{helperTrans('admin.General Settings')}} </h5>


            <form id="form" enctype="multipart/form-data" method="POST" action="{{route('settings.store')}}">
                @csrf
                <div class="row my-4 g-4">




                    <div class="d-flex flex-column mb-7 fv-row col-sm-6">
                        <label for="logo_header" class="form-control-label fs-6 fw-bold "> {{helperTrans('admin.Logo')}} </label>
                        <input type="file" class="dropify" name="logo_header"
                               data-default-file="{{get_file($settings->logo_header)}}"
                               accept="image/*"/>
                        <span class="form-text text-muted text-center">{{helperTrans('admin.Only the following formats are allowed: jpeg, jpg, png, gif, svg, webp, avif.')}}</span>
                    </div>


                    <div class="d-flex flex-column mb-7 fv-row col-sm-6">
                        <label for="fave_icon" class="form-control-label fs-6 fw-bold ">  {{helperTrans('admin.Icon')}}  </label>
                        <input type="file" id="fave_icon" class="dropify" name="fave_icon"
                               data-default-file="{{get_file($settings->fave_icon)}}"
                               accept="image/*"/>
                        <span class="form-text text-muted text-center">{{helperTrans('admin.Only the following formats are allowed: jpeg, jpg, png, gif, svg, webp, avif.')}}</span>
                    </div>



                    <div class="d-flex flex-column mb-7 fv-row col-sm-6">
                        <!--begin::Label-->
                        <label for="app_name" class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
                            <span class="required mr-1">  {{helperTrans('admin.App Name')}}</span>
                        </label>
                        <!--end::Label-->
                        <input id="app_name" type="text" class="form-control form-control-solid" name="app_name"
                               value="{{$settings->app_name}}"/>
                    </div>

                    <div class="d-flex flex-column mb-7 fv-row col-sm-6">
                        <!--begin::Label-->
                        <label for="facebook" class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
                            <span class="required mr-1">  {{helperTrans('admin.Facebook')}}</span>
                        </label>
                        <!--end::Label-->
                        <input id="facebook" type="text" class="form-control form-control-solid" name="facebook"
                               value="{{$settings->facebook}}"/>
                    </div>

                    <div class="d-flex flex-column mb-7 fv-row col-sm-6">
                        <!--begin::Label-->
                        <label for="twitter" class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
                            <span class="required mr-1">  {{helperTrans('admin.Twitter')}}</span>
                        </label>
                        <!--end::Label-->
                        <input id="twitter" type="text" class="form-control form-control-solid" name="twitter"
                               value="{{$settings->twitter}}"/>
                    </div>

                    <div class="d-flex flex-column mb-7 fv-row col-sm-6">
                        <!--begin::Label-->
                        <label for="youTube" class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
                            <span class="required mr-1">  {{helperTrans('admin.YouTube')}}</span>
                        </label>
                        <!--end::Label-->
                        <input id="youTube" type="text" class="form-control form-control-solid" name="youTube"
                               value="{{$settings->youTube}}"/>
                    </div>

                    <div class="d-flex flex-column mb-7 fv-row col-sm-6">
                        <!--begin::Label-->
                        <label for="instagram" class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
                            <span class="required mr-1">  {{helperTrans('admin.Instagram')}}</span>
                        </label>
                        <!--end::Label-->
                        <input id="instagram" type="text" class="form-control form-control-solid" name="instagram"
                               value="{{$settings->instagram}}"/>
                    </div>

                    <div class="d-flex flex-column mb-7 fv-row col-sm-6">
                        <!--begin::Label-->
                        <label for="tiktok" class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
                            <span class="required mr-1">  {{helperTrans('admin.Tiktok')}}</span>
                        </label>
                        <!--end::Label-->
                        <input id="tiktok" type="text" class="form-control form-control-solid" name="tiktok"
                               value="{{$settings->tiktok}}"/>
                    </div>

                    <div class="col-sm-12 pb-3 p-2">
                        <label for="address" class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
                            <span class="required mr-1">  {{helperTrans('admin.Whatsapp_message')}}       <span class="red-star">*</span></span>
                        </label>
                        <textarea name="whatsapp_message" id="address" class="form-control " rows="5"
                                  placeholder="">{{$settings->app_name}}</textarea>
                    </div>


                    <div class="col-sm-12 pb-3 p-2">
                        <label for="address" class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
                            <span class="required mr-1">  {{helperTrans('admin.Privacy_and_Policy')}}       <span class="red-star">*</span></span>
                        </label>
                        <textarea name="privacy_police" id="address" class="form-control " rows="5"
                                  placeholder="">{{$settings->app_name}}</textarea>
                    </div>



                    @if(auth('admin')->user()->can('edit settings'))

                    <div class="my-4">
                        <button type="submit" class="btn btn-success"> {{helperTrans('admin.Update')}}</button>
                    </div>
                    @endif


                </div>
            </form>

        </div>
    </div>

@endsection

@section('js')

    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/js/dropify.min.js"></script>


    <script>
        $('.dropify').dropify();

    </script>


    <script>
        // CKEDITOR.replace('privacy');


    </script>
    <script>
        $(document).on('submit', "form#form", function (e) {
            e.preventDefault();

            var formData = new FormData(this);

            var url = $('#form').attr('action');
            $.ajax({
                url: url,
                type: 'POST',
                data: formData,

                complete: function () {
                },
                success: function (data) {

                    window.setTimeout(function () {

// $('#product-model').modal('hide')
                        if (data.code == 200) {
                            toastr.success(data.message)
                        } else {
                            toastr.error(data.message)
                        }
                    }, 1000);


                },
                error: function (data) {
                    if (data.status === 500) {
                        toastr.error('{{helperTrans('admin.there is an error')}}')
                    }

                    if (data.status === 422) {
                        var errors = $.parseJSON(data.responseText);

                        $.each(errors, function (key, value) {
                            if ($.isPlainObject(value)) {
                                $.each(value, function (key, value) {
                                    toastr.error(value)
                                });

                            } else {

                            }
                        });
                    }
                    if (data.status == 421) {
                        toastr.error(data.message)
                    }

                },//end error method

                cache: false,
                contentType: false,
                processData: false
            });
        });
    </script>

@endsection