@extends('layouts.admin')

@section('styles')
<style>
<style>
#details{
    min-height:400px !important;
    height: auto;
    color: black;
}
#details *{
    color: black !important;v
}

 .articleimage{
    display: block;
    max-width: 800;
    max-height: 600;
    margin:auto;
 }
</style>

@endsection

@section('content')
<div class="col-md-9 admincontent">
    <h3>{{$king_david->heading}}</h3>
                <form method="POST" enctype="multipart/form-data"
                @if($king_david->description != "") 
                    action='/admin/king_david/update/{{$king_david->id}}'
                @endif
                >
                    @csrf
                    
                    @if (session('success'))
                        <div class="alert alert-success">
                            {!! session('success') !!}
                        </div>
                    @endif
                    @if (session('status'))
                        <div class="alert alert-success">
                            {!! session('status') !!}
                        </div>
                    @endif
                    <div class="form-group row">
                        <label for="thumbnail" class=" col-form-label ">{{ __('Thumbnail') }}:</label>

                        <div class="col-12">
                            <input type="file" id="thumbnail" class="form-control{{ $errors->has('thumbnail') ? ' is-invalid' : '' }}" name="thumbnail" 
                            @if($king_david->description != "") 
                            @else
                              required
                            @endif
                             value="{{ ($king_david->thumbnail!=''||  !$king_david->thumbnail) ?  $king_david->thumbnail : old('thumbnail') }}">

                            @if ($errors->has('thumbnail'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('thumbnail') }}</strong>
                                </span>
                            @endif
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="description" class=" col-form-label ">{{ __('Description') }}:</label>

                        <div class="col-12">
                            <textarea id="description" class="form-control{{ $errors->has('description') ? ' is-invalid' : '' }}" name="description" required autofocus>{{ $king_david->description ?  $king_david->description : old('description') }}</textarea>

                            @if ($errors->has('description'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('description') }}</strong>
                                </span>
                            @endif
                        </div>
                    </div>
                    
                    @if($king_david->type==='article')
                        <div class="form-group row"">
                            <label for="details" class="col-md-12 col-form-label">{{ __('Details') }}:</label>

                            <div class="col-md-12"  style="color:black;">
                                <span style="background-color: white;display: block">
                                    <textarea id="details" class="form-control{{ $errors->has('details') ? ' is-invalid' : '' }}" name="details" require  style="color:black;">{{ $king_david->detail()->exists() ?  $king_david->detail->details : old('details') }}</textarea>
                                </span>

                                @if ($errors->has('details'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('details') }}</strong>
                                    </span>
                                @endif
                            </div>
                            <div class="col-md-12"><button type="button" class="btn btn-sm btn-info" data-toggle="modal" data-target="#modalYT">Insert Image</button></div>
                        </div>
                        <!--Modal: Name-->
                        <div class="modal fade" id="modalYT" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                          <div class="modal-dialog modal-lg" role="document">

                            <!--Content-->
                            <div class="modal-content">

                              <!--Body-->
                              <div class="modal-body mb-0 p-0">

                                <div class="embed-responsive embed-responsive-16by9 z-depth-1-half">
                                  <iframe class="embed-responsive-item" src="/admin/newsimages" allowfullscreen></iframe>
                                </div>

                              </div>

                              <!--Footer-->
                              <div class="modal-footer justify-content-center">
                                

                                <button type="button" class="btn btn-outline-primary btn-rounded btn-md ml-4" data-dismiss="modal">Close</button>

                              </div>

                            </div>
                            <!--/.Content-->

                          </div>
                        </div>
                        <!--Modal: Name-->

                    @endif
                    @if($king_david->type === "scanned")
                        <div class="form-group row">
                            <label for="scanned" class=" col-form-label ">{{ __('Scanned Article') }}:</label>

                            <div class="col-12">
                                <input type="file" id="scanned" class="form-control{{ $errors->has('scanned') ? ' is-invalid' : '' }}" name="scanned" 

                                @if($king_david->description != "") 
                                @else
                                  required
                                @endif
                                 value="{{($king_david->url!=''||  !$king_david->url) ?  $king_david->url : old('scanned') }}" >

                                @if ($errors->has('scanned'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('scanned') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>
                    @endif
                    @if($king_david->type === "link")
                        <div class="form-group row">
                            <label for="link" class=" col-form-label ">{{ __('Linked Article') }}:</label>

                            <div class="col-12">
                                <input type="url" id="file" class="form-control{{ $errors->has('scanned') ? ' is-invalid' : '' }}" name="link" required value=" {{($king_david->url!=''||  !$king_david->url) ?  $king_david->url : old('link') }}">

                                @if ($errors->has('link'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('link') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>
                    @endif
                    @if($king_david->type === "video")
                        <div class="form-group row">
                            <label for="video" class=" col-form-label ">{{ __('Youtube Embed') }}:</label>

                            <div class="col-12">
                                <input type="text" id="video" class="form-control{{ $errors->has('scanned') ? ' is-invalid' : '' }}" name="video" required value=" {{($king_david->url!=''||  !$king_david->url) ?  $king_david->url : old('video') }}">

                                @if ($errors->has('video'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('video') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                    @endif
                    <div class="form-group row mb-0">
                        <div class="">
                            <button type="submit" class="btn btn-primary">
                                {{ __('Submit') }}
                            </button>
                        </div>
                    </div>
                </form>
</div>
@endsection

@section('javascript')
<script src="/js/nicEdit.js" type="text/javascript"></script>
<script type="text/javascript">
    new nicEditor({iconsPath : '/js/nicEditorIcons.gif', buttonList : ['html','link','unlink','left','center','justify','ol','ul']}).panelInstance('details');
    function insertAtCursor(value, editor = "details"){
        var editor = nicEditors.findEditor(editor);
        //var range = editor.getRng();                    
       // var editorField = editor.selElm();
        //editorField.nodeValue = editorField.nodeValue.substring(0, range.startOffset) +
        //                        value +
        //                        editorField.nodeValue.substring(range.endOffset, editorField.nodeValue.length);
        editor.nicCommand('insertHTML', value );
    }
</script>
@endsection