@extends(getTemplate('admin'))
@section('content')
    @push('custom-css')
        <style>
            .form-group>div {
                padding: 15px;
                border-left: unset !important;
            }
        </style>
    @endpush
    <div class="gadmin-pagesidebar-width-1 gadmin-mhide">
        <div class="panel panel-default gadmin-pagesidebar-width-1-panel ">
            <!-- begin panel-heading -->
            <div class="panel-heading gadmin-pagesidebar-width-1-heading">
                <h4 class="panel-title">{{__('admin.frontend')}}</h4>
            </div>
            <!-- end panel-heading -->
            <div class="gadmin-pagesidebar-body">
                <div class="gadmin-pagesidebar-main">
                    <ul class="nav gadmin-pagesidebar-ul">
                        <li><a href="{{url('admin/pages/show')}}" class="">{{__('core.page_list')}}</a></li>
                        <li><a class=" active">{{__('core.seo_settings')}}</a></li>
                        <!-- <li><a href="{{url('admin/stats/show')}}" class="hi">{{__('core.website_analytics')}}</a></li> -->
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="gadmin-pagesidebar-width-2">
        <!-- begin panel -->
        <div class="panel panel-default  " data-sortable-id="ui-widget-6">
            <div class="panel-heading">
                <h4 class="panel-title">
                    SEO Settings
                </h4>
            </div>
            <div class="alert alert-success fade show">
                <span class="close" data-dismiss="alert">×</span>
                <i class="fa fa-check fa-2x pull-left m-r-10"></i>
                <p class="m-b-0">Click on field values to edit.</p>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <form class="form-horizontal form-bordered" data-parsley-validate="true" name="demo-form">
                            <div class="form-group row m-b-15">
                                <label class="col-md-3 col-sm-3 col-form-label" for="fullname">Website Title :
                                    <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Enter Website Name - Title"></i>
                                </label>
                                <div class="col-md-9 col-sm-9">
                                    <a href="javascript:;" class="x-edit" data-name="website_name" data-type="text" data-placeholder="Enter Website Name" data-pk="1" data-u="{{ route('admin.settings.update') }}" data-title="Website Name" data-required="true">{{setting("website_name")}} </a>
                                </div>
                            </div>
                            <div class="form-group row m-b-15">
                                <label class="col-md-3 col-sm-3 col-form-label" for="fullname">Website Keywords :
                                    <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Enter Website related keywords"></i>
                                </label>
                                <div class="col-md-9 col-sm-9">
                                    <a href="javascript:;" class="x-edit" data-pk="1" data-placeholder="Enter Website Meta Keywords" data-name="website_keywords" data-type="textarea" data-u="{{ route('admin.settings.update') }}" data-title="Enter Website Keywords" data-required="false">{{setting("website_keywords")}}</a>
                                </div>
                            </div>
                            <div class="form-group row m-b-15">
                                <label class="col-md-3 col-sm-3 col-form-label" for="fullname">Website Description :
                                    <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Default Website/Page Meta Description"></i>
                                </label>
                                <div class="col-md-9 col-sm-9">
                                    <a href="javascript:;" class="x-edit" data-pk="1" data-placeholder="Enter Default Description for Website" data-name="website_description" data-type="textarea" data-u="{{ route('admin.settings.update') }}" data-title="Enter Website Description" data-required="false">{{setting("website_description")}}</a>
                                </div>
                            </div>
                            <div class="form-group row m-b-15">
                                <label class="col-md-3 col-sm-3 col-form-label" for="fullname">Search Engine (Google Analytics ID) :
                                    <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Copy/Paste your Google Analytics Account (Tracking ID) into this box"></i>
                                </label>
                                <div class="col-md-9 col-sm-9">
                                    <a href="javascript:;" class="x-edit" data-pk="1" data-name="google_analytics_id" data-type="text" data-u="{{ route('admin.settings.update') }}" data-title="Enter Google Analytics ID" data-placeholder="Example: UA-88888-1" data-required="false">{{setting("google_analytics_id")}}</a>
                                </div>
                            </div>
                            <div class="form-group row m-b-15">
                                <label class="col-md-3 col-sm-3 col-form-label" for="fullname">Search Engine (Google Analytics Code) :
                                    <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Copy/Paste your Google Analytics Code into this box"></i>
                                </label>
                                <div class="col-md-9 col-sm-9">
                                    <a href="javascript:;" class="x-edit" data-pk="1" data-name="google_analytics_code" data-type="textarea" data-u="{{ route('admin.settings.update') }}" data-title="Enter Google Analytics Code"  data-required="false">{{setting("google_analytics_code")}}</a>
                                </div>
                            </div>
                            <div class="form-group row m-b-15">
                                <label class="col-md-3 col-sm-3 col-form-label" for="fullname">Twitter Profile Link :
                                    <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Enter Your Twitter Profile Link"></i>
                                </label>
                                <div class="col-md-9 col-sm-9">
                                    <a href="javascript:;" class="x-edit" data-pk="1" data-placeholder="Enter Your Twitter Profile Link" data-name="twitter" data-type="text" data-u="{{ route('admin.settings.update') }}" data-title="Enter Your Twitter Profile Link" data-required="false">{{setting("twitter")}}</a>
                                </div>
                            </div>
                            <div class="form-group row m-b-15">
                                <label class="col-md-3 col-sm-3 col-form-label" for="fullname">Facebook Profile Link :
                                    <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Enter Your FaceBook Profile Link"></i>
                                </label>
                                <div class="col-md-9 col-sm-9">
                                    <a href="javascript:;" class="x-edit" data-pk="1" data-placeholder="Enter Your FaceBook Profile Link" data-name="facebook" data-type="text" data-u="{{ route('admin.settings.update') }}" data-title="Enter Your FaceBook Profile Link" data-required="false">{{setting("facebook")}}</a>
                                </div>
                            </div>
                            <div class="form-group row m-b-15">
                                <label class="col-md-3 col-sm-3 col-form-label" for="fullname">Instagram Profile Link :
                                    <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Enter Your Instagram Profile Link"></i>
                                </label>
                                <div class="col-md-9 col-sm-9">
                                    <a href="javascript:;" class="x-edit" data-pk="1" data-placeholder="Enter Your Instagram Profile Link" data-name="instagram" data-type="text" data-u="{{ route('admin.settings.update') }}" data-title="Enter Your Instagram Profile Link" data-required="false">{{setting("instagram")}}</a>
                                </div>
                            </div>
                            <div class="form-group row m-b-15">
                                <label class="col-md-3 col-sm-3 col-form-label" for="fullname">LinkedIn Profile Link :
                                    <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Enter Your LinkedIn Profile Link"></i>
                                </label>
                                <div class="col-md-9 col-sm-9">
                                    <a href="javascript:;" class="x-edit" data-pk="1" data-placeholder="Enter Your LinkedIn Profile Link" data-name="linkedin" data-type="text" data-u="{{ route('admin.settings.update') }}" data-title="Enter Your LinkedIn Profile Link" data-required="false">{{setting("linkedin")}}</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end panel -->
    @push('custom-js')
        <script>
            handleXeditable();
            $('.fa-question-circle').tooltip();
            setTimeout(function(){
                $('.alert-success').slideUp();
            },3000);
        </script>
    @endpush
@endsection