@extends('adminlte::page')

@section('title', 'Training')

@section('content_header')
    <h1>Content</h1>
@stop

<script src="//code.jquery.com/jquery.js"></script>

@section('content')

    <div class="row">
            <!--row starts-->

            <div class="col-md-12">
               
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                         Showing Contents
                        </h3>
                </div>

                

                <div class="panel-body">
                        <form class="form-horizontal" action="{{url('updateuploadsubtypes')}}" method="post" enctype="multipart/form-data" onsubmit="return validation();">
                            <!-- CSRF Token -->
                             <input type="hidden" name="_token" value="{{csrf_token()}}">
                                <!-- Name input-->
                                <input type="hidden" name="upload_id" value="{{$content_upload->id}}">
                            
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Content<span style="color: red;">*</span></label>
                                    <div class="col-md-9">
                                        <input id="content_subject" name="content_subject" type="text" class="form-control"  maxlength="100" value="{{$content_upload->content_subject}}">
                                    </div>
                                </div>

                                 <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Description</label>
                                    <div class="col-md-9">
                                        <textarea class="form-control resize_vertical" id="description" name="description" rows="5">{{$content_upload->Description}}</textarea>
                                    </div>
                                </div>

                                
                                <div class="form-group">  
                    <label class="col-md-3 control-label" for="name">&nbsp;</label>                          
                    <div class="sub1 col-md-9">
                        <div class="radio">
                                             @if($content_upload->map_unmap==2)
                                             <label> <input type="radio" name="type" id="type"  value="2" onclick="toggleupload2()" checked="checked">Classroom Training</label>
                                             @else
                                             <label> <input type="radio" name="type" id="type"  value="2" onclick="toggleupload2()"  >Classroom Training</label>
                                             @endif
                        </div>
                        <div class="radio">
                                            @if($content_upload->map_unmap==1)
                                            <label> <input type="radio" name="type" id="type"  value="1" onclick="toggleupload()" checked="checked">Mapped Content</label>
                                            @else
                                            <label> <input type="radio" name="type" id="type"  value="1" onclick="toggleupload()" >Mapped Content</label>
                                            @endif
                        </div>
                    </div>

                    @if($content_upload->map_unmap==1)
                    <div class="form-group" id="uploaddiv" style="display: block;"> 
                          <label class="col-md-3 control-label" for="name">&nbsp;</label>  

                        <div class="sub2 col-md-9">
                        <div class="radio">
                                             @if($content_upload->upload_external==1)
                                             <label> <input type="radio" name="type1" id="type1"  value="1" onclick="toggleupload3()" checked="checked">Uploaded Content</label>
                                             @else
                                             <label> <input type="radio" name="type1" id="type1"  value="1" onclick="toggleupload3()">Uploaded Content</label>
                                             @endif
                        </div>
                        <div class="radio">
                                             @if($content_upload->upload_external==2)
                                             <label> <input type="radio" name="type1" id="type1"  value="2" onclick="toggleupload4()" checked="checked">External Content</label>
                                             @else
                                             <label> <input type="radio" name="type1" id="type1"  value="2" onclick="toggleupload4()" >External Content</label>
                                             @endif
                        </div>
                     </div>
                     </div>
                     @endif

                     @if($content_upload->map_unmap==2)
                    <div class="form-group" id="uploaddiv" style="display: none;"> 
                          <label class="col-md-3 control-label" for="name">&nbsp;</label>  

                        <div class="sub2 col-md-9">
                        <div class="radio">
                                             
                                             <label> <input type="radio" name="type1" id="type1"  value="1" onclick="toggleupload3()">Uploaded Content</label>
                                            
                        </div>
                        <div class="radio">
                                            
                                             <label> <input type="radio" name="type1" id="type1"  value="2" onclick="toggleupload4()" >External Content</label>
                                            
                        </div>
                     </div>
                     </div>
                     @endif


                                @if($content_upload->upload_external==1)
                                <div class="form-group" id="upload_content_div" style="display: block;"> 

                                    <label class="col-md-3 control-label" for="name">Upload</label>
                                    <div class="col-md-9">
                                        <select name="content_type" id="content_type" class="form-control">
                                            <option value="0">Select a Mime Type</option>
                                            @foreach ($content_types as $content_type)
                                            @if($content_upload->content_type==$content_type->id)
                                             <option value="{{$content_type->id}}" selected="selected">{{$content_type->content_type}}</option>
                                            @else
                                            <option value="{{$content_type->id}}">{{$content_type->content_type}}</option>
                                            @endif
                                        @endforeach
                                           </select>
                                        <input id="name" name="name" type="text" class="form-control" maxlength="100" value="{{$content_upload->file_name}}">

                                        <input id="upload" name="upload" type="file" class="form-control" maxlength="100" onchange="validatefile();">

                                        
                                        <a href="#" onclick="showfiles('{{$content_upload->upload}}');">{{$content_upload->file_name}}::View File</a>

                                     <iframe src="" id="documentframe"></iframe>
                                    </div>                       
                            </div>
                            @endif

                            @if($content_upload->upload_external==2 || $content_upload->upload_external=='')
                            <div class="form-group" id="upload_content_div" style="display: none;"> 

                                    <label class="col-md-3 control-label" for="name">Upload</label>
                                    <div class="col-md-9">
                                        <select name="content_type" id="content_type" class="form-control">
                                            <option value="0">Select a Mime Type</option>
                                            @foreach ($content_types as $content_type)
                                            @if($content_upload->content_type==$content_type->id)
                                             <option value="{{$content_type->id}}" selected="selected">{{$content_type->content_type}}</option>
                                            @else
                                            <option value="{{$content_type->id}}">{{$content_type->content_type}}</option>
                                            @endif
                                        @endforeach
                                           </select>
                                        <input id="name" name="name" type="text" class="form-control" maxlength="100" value="{{$content_upload->file_name}}">

                                        <input id="upload" name="upload" type="file" class="form-control" maxlength="100" onchange="validatefile();">

                                        
                                        <a href="#" onclick="showfiles('{{$content_upload->upload}}');">{{$content_upload->file_name}}::View File</a>

                                     <iframe src="" id="documentframe"></iframe>
                                    </div>                       
                            </div>
                            @endif

                            @if($content_upload->upload_external==2)
                                 <div class="form-group" id="external_content_div" style="display: block;">
                                    
                                    <label class="col-md-3 control-label" for="name">URL</label>
                                    <div class="col-md-9">
                                     <input id="url" name="url" type="text" class="form-control" maxlength="100" value="{{$content_upload->url}}">
                                    </div>

                                    <label class="col-md-3 control-label" for="remarks">Remarks</label>
                                    <div class="col-md-9">
                                        <textarea class="form-control resize_vertical" id="remarks" name="remarks" rows="5">{{$content_upload->remarks}}</textarea>
                                    </div> 

                                </div>
                            @endif

                            @if($content_upload->upload_external==1||$content_upload->upload_external=='')
                                 <div class="form-group" id="external_content_div" style="display: none;">
                                    
                                    <label class="col-md-3 control-label" for="name">URL</label>
                                    <div class="col-md-9">
                                     <input id="url" name="url" type="text" class="form-control" maxlength="100" value="{{$content_upload->url}}">
                                    </div>

                                    <label class="col-md-3 control-label" for="remarks">Remarks</label>
                                    <div class="col-md-9">
                                        <textarea class="form-control resize_vertical" id="remarks" name="remarks" rows="5">{{$content_upload->remarks}}</textarea>
                                    </div> 

                                </div>
                            @endif
                                
                                <!-- Form actions -->
                                 <div class="form-position">
                                    <div class="col-md-12 text-right">
                                         <a href="{{url('upload')}}"><button type="button" class="btn btn-responsive btn-danger btn-sm">Back</button></a>
                                        <button type="submit" class="btn btn-responsive btn-warning btn-sm" id="button">Update</button>
                                    </div>
                                </div>
                        </form>
                    </div>
                </div>
               
            </div>
            <!--md-12 ends-->
        </div>

