@extends('backend.layouts.master')
@section('title')
    @lang('translation.profile')
@endsection
@section('content')
<div class="row mx-auto">
    <div class="row">
        <!-- General Settings -->
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header align-items-center d-flex">
                    <h4 class="card-title mb-0 flex-grow-1">{{translate('General Setting')}}</h4>
                </div>
                <div class="card-body">
                    <div class="live-preview">
                        <form action="{{ route('update.setting') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="basiInput" class="form-label">{{translate('Frontend Website Name')}}</label>
                                </div>
                                <div class="col-lg-8">
                                    <input type="hidden" name="types[]" value="website_name">
                                    <input type="text" class="form-control @error('website_name') is-invalid @enderror" id="website_name" name="website_name" placeholder="{{translate('Website Name')}}" value="{{translate(get_setting('website_name'))}}" required>
                                    @error('website_name')<div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="basiInput" class="form-label">{{translate('Site Motto')}}</label>
                                </div>
                                <div class="col-lg-8">
                                    <input type="hidden" name="types[]" value="site_motto">
                                    <input type="text" class="form-control @error('site_motto') is-invalid @enderror" id="site_motto" name="site_motto" placeholder="{{translate('Site Motto')}}" value="{{translate(get_setting('site_motto'))}}">
                                    @error('site_motto')<div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="basiInput" class="form-label">{{translate('Site Icon')}}</label>
                                </div>
                                <div class="col-lg-8">
                                    <div class="input-group" data-toggle="rnsuploader" data-type="image">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text bg-soft-secondary font-weight-medium">{{translate('Browse')}}</span>
                                        </div>
                                        <div class="form-control file-amount">{{translate('Choose file')}}</div>
                                        <input type="hidden" name="types[]" value="site_icon">
                                        <input type="hidden" name="site_icon" class="selected-files @error('site_icon') is-invalid @enderror" value="{{get_setting('site_icon')}}">
                                        @error('site_icon')<div class="invalid-feedback">{{ $message }}</div> @enderror
                                    </div>
                                    <div class="file-preview"></div>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="basiInput" class="form-label">{{translate('Site Base Color')}}</label>
                                </div>
                                <div class="col-lg-8">
                                    <input type="hidden" name="types[]" value="site_base_color">
                                    <input type="text" class="form-control @error('site_base_color') is-invalid @enderror" id="site_base_color" name="site_base_color" placeholder="{{translate('Site Base Color')}}" value="{{translate(get_setting('site_base_color'))}}">
                                    @error('site_base_color')<div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="basiInput" class="form-label">{{translate('Site Base Hover Color')}}</label>
                                </div>
                                <div class="col-lg-8">
                                    <input type="hidden" name="types[]" value="site_base_hover_color">
                                    <input type="text" class="form-control @error('site_base_hover_color') is-invalid @enderror" id="site_base_hover_color" name="site_base_hover_color" placeholder="{{translate('Site Base Hover Color')}}" value="{{translate(get_setting('site_base_hover_color'))}}">
                                    @error('site_base_hover_color')<div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                            </div>
                            <div class="row gy-4 mb-3">
                                <div class="col-xxl-3 d-grid gap-2 d-md-flex justify-content-md-end">
                                    <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- Global SEO -->
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header align-items-center d-flex">
                    <h4 class="card-title mb-0 flex-grow-1">{{translate('Global SEO')}}</h4>
                </div>
                <div class="card-body">
                    <div class="live-preview">
                        <form action="{{ route('update.setting') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="basiInput" class="form-label">{{translate('Meta Title')}}</label>
                                </div>
                                <div class="col-lg-8">
                                    <input type="hidden" name="types[]" value="meta_title">
                                    <input type="text" class="form-control @error('meta_title') is-invalid @enderror" id="meta_title" name="meta_title" placeholder="{{translate('Meta Title')}}" value="{{translate(get_setting('meta_title'))}}">
                                    @error('meta_title')<div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="meta_description" class="form-label">{{translate('Meta Description')}}</label>
                                </div>
                                <div class="col-lg-8">
                                    <input type="hidden" name="types[]" value="meta_description">
                                    <textarea class="form-control @error('meta_description') is-invalid @enderror" id="meta_description" name="meta_description" cols="97" rows="3" placeholder="Meta Description"></textarea>
                                    @error('meta_description')<div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="keywords" class="form-label">{{translate('Keywords')}}</label>
                                </div>
                                <div class="col-lg-8">
                                    <input type="hidden" name="types[]" value="keywords">
                                    <textarea class="form-control @error('keywords') is-invalid @enderror" id="keywords" name="keywords" cols="97" rows="3" placeholder="keyword,keyword"></textarea>
                                    <small class="text-muted">{{translate('Separate with comma')}}</small>
                                    @error('keywords')<div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="basiInput" class="form-label">{{translate('Meta Image')}}</label>
                                </div>
                                <div class="col-lg-8">
                                    <div class="input-group" data-toggle="rnsuploader" data-type="image">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text bg-soft-secondary font-weight-medium">{{translate('Browse')}}</span>
                                        </div>
                                        <div class="form-control file-amount">{{translate('Choose file')}}</div>
                                        <input type="hidden" name="types[]" value="meta_image">
                                        <input type="hidden" name="meta_image" class="selected-files @error('meta_image') is-invalid @enderror" value="{{get_setting('meta_image')}}">
                                        @error('meta_image')<div class="invalid-feedback">{{ $message }}</div> @enderror
                                    </div>
                                    <div class="file-preview"></div>
                                </div>
                            </div>
                            <div class="row gy-4 mb-3">
                                <div class="col-xxl-3 d-grid gap-2 d-md-flex justify-content-md-end">
                                    <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- Cookies Agreement -->
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header align-items-center d-flex">
                    <div class="col-lg-3">
                        <h4 class="card-title mb-0 flex-grow-1">{{translate('Cookies Agreement')}}</h4>
                    </div>
                    <div class="col-lg-8 text-end">
                        <form action="{{ route('update.env-key') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-check form-switch form-switch-right form-switch-md">
                                <label for="form-grid-showcode" class="form-label">{{translate('Show Cookies Agreement ?')}}</label>
                                <input type="hidden" name="types[]" value="show_cookies_agreement">
                                <input class="form-check-input" name="show_cookies_agreement" type="checkbox" @if( get_setting('show_cookies_agreement') == 'on') checked @endif>
                            </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="live-preview">
                            <div class="row mb-3">
                                <div class="col-lg-2">
                                    <label for="content" class="form-label">{{translate('Cookies Agreement Text')}}</label>
                                </div>
                                <div class="col-lg-10">
                                    <input type="hidden" name="types[]" value="cookies_agreement">
                                    <textarea name="cookies_agreement" id="cookies_agreement" class="form-control rns-textEditor @error('cookies_agreement') is-invalid @enderror" cols="30" rows="1"></textarea>
                                    @error('cookies_agreement')<div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                            </div>
                            <div class="row gy-4 mb-3">
                                <div class="col-xxl-3 d-grid gap-2 d-md-flex justify-content-md-end">
                                    <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- Website Popup -->
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header align-items-center d-flex">
                    <div class="col-lg-3">
                        <h4 class="card-title mb-0 flex-grow-1">{{translate('Website Popup')}}</h4>
                    </div>
                    <div class="col-lg-8 text-end">
                        <form action="{{ route('update.env-key') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-check form-switch form-switch-right form-switch-md">
                                <label for="form-grid-showcode" class="form-label">{{translate('Show Website Popup?')}}</label>
                                <input type="hidden" name="types[]" value="show_wesite_popup">
                                <input class="form-check-input" name="show_wesite_popup" type="checkbox" @if( get_setting('show_wesite_popup') == 'on') checked @endif>
                            </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="live-preview">
                        <form action="{{ route('update.setting') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row mb-3">
                                <div class="col-lg-2">
                                    <label for="basiInput" class="form-label">{{translate('Popup Content')}}</label>
                                </div>
                                <div class="col-lg-10">
                                    <input type="hidden" name="types[]" value="popup_content">
                                    <textarea name="popup_content" id="popup_content" class="form-control rns-textEditor @error('popup_content') is-invalid @enderror" cols="30" rows="1"></textarea>
                                    @error('popup_content')<div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                            </div>
                            <div class="row gy-4 mb-3">
                                <div class="col-xxl-3 d-grid gap-2 d-md-flex justify-content-md-end">
                                    <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- Custom Script -->
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header align-items-center d-flex">
                    <h4 class="card-title mb-0 flex-grow-1">{{translate('Custom Script')}}</h4>
                </div>
                <div class="card-body">
                    <div class="live-preview">
                        <form action="{{ route('update.setting') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="header_script" class="form-label">{{translate('Header custom script before </head>')}}</label>
                                </div>
                                <div class="col-lg-6">
                                    <input type="hidden" name="types[]" value="header_script">
                                    <textarea class="form-control @error('header_script') is-invalid @enderror" id="header_script" name="header_script" cols="97" rows="5" placeholder="<script>.......</script>">{{translate(get_setting('header_script'))}}</textarea>
                                    <em class="text-muted">{{translate('write script with < script> tag')}}</em>
                                    @error('header_script')<div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="footer_script" class="form-label">{{translate('Footer custom script before </body>')}}</label>
                                </div>
                                <div class="col-lg-6">
                                    <input type="hidden" name="types[]" value="footer_script">
                                    <textarea class="form-control @error('footer_script') is-invalid @enderror" id="footer_script" name="footer_script" cols="97" rows="5" placeholder="<script>.......</script>">{{translate(get_setting('footer_script'))}}</textarea>
                                    <em class="text-muted">{{translate('write script with < script> tag')}}</em>
                                    @error('footer_script')<div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>
                            </div>
                            <div class="row gy-4 mb-3">
                                <div class="col-xxl-3 d-grid gap-2 d-md-flex justify-content-md-end">
                                    <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection