@extends('Layouts.admin')

@section('styles')
    <link href="{{asset('assets/css/codemirror.css')}}" rel="stylesheet">
@stop

@section('content')
    <div class="container-fluid">

        @if(\Session::has('info'))
            <div class="alert bg-green">
                {{\Session::get('info')}}
            </div>
        @endif


        @if(\Session::has('error2'))
             <div class="alert bg-red">
                  {{\Session::get('error2')}}
             </div>
        @endif

        <div class="row clearfix">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class="card">
                    <div class="header">
                        <h2>Site General Settings</h2>
                        <ul class="header-dropdown m-r--5">
                            <li class="dropdown">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                    <i class="material-icons">more_vert</i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="body">
                        <div class="the_sc">
                            <form method="post" action="{{route('AdminHeaderPost')}}" enctype="multipart/form-data">
                                @csrf

                                <div class="form-group">
                                    <div class="form-line">
                                        <label>Site Title</label>
                                        <input type="text" value="{{old('title') ? old('title') : $settings->title}}" class="form-control" name="title">
                                    </div>

                                    @if($errors->has('title'))
                                        <div class="er">
                                            {!!  $errors->get('title')[0] !!}
                                        </div>
                                    @endif
                                </div>


                                <div class="form-group">
                                    <div class="form-line">
                                        <label>Site Keywords</label>
                                        <input type="text" value="{{old('keywords') ? old('keywords') : $settings->keywords}}" class="form-control" name="keywords">
                                    </div>

                                    @if($errors->has('keyword'))
                                        <div class="er">
                                            {!!  $errors->get('keywords')[0] !!}
                                        </div>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <button style="background: url({{asset('images/general/'.$settings->favicon)}}); width: 30px; height: 30px; background-size: contain; border: 0; background-repeat: no-repeat;"></button>
                                    <div class="form-line">
                                        <label>Favicon</label>
                                        <input type="file" class="form-control" name="favicon">
                                    </div>

                                    @if($errors->has('favicon'))
                                        <div class="er">
                                            {!!  $errors->get('favicon')[0] !!}
                                        </div>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <button style="background: url({{asset('images/general/'.$settings->logo)}}); width: 100px; height: 40px; background-size: contain; border: 0; background-repeat: no-repeat;"></button>
                                    <div class="form-line">
                                        <label>Logo</label>
                                        <input type="file" class="form-control" name="logo">
                                    </div>

                                    @if($errors->has('logo'))
                                        <div class="er">
                                            {!!  $errors->get('logo')[0] !!}
                                        </div>
                                    @endif
                                </div>
                                    <button style="background: url({{asset('images/general/'.$settings->socialIcon)}}); width: 200px; height: 200px; background-size: contain; border: 0;  background-repeat: no-repeat;"></button>
                                <div class="form-group">
                                    <div class="form-line">
                                        <label>Social share logo</label>
                                        <input type="file" class="form-control" name="socialIcon">
                                    </div>

                                    @if($errors->has('socialIcon'))
                                        <div class="er">
                                            {!!  $errors->get('socialIcon')[0] !!}
                                        </div>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <div class="form-line">
                                        <label>Site Description</label>
                                        <textarea rows="5" cols="80" id="comment" class="form-control no-resize" name="description" required>{{old('description') ? old('description') : $settings->description }}</textarea>
                                    </div>


                                    @if($errors->has('description'))
                                        <div class="er">
                                            {!!  $errors->get('description')[0] !!}
                                        </div>
                                    @endif
                                </div>
                                
                                <div class="form-group">
                                    <div class="form-line">
                                        <label>VTU.ng UserName</label>
                                        <input type="text" value="{{old('vtuUsername') ? old('vtuUsername') : $settings->vtuUsername}}" class="form-control" name="vtuUsername">
                                    </div>

                                    @if($errors->has('vtuUsername'))
                                        <div class="er">
                                            {!!  $errors->get('vtuUsername')[0] !!}
                                        </div>
                                    @endif
                                </div>
                                
                                <div class="form-group">
                                    <div class="form-line">
                                        <label>VTU.ng Password</label>
                                        <input type="password" value="{{old('vtuPassword') ? old('vtuPassword') : $settings->vtuPassword}}" class="form-control" name="vtuPassword">
                                    </div>

                                    @if($errors->has('vtuPassword'))
                                        <div class="er">
                                            {!!  $errors->get('vtuPassword')[0] !!}
                                        </div>
                                    @endif
                                </div>
                                
                                <div class="form-group">
                                    <div class="form-line">
                                        <label>Facebook Page/Group Link</label>
                                        <input type="url" value="{{old('facebook') ? old('facebook') : $settings->facebook}}" class="form-control" name="facebook">
                                    </div>

                                    @if($errors->has('facebook'))
                                        <div class="er">
                                            {!!  $errors->get('facebook')[0] !!}
                                        </div>
                                    @endif
                                </div>
                                
                                <div class="form-group">
                                    <div class="form-line">
                                        <label>Twitter Account</label>
                                        <input type="url" value="{{old('twitter') ? old('twitter') : $settings->twitter}}" class="form-control" name="twitter">
                                    </div>

                                    @if($errors->has('twitter'))
                                        <div class="er">
                                            {!!  $errors->get('twitter')[0] !!}
                                        </div>
                                    @endif
                                </div>
                                
                                <div class="form-group">
                                    <div class="form-line">
                                        <label>Whatsapp Group Link</label>
                                        <input type="url" value="{{old('whatsapp') ? old('whatsapp') : $settings->whatsapp}}" class="form-control" name="whatsapp">
                                    </div>

                                    @if($errors->has('whatsapp'))
                                        <div class="er">
                                            {!!  $errors->get('whatsapp')[0] !!}
                                        </div>
                                    @endif
                                </div>



                                <button type="submit" class="btn btn-primary m-t-15 waves-effect">Edit Settings</button>

                            </form>
                        </div>
                    </div>
                </div>

                <div class="card" style="display:none;">
                    <div class="header">
                        <h2>Header Style</h2>
                        <ul class="header-dropdown m-r--5">
                            <li class="dropdown">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                    <i class="material-icons">more_vert</i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="body">
                        <div class="the_sc">
                            <form method="post" action="{{route('AdminHeaderPost2', 2)}}" enctype="multipart/form-data">
                                @csrf

                                <div class="form-group">
                                    <div class="form-line">
                                        <textarea rows="5" cols="80" id="editor" class="form-control no-resize" name="style"> @if($style) {{old('style') ? old('style') : $style->style }} @endif </textarea>
                                    </div>


                                    @if($errors->has('style'))
                                        <div class="er">
                                            {!!  $errors->get('style')[0] !!}
                                        </div>
                                    @endif
                                </div>


                                <button type="submit" class="btn btn-primary m-t-15 waves-effect">Save</button>

                            </form>
                        </div>
                    </div>
                </div>

                <div class="card" style="display:none;">
                    <div class="header">
                        <h2>Header Script</h2>
                        <ul class="header-dropdown m-r--5">
                            <li class="dropdown">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                    <i class="material-icons">more_vert</i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="body">
                        <div class="the_sc">
                            <form method="post" action="{{route('AdminHeaderPost2', 1)}}" enctype="multipart/form-data">
                                @csrf

                                <div class="form-group">
                                    <div class="form-line">
                                        <textarea rows="5" cols="80" id="editor2" class="form-control no-resize" name="script"> @if($script) {{old('script') ? old('script') : $script->script }} @endif</textarea>
                                    </div>


                                    @if($errors->has('script'))
                                        <div class="er">
                                            {!!  $errors->get('script')[0] !!}
                                        </div>
                                    @endif
                                </div>


                                <button type="submit" class="btn btn-primary m-t-15 waves-effect">Save</button>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- #END# Browser Usage -->
        </div>
    </div>
@stop

@section('scripts')

    <script src="{{asset('assets/js/codemirror.js')}}"></script>
    <script src="{{asset('assets/js/formating.js')}}"></script>
    <script src="{{asset('assets/js/htmlmixed.js')}}"></script>
    <script>


        /*var editor = CodeMirror.fromTextArea(document.getElementById('editor'), {
            mode: "htmlmixed",
            lineNumbers: true,
        });
        editor.save()*/

        var mixedMode = {
            name: "htmlmixed",
            scriptTypes: [{matches: /\/x-handlebars-template|\/x-mustache/i,
                mode: null},
                {matches: /(text|application)\/(x-)?vb(a|script)/i,
                    mode: "vbscript"}]
        };
        var editor = CodeMirror.fromTextArea(document.getElementById("editor"), {
            mode: mixedMode,
            selectionPointer: true,
            lineNumbers: true,

        });


        function autoFormat() {
            editor.setCursor(0,0);
            CodeMirror.commands["selectAll"](editor);
            editor.autoFormatRange(editor.getCursor(true), editor.getCursor(false));
            editor.setCursor(0,0);
        }

        autoFormat();


    </script>
@stop