<script>
    
function toggleupload()    //for displaying fields using radio buttons
{  
    document.getElementById("uploaddiv").style.display="block";
}

function toggleupload2()
{
     
    document.getElementById("uploaddiv").style.display="none";

    document.getElementById("upload_content_div").style.display="none";

    document.getElementById("external_content_div").style.display="none";

    document.getElementById("url").value="";

    document.getElementById("upload").value="";

    document.getElementById("type1").value="";

    document.getElementById("type1").checked="false";

}

function toggleupload3()
{
    document.getElementById("upload_content_div").style.display="block";
   
    document.getElementById("external_content_div").style.display="none";
}

function toggleupload4()
{   
    document.getElementById("external_content_div").style.display="block";

    document.getElementById("upload_content_div").style.display="none";
}

</script>

<script type="text/javascript">
    
    function validatefile()
    {
        
        var fileobj=document.getElementById("upload");

        var content_type=document.getElementById("content_type");

        var extensionval=content_type.options[content_type.selectedIndex].innerHTML;

        var fileex=fileobj.value.split('.').pop();
        
        if(fileex!=extensionval.toLowerCase())
        {
            alert("Wrong Extension");
        }
        else
        {
           // alert("Correct Extension");
        }

        return false;

    }

</script>

<script>
function validation()
    {
        if(document.getElementById('content_subject').value=="")
        {
            alert(" Please Enter the Content");
            document.getElementById('content_subject').focus();
            return false;
        }

        document.getElementById("button").disabled='true';

        return true;
    }
</script> 

<script>

    function showfiles(path)
        {        
            document.getElementById("documentframe").src="/training/storage/app/"+path;
            document.getElementById("documentframe").style.display="block";
        }

</script>

@stop