@extends('adminlte::page')
@section('content_header')
    @notifyCss
    @notifyJs
@stop
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">View Content</h3>
                    </div>
                    @include('notify::messages')
                    <!-- /.card-header -->
                    <!-- form start -->
                    <form id="userregform" class="form-horizontal" action="{{URL::to('/show_content_post')}}" method="post" autocomplete="off" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        <div class="card-body">
                            <div class="col-12">
                                <div class="form-group row">
                                    <div class="col-4">
                                        <label for="exampleInputEmail1">Content Type</label><br>
                                        {{$contents->content_type->content_type_name}}
                                    </div>
                                    <div class="col-4">
                                        <label for="exampleInputEmail1">Content Name</label>
                                        <input type="text" class="form-control" id="content_subject" name="content_subject" placeholder="Enter content name" required value="{{$contents->content_subject}}">
                                        <input type="hidden" class="form-control" id="content_id" name="content_id" value="{{$contents->id}}">
                                    </div>
                                    
                                </div>
                                <div class="form-group row">
                                    <div class="col-4">
                                        <label for="exampleInputEmail1">Description</label>
                                        <textarea name="description" id="description" class="form-control" required>{{$contents->description}}</textarea>
                                    </div>
                                </div>
                                <div class="form-group row">
                                  <div class="col-4"><b>Document Name</b></div>
                                  <div class="col-4"><b>Document Path</b></div>
                                  <div class="col-1">
                                    <button type="button" id="doc_btn" title="Add new Row"><span style="color:blue;"><i class="fa fa-btn fa-plus-circle"></i></span></button>
                                  </div>
                                </div>
                                @php $doc_count=0; @endphp
                                @if(isset($contents->content_document))
                                    @foreach($contents->content_document as $content_document)
                                        @php 
                                            $doc_count++; 
                                        @endphp
                                        <div class="form-group row" id="doc_det{{$doc_count}}">
                                          <div class="col-4">
                                            <input type="text" class="form-control" id="document_name{{$doc_count}}" name="document_name{{$doc_count}}" maxlength="250" placeholder="Enter document name" required value="{{$content_document->document_name}}">
                                            <input type="hidden" id="document_path{{$doc_count}}" name="document_path{{$doc_count}}" value="{{$content_document->document_path}}">
                                            <input type="hidden" id="mime_type_id{{$doc_count}}" name="mime_type_id{{$doc_count}}" value="{{$content_document->mime_type_id}}">
                                          </div>
                                          <div class="col-4">
                                            @if($content_document->document_path)
                                              <a href="{{asset('../storage/app/')}}/{{$content_document->document_path}}" target="_blank"><span class='label label-warning'>View</span></a>
                                            @endif
                                          </div>
                                          <div class="col-1">
                                            <button type="button" onclick="removerow('{{$doc_count}}');" ><span style="color:red;"><i class="fa fa-btn fa-minus-circle"></i></span> </button>
                                          </div>
                                        </div>
                                    @endforeach
                                @endif
                                @if($doc_count==0)
                                    <div class="form-group row" id="doc_det1">
                                      <div class="col-4">
                                        <input type="text" class="form-control" id="document_name1" name="document_name1" maxlength="250" placeholder="Enter document name" required>
                                      </div>
                                      <div class="col-4">
                                        <input type="file" class="form-control" id="document_path1" name="document_path1" required>
                                      </div>
                                      <div class="col-1">
                                        <button type="button" onclick="removerow(1);" ><span style="color:red;"><i class="fa fa-btn fa-minus-circle"></i></span> </button>
                                      </div>
                                    </div>
                                @endif
                                <div  id="document_data"> </div>
                                @if($doc_count==0)
                                  @php  $count_doc = 1;  @endphp
                                @else
                                  @php  $count_doc = $doc_count;  @endphp
                                @endif
                                <input class="form-control" id="doc_count" name="doc_count" value="{{$count_doc}}" type="hidden" autocomplete="off">
                            </div>
                        </div>
                        <!-- /.card-body -->

                        <div class="card-footer">
                          <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </form>
            </div>
        </div>        
    </div>
    <script type="text/javascript">
        //document details add row
        $('#doc_btn').click(function(){ 
            var doc_count=$('#doc_count').val();
            doc_count++;

            var textinput=$('<div class="form-group row" id="doc_det'+doc_count+'"> <div class="col-4"><input type="text" class="form-control" name="document_name'+doc_count+'" id="document_name'+doc_count+'" placeholder="Enter Document Name" required maxlength="250"></div><div class="col-4"><input type="file" class="form-control" name="document_path'+doc_count+'" id="document_path'+doc_count+'" ></div><div class="col-md-1"><button type="button" onclick=removerow('+doc_count+'); ><span style="color:red;"><i class="fa fa-btn fa-minus-circle"></i></span> </button></div></div>');

            $("#document_data").append(textinput);
            $('#doc_count').val(doc_count);
        });
        function removerow(fcount)
        {
          var doc_object=document.getElementById('doc_det'+fcount);
          $(doc_object).remove();
        }
        
    </script>
@stop