<?php $__env->startSection('content_header'); ?>
    <?php echo notifyCss(); ?>
    <?php echo notifyJs(); ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
    <div class="row">
        <div class="col-12">
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">Create Content</h3>
                </div>
                <?php echo $__env->make('notify::messages', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                <!-- /.card-header -->
                <div class="card-body">
                    <ul class="nav nav-tabs">
                        <li class="nav-item"><a class="nav-link active" data-toggle="pill" href="#organisation_form"><b>Create Content</b></a></li>
                        <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#listorgdata"><b>View Content</b></a></li>
                    </ul>
                    <div class="tab-content">
                        <div id="organisation_form" class="tab-pane fade active show">
                            <!-- form start -->
                            <form id="userregform" class="form-horizontal" action="<?php echo e(URL::to('/create_content_post')); ?>" method="post" autocomplete="off" enctype="multipart/form-data">
                                <?php echo e(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>
                                                <select name="content_type_id" id="content_type_id" class="form-control" required>
                                                    <option value="">Select Content Type</option>
                                                    <?php $__currentLoopData = $contenttypes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $contenttype): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                      <option value="<?php echo e($contenttype->id); ?>"><?php echo e($contenttype->content_type_name); ?></option>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                </select>
                                            </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>
                                            </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></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>
                                            <input class="form-control" id="doc_count" name="doc_count" value="1" type="hidden" autocomplete="off">
                                          </div>
                                        </div>
                                        <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>
                                        <div  id="document_data"> </div>
                                    </div>
                                </div>
                                <!-- /.card-body -->

                                <div class="card-footer">
                                  <button type="submit" class="btn btn-primary">Submit</button>
                                </div>
                            </form>
                        </div>
                        <div id="listorgdata" class="tab-pane fade style="padding: 10px;">
                            <table class="table table-hover table-bordered table-striped datatable" id="dept_details" width="100%">
                                <thead>
                                    <tr>
                                      <th>Slno</th>
                                      <th>Content Type Name</th>
                                      <th>Content Subject Name</th>
                                      <th>Description</th>
                                      <th>Actions</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </div>
    <script type="text/javascript">
        
        $(document).ready(function () 
        {
            $('#dept_details').DataTable({
                "buttons" : ['excelHtml5', 'excel', 'pdf', 'print', 'reset', 'reload'],
                "processing": true,
                "serverSide": true,
                "ajax":{

                         "url": "<?php echo e(url('get_content_details')); ?>",
                         "dataType": "json",
                         "type": "POST",
                         "data":{ _token: "<?php echo e(csrf_token()); ?>"}
                       },
                "columns": [
                    { "data": "DT_RowIndex" },
                    { "data": "content_type_name" },
                    { "data": "content_subject" },
                    { "data": "description" },
                    { "data": "action" }
                ], 
                "order": [[1, 'asc']]
            });      
        });

        //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();
        }
        
        function confirmDeleteContent(id) 
        {
            var x = confirm("Are you sure you want to delete?");
            if (x)
            {
                var csrf = "<?php echo e(csrf_token()); ?>";
                $.ajax({
                    type: "POST",
                    url: "<?php echo e(url('delete_content')); ?>",
                    dataType : 'json',
                    data: {_token: csrf, id: id},
                    success: function( msg ) {
                      if(msg)
                        alert("Content has been deleted");
                      else
                        alert("Content Assigned to Topic.");
                      location.reload();
                    }
                });  
            }
            else
            {
              return false;
            }
        }
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('adminlte::page', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/kmportal/resources/views/Content/create_content.blade.php ENDPATH**/ ?>