@extends('layouts.backend')

@section('extra_css')
<meta name="token" id="token" value="{{ csrf_token() }}">
    <link rel="stylesheet" href="{{ asset('assets/vendors/iCheck/skins/flat/green.css') }}">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="{{ asset('assets/vendors/bootstrap-tagsinput/dist/bootstrap-tagsinput.css') }}">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet"/>

    <link rel="stylesheet" href="{{ asset('assets/vendors/google-code-prettify/bin/prettify.min.css') }}">
    <link rel="stylesheet" type="text/css"
          href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/tag-it/2.0/css/jquery.tagit.min.css" rel="stylesheet"
          type="text/css">
    <style>
        .ui-autocomplete {
            top: 65px !important;
            left: 10px !important;
        }
    </style>
@endsection

@section('extra_js')
<script src="{{ asset('assets/vendors/parsleyjs/dist/parsley.min.js') }}"></script>
    <script src="{{ asset('vendor/laravel-filemanager/js/lfm.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" type="text/javascript"
            charset="utf-8"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tag-it/2.0/js/tag-it.min.js" type="text/javascript"
            charset="utf-8"></script>
            
@endsection

@section('content')


<main>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-12">
                <div class="card shadow-lg border-0 rounded-lg mt-5 mb-5"> 
                    <div class="card-header"><h4 class="text-center font-weight-light my-2">Website Setup</h4></div>
                    <div class="card-body">
                        <form action="{{ route('GeneralSettingsPost') }}" enctype="multipart/form-data"
                                  method="post" id="demo-form2" data-parsley-validate
                                  class="form-horizontal form-label-left">
                                {{ csrf_field() }}
                                
                                
                                
                                
                                <div class="form-group">
                                    <label class="mb-1" for="inputFirstName">Site URL</label>
                                    <input class="form-control py-4" id="inputFirstName" type="text" name="site_url"
                                               value="{{ $setting->site_url }}">
                                  
                                </div>
                                
                                <div class="form-group">
                                    <label class="mb-1" for="inputFirstName">Website Name</label>
                                    <input class="form-control py-4" id="inputFirstName" type="text" name="site" value="{{ $setting->site }}">
                                  
                                </div>
                                
                                <div class="form-group">
                                    <label class="mb-1" for="inputFirstName">Website Title</label>
                                    <input class="form-control py-4" id="inputFirstName" type="text" name="site_title"
                                               value="{{ $setting->site_title }}">
                                  
                                </div>
                           <div class="form-group">
                                <label class="mb-1" for="inputEmailAddress">Email</label>
                                <input class="form-control py-4" id="inputEmailAddress"  type="email" aria-describedby="emailHelp" name="site_email" value="{{ $setting->site_email }}">
                            </div>
                            
                            <div class="form-group">
                                <label class="mb-1" for="inputFirstName">Editors Name</label>
                                <input id="text" name="cr_text_1" value="{{ $setting->cr_text_1 }}" class="form-control"/>
                            </div>
                            
                            <div class="form-group">
                                <label class="mb-1" for="inputFirstName">Address</label>
                                <textarea id="textarea" name="cr_text_2" class="form-control">{{ $setting->cr_text_2 }}</textarea>
                            </div>
                            <hr>
                            <h4>Meta Information</h4>

                            
                                <div class="form-group">
                                    <label class="mb-1" for="inputFirstName">Meta Title</label>
                                    <input class="form-control py-4" id="inputFirstName" type="text" name="meta_title" value="{{ $setting->meta_title }}">
                                </div>
                                <div class="form-group">
                                    <label class="mb-1" for="inputFirstName">Meta Description</label>
                                    <input class="form-control py-4" id="inputFirstName" type="text" name="meta_description" value="{{ $setting->meta_description }}">
                                </div>
                                
                                <div class="form-group">
                                    <label class="mb-1" for="inputFirstName">Meta Keywords</label>
                                    <input class="form-control py-4" id="inputFirstName" type="text" name="meta_keywords" value="{{ $setting->meta_keywords }}">
                                </div>
                                
                                <div class="form-group">
                                    <label class="mb-1" for="inputFirstName">FB App ID </label>
                                    <input class="form-control py-4" id="fb_app_id" type="text" name="fb_app_id" value="{{ $setting->fb_app_id }}">
                                </div>
                                
                                <div class="form-group">
                                    <label class="mb-1" for="inputFirstName">Meta Image</label>
                                    
                                    <input name="meta_image" type="file">
                                        @if($setting->meta_image)
                                            <div style="margin-top: 25px; margin-bottom: 25px">
                                                <p>Old Meta Image</p>
                                                <img src="{{ url(route('frontEndRoot') . '/' . $setting->meta_image) }}" width="60px" alt="">
                                            </div>
                                        @endif
                                </div>
                                
                                <hr>
                                <h4>Upload Logo and Favicon</h4>
                                <br>
                                <div class="form-group">
                                    <label class="mb-1" for="inputFirstName" style="margin-right: 18px;">Upload Logo:</label>
                                    <input name="logo" type="file">
                                        @if($setting->logo)
                                            <div style="margin-top: 25px; margin-bottom: 25px">
                                                <p>Old Logo</p>
                                                <img src="{{ url(route('frontEndRoot') . '/' . $setting->logo) }}" alt="" width="100%">
                                            </div>
                                        @endif
                                </div>
                                
                                <div class="form-group">
                                    <label class="mb-1" for="inputFirstName">Upload Favicon:</label>
                                    <input name="favicon" type="file">
                                        @if($setting->favicon)
                                            <div style="margin-top: 25px; margin-bottom: 25px">
                                                <p>Old Logo</p>
                                                <img src="{{ url(route('frontEndRoot') . '/' . $setting->favicon) }}" alt="">
                                            </div>
                                        @endif
                                </div>
                                
                                <hr>
                                <h4>Social Information</h4>
                                
                                <div class="form-group">
                                    <label class="mb-1" for="facebook">Facebook </label>
                                    <input class="form-control py-4" id="facebook" type="text" name="facebook" value="{{ $setting->facebook }}">
                                </div>
                                
                                <div class="form-group">
                                    <label class="mb-1" for="twitter">Twitter </label>
                                    <input class="form-control py-4" id="twitter" type="text" name="twitter" value="{{ $setting->twitter }}">
                                </div>
                                
                                <!--<div class="form-group">
                                    <label class="small mb-1" for="google_plus"> Google+ </label>
                                    <input class="form-control py-4" id="google_plus" type="text" name="google_plus" value="{{ $setting->google_plus }}">
                                </div>-->
                                
                                <div class="form-group">
                                    <label class="mb-1" for="youtube">Youtube </label>
                                    <input class="form-control py-4" id="youtube" type="text" name="youtube" value="{{ $setting->youtube }}">
                                </div>
                            
                          
                            
                            <div class="form-group">
                                <label class="mb-1">About Us</label>
                                <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.9.11/tinymce.min.js"></script>
                                <textarea id="about" name="about" class="form-control about" rows="5"> {{ $setting->about }} </textarea>
								<script>
                                    var editor_config = {
                                        path_absolute: "/",
                                        selector: "#about",
                                        plugins: [
                                            "textcolor advlist autolink lists link image charmap print preview hr anchor pagebreak",
                                            "searchreplace wordcount visualblocks visualchars code fullscreen",
                                            "insertdatetime media nonbreaking save table directionality",
                                            "emoticons template paste textcolor colorpicker textpattern"
                                        ],
                                        toolbar: "forecolor backcolor insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media",
                                        relative_urls: false,
                                        file_browser_callback: function (field_name, url, type, win) {
                                            var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
                                            var y = window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName('body')[0].clientHeight;

                                            var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name=' + field_name;
                                            if (type == 'image') {
                                                cmsURL = cmsURL + "&type=Images";
                                            } else {
                                                cmsURL = cmsURL + "&type=Files";
                                            }

                                            tinyMCE.activeEditor.windowManager.open({
                                                file: cmsURL,
                                                title: 'Filemanager',
                                                width: x * 0.8,
                                                height: y * 0.8,
                                                resizable: "yes",
                                                close_previous: "no"
                                            });
                                        }
                                    };

                                    tinymce.init(editor_config);
							    </script>
                            </div> 
                            
                            {{--<div class="form-group">
                                <label class="mb-1" for="inputFirstName">Contact us</label>
                                <textarea id="textarea" rows="8" name="contact" class="form-control">{{ $setting->contact }}</textarea>
                            </div>--}}
                            <div class="form-group">
                                <label class="mb-1">Contact us</label>
                                <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.9.11/tinymce.min.js"></script>
                                <textarea id="contact" name="contact" class="form-control my-editor" rows="5"> {{ $setting->contact }} </textarea>
								<script>
                                    var editor_config = {
                                        path_absolute: "/",
                                        selector: "#contact",
                                        plugins: [
                                            "textcolor advlist autolink lists link image charmap print preview hr anchor pagebreak",
                                            "searchreplace wordcount visualblocks visualchars code fullscreen",
                                            "insertdatetime media nonbreaking save table directionality",
                                            "emoticons template paste textcolor colorpicker textpattern"
                                        ],
                                        toolbar: "forecolor backcolor insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media",
                                        relative_urls: false,
                                        file_browser_callback: function (field_name, url, type, win) {
                                            var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
                                            var y = window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName('body')[0].clientHeight;

                                            var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name=' + field_name;
                                            if (type == 'image') {
                                                cmsURL = cmsURL + "&type=Images";
                                            } else {
                                                cmsURL = cmsURL + "&type=Files";
                                            }

                                            tinyMCE.activeEditor.windowManager.open({
                                                file: cmsURL,
                                                title: 'Filemanager',
                                                width: x * 0.8,
                                                height: y * 0.8,
                                                resizable: "yes",
                                                close_previous: "no"
                                            });
                                        }
                                    };

                                    tinymce.init(editor_config);
							    </script>
                            </div> 
                            
                   
                            
                            <div class="form-group">
                                <label class="mb-1">Privacy policy</label>
                                <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.9.11/tinymce.min.js"></script>
                                <textarea id="privacy_policy" name="privacy_policy" class="form-control my-editor" rows="5"> {{ $setting->privacy_policy }} </textarea>
								<script>
                                    var editor_config = {
                                        path_absolute: "/",
                                        selector: "#privacy_policy",
                                        plugins: [
                                            "textcolor advlist autolink lists link image charmap print preview hr anchor pagebreak",
                                            "searchreplace wordcount visualblocks visualchars code fullscreen",
                                            "insertdatetime media nonbreaking save table directionality",
                                            "emoticons template paste textcolor colorpicker textpattern"
                                        ],
                                        toolbar: "forecolor backcolor insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media",
                                        relative_urls: false,
                                        file_browser_callback: function (field_name, url, type, win) {
                                            var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
                                            var y = window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName('body')[0].clientHeight;

                                            var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name=' + field_name;
                                            if (type == 'image') {
                                                cmsURL = cmsURL + "&type=Images";
                                            } else {
                                                cmsURL = cmsURL + "&type=Files";
                                            }

                                            tinyMCE.activeEditor.windowManager.open({
                                                file: cmsURL,
                                                title: 'Filemanager',
                                                width: x * 0.8,
                                                height: y * 0.8,
                                                resizable: "yes",
                                                close_previous: "no"
                                            });
                                        }
                                    };

                                    tinymce.init(editor_config);
							    </script>
                            </div> 
                            
                     
                            
                            <div class="form-group">
                                <label class="mb-1">Terms of Use</label>
                                <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.9.11/tinymce.min.js"></script>
                                <textarea id="terms" name="terms" class="form-control " rows="5"> {{ $setting->terms }} </textarea>
								<script>
                                    var editor_config = {
                                        path_absolute: "/",
                                        selector: "#terms",
                                        plugins: [
                                            "textcolor advlist autolink lists link image charmap print preview hr anchor pagebreak",
                                            "searchreplace wordcount visualblocks visualchars code fullscreen",
                                            "insertdatetime media nonbreaking save table directionality",
                                            "emoticons template paste textcolor colorpicker textpattern"
                                        ],
                                        toolbar: "forecolor backcolor insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media",
                                        relative_urls: false,
                                        file_browser_callback: function (field_name, url, type, win) {
                                            var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
                                            var y = window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName('body')[0].clientHeight;

                                            var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name=' + field_name;
                                            if (type == 'image') {
                                                cmsURL = cmsURL + "&type=Images";
                                            } else {
                                                cmsURL = cmsURL + "&type=Files";
                                            }

                                            tinyMCE.activeEditor.windowManager.open({
                                                file: cmsURL,
                                                title: 'Filemanager',
                                                width: x * 0.8,
                                                height: y * 0.8,
                                                resizable: "yes",
                                                close_previous: "no"
                                            });
                                        }
                                    };

                                    tinymce.init(editor_config);
							    </script>
                            </div> 
                            
                            
                            
                            <h4>Admin Settings</h4>
                            <div class="form-group">
                                <label class="mb-1" for="inputFirstName">Admin Prefix</label>
                                <input class="form-control py-4" id="inputFirstName" type="text" name="admin_prefix" value="{{ $setting->admin_prefix }}">
                                <span class="text-warning">(Must fill up it carefully, if you put prefix and press submit, your url will be change with new prefix)</span>
                            </div>
							<button tupe="submit" class="btn btn-primary btn-block">Update </button>
                            
                        </form>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</main>
@endsection