@extends('adminlte::page')
@section('content_header')
    <h1>{{request()->session()->get('session_fname')}}</h1>
@stop
<script src="//code.jquery.com/jquery.js"></script>
@section('content')
@notifyCss
 @notifyJs
  @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
  @endif

  @if (session('status'))
            <div class="alert alert-success">
                {{ session('status') }}
            </div>
  @endif
@include('notify::messages')
  <div class="row">
       <div class="col-md-12">
               <form class="form-horizontal" action="{{ url('updatecreation_of_filedata') }}" method="post" enctype="multipart/form-data" id="fileform" onsubmit="return validation();">
        <div class="panel tapalpanel">
                    <div class="panel-heading">
                          <div class="row">
                            <div class="col col-xs-9">
                               <h3 class="panel-title"><i class="fa fa-fw fa-folder-open"></i>Show {{request()->session()->get('session_fname')}} Data <i class=" fa fa-fw fa-plus "></i></h3>
                            </div>
                          <div class="form-position">
                          <div class="col col-xs-3 text-right">
                              @if($currentuserstatus)
                                 <button id="btn" type="submit" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-floppy-open"></span>  Update</button>
                              @endif
                                 <a href="{{url('creation_of_file')}}"><button type="button" class="btn btn-responsive btn-danger btn-sm">Back</button></a>
                          </div>

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

                <div class="panel-body">
                         

                            <!-- CSRF Token -->
                             <input type="hidden" name="_token" value="{{csrf_token()}}">
                               

                                  <input type="hidden" name="creation_of_file_id" id="creation_of_file_id" value="{{$creation_of_file->id}}">

                            
                            
                                
<div class="row sidewhite">

              
    <div class="col-lg-9">
        
                                
                <!-- CSRF Token -->
                             
                        <div class="col-lg-12">
                                  
                                <div class="form-group">
                                <label class="col-md-3 control-label" for="addr">{{request()->session()->get('session_fname')}} Number</label>
                                <div class="col-md-9">{{$creation_of_file->file_no}}

                                </div>
                                </div>
                             
                                <div class="form-group">
                                <label class="col-md-3 control-label" for="name">{{request()->session()->get('session_fname')}}Title</label>
                                <div class="col-md-9">
                                <input id="title" name="title" type="text" class="form-control" value="{{$creation_of_file->title}}"></div>
                                </div>

                              
                                <div class="form-group">
                                <label class="col-md-3 control-label" for="remarks">Description</label>
                                <div class="col-md-9">
                                <textarea class="form-control resize_vertical" id="description" name="description" placeholder="Please enter description here..." rows="3">{{$creation_of_file->file_description}}</textarea>
                                </div>
                                </div>
                        </div> 

                <div class="row">
                 <div class="col-lg-12"> 
                 <!-- Custom Tabs -->
          <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
              <li class="active"><a href="#tab_attachments" data-toggle="tab"><i class="fa fa-paperclip margin-r-5 "></i> <span class="sm-hide">Attachments</span> </a></li>

              <li><a href="#tab_comments" data-toggle="tab"><i class="fa fa-comments-o margin-r-5 "></i><span class="sm-hide"> Comments</span> </a></li>

              <li><a href="#tab_actions" data-toggle="tab"><i class="fa fa-fw fa-legal margin-r-5"></i> <span class="sm-hide">Actions</span></a></li>

              <li><a href="#tab_forward" data-toggle="tab"><i class="fa fa-share margin-r-5 "></i><span class="sm-hide"> Forward</span> </a></li>
              
              
            
              
            </ul>
            <div class="tab-content">
              <div class="tab-pane active" id="tab_attachments">
              
   
                    <div class="form-group">
                                <label class="col-md-3 control-label" for="name">Attachments</label>  
                                <input type="hidden" name="uploadcount" id="uploadcount" value="1">
                                
                                    <div class="col-md-7" >
                                    <div id='newupload1'>
                                        <input id="upload1" name="upload1" type="file" class="form-control" onchange="check_extension();" /><br>
                                        <input type="text" name="filedesc1" id="filedesc1" placeholder="Enter description of file" class="form-control">
                                     </div>

                                     <div id="otheruploads">


                                    </div>
                                
                                </div>


                                


                                <div class="col-md-2">
                                <button type="button" class="btn btn-responsive btn-success btn-xs" id="uploaddivadd">Add </button></div>
                                </div>
              
               
               
                
               
            
             <div class="box ">
            
            <!-- /.box-header -->
            <div class="box-body no-padding">
              
              <table class="table table-hover table-striped">
                  <tbody id="uploaddiv">
                   
                
                  </tbody>
                </table>
                @if($attachmentcount)
                <div>
                  <label>Attachments of this {{request()->session()->get('session_tname')}}</label>
                  <table>
                   <tbody>
                     @foreach($attachments as $attachment)
                        <tr>
                        
                            <td class="mailbox-star"><i class="fa fa-paperclip text-yellow"></i></td>
                            <td class="mailbox-name"><a href="/fileflowproductnew/storage/app/{{$attachment->document_path}}" target="_blank">{{$attachment->document_name}}</a></td>
                            <td class="mailbox-subject">
                            </td>
                            <td class="mailbox-attachment"></td>
                            <td class="mailbox-date"></td>
                        </tr>
                    @endforeach   
                   </tbody> 
                  </table>
                </div>
                @endif
              <!-- /.mail-box-messages -->
            </div>
            <!-- /.box-body -->
           
          </div><!-- /.col -->
                                
                  <!-- /input-group -->
              </div>

              <!-- /tab_comments -->
      <div class="tab-pane" id="tab_comments">
          <!-- Custom tabs (Charts with tabs)-->
            <div class="well well-sm ">
          <!-- Tabs within a box -->
            
             <ul class="nav nav-tabs pull-right" id="comment_type">
                  <li class="active"><a href="#public_note" data-toggle="tab"><i class="fa fa-fw fa-globe "></i><span class="sm-hide">Public</span></a></li>

                  <li><a href="#yellow_note" data-toggle="tab"><i class="fa fa-fw fa-sticky-note "></i><span class="sm-hide">Yellow Note</span></a></li>

                  <li><a href="#privat_note" data-toggle="tab"><i class="fa fa-fw fa-user-secret "></i><span class="sm-hide">Private</span></a></li>
             </ul>

                <div class="tab-content no-padding" id="commentdesc">
                <!-- Morris chart - Sales -->
                  <div class="chart tab-pane active" id="public_note" ><textarea name="public" id="public" placeholder="Whats on your mind?" class="form-control" id="" rows="3"></textarea> </div>

                  <div class="chart tab-pane" id="yellow_note"  ><textarea  name="yellow" id="yellow" placeholder="Whats on your mind?" class="form-control" id="" rows="3"></textarea></div>

                  <div class="chart tab-pane" id="privat_note"  ><textarea name="private" id="private"  placeholder="Whats on your mind?" class="form-control" id="" rows="3"></textarea> </div>
                </div>
                <button  type="button" id="commentbtn" class="btn btn-sm btn-primary pull-right">  Publish</button>
            
          </div>
      
          <!-- /.nav-tabs-custom -->

          <!-- Post -->
          @foreach($comments as $comment)
            @if($comment->comment_type==0)
               <?php $classname="post pr_note"  ?>
            @endif   
            @if($comment->comment_type==1)
               <?php $classname="post "  ?>
            @endif
            @if($comment->comment_type==2)
                <?php $classname="y_note"  ?>
            @endif
            <div id="commentdisplay">
              @if(!$comment->disgard_flag==1)
              <div class="{{$classname}}">
                  <div class="user-block">
                      <i class="fa fa-user bg-aqua"></i>
                      <span class="username">
                      {{$comment->seat->seat_name}}
                      
                      </span>
                      <span class="description">{{$comment->created_at->format('d-M-Y')}}</span>
                  </div>
                  <!-- /.user-block -->
                  <p>
                  {{$comment->comment_description}}
                  </p>

              </div>
              @endif
            </div>
          <!-- /.post -->
          <!-- Post -->
          
          <!-- /.post -->       <!-- Post -->
          @endforeach
          
      </div><!-- /.end of tab-comments -->
      <script>
        $(function() {
//alert("ffff");
                    $('#commentbtn').click(function() {

                       var file_id=document.getElementById("creation_of_file_id").value;
                       var comment_type_public=document.getElementById("public").value;
                       var comment_type_private=document.getElementById("private").value;
                       var comment_type_yellow=document.getElementById("yellow").value;
                       if(comment_type_public)
                       {
                            var comment_type=0;
                            var description=comment_type_public;

                       }
                      else if(comment_type_private)
                      {                        
                        var comment_type=1;
                        var description=comment_type_private;

                      }                      
                      else
                      {
                         var comment_type=2;
                         var description=comment_type_yellow;
                      }
                       

                       //alert(comment_type);
                  

                       //alert("dsfsdf");
                        $.ajax({
                            url: "{{url('newfilecomment')}}",
                            type: "POST",
                           data: { "_token": "{{ csrf_token() }}",
                                   "creation_of_file_id": file_id,
                                   "comment_type": comment_type,
                                    "commentdesc": description },
                                              

                             // here build JSON object with your form data
                            //success:function(data)
                        success: function (data) { 
                          //alert("dfd");

                          //document.getElementById("comment_description").value='';
                          //$('#selected').text('');

                         // var existingcomments=document.getElementById("commentdisplay").innerHTML;

                            //document.getElementById("commentdisplay").innerHTML=data.commentdisplay+existingcomments;
                               var file_id=document.getElementById("creation_of_file_id").value;

                          window.location.href="{{url('showcreation_of_filedata')}}"+"/"+file_id;
                            
                        }
                           
                        });
                        return false;
                    });
                });
      </script>
                  <div class="tab-pane" id="tab_actions">
               <div class="row">
              
                  <div class="col-md-12">
                    <div class="well well-sm ">
                     <input type='hidden' name='action_type' id='action_type' value=''>
                      <div class="input-group input-group-sm">
                          <div class="input-group-btn">
                            
                              <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Action
                              <span class="fa fa-caret-down" id="selectedaction"></span></button>
                                <ul class="dropdown-menu" id="actionval">
                                  @foreach ($actions as $action)
                                                                       
                                          <li><a href="#"><i class="fa fa-exclamation-circle"></i>{{$action->actions}}</a></li>
                                       

                                   @endforeach
                                </ul>
                          </div>
                      <!-- /btn-group -->
                          <input type="text" class="form-control input-sm" name="actiondescription" id="actiondescription" placeholder="Press enter to post Remarks">
                          <span class="input-group-btn">
                              <button type="button" id="actnsubmit" class="btn btn-info btn-flat"><i class="fa fa-fw fa-send"></i></button>
                          </span>
                      </div>

                    </div>
                    <!-- The time line -->
                      <ul class="timeline">
                        
                        <!-- timeline item -->
                        @foreach($fileactions as $fileaction)
                        <li>
                        <i class="fa fa-user bg-aqua"></i>

                        <div class="timeline-item">
                        <span class="time"><i class="fa fa-clock-o"></i> {{$fileaction->created_at->format('d-M-Y')}}</span>

                        <h3 class="timeline-header no-border"><a href="#">{{$fileaction->seat->seat_name}}</a>created a {{$fileaction->action->actions}} : {{$fileaction->action_description}}</h3>
                        </div>
                        </li>
                        @endforeach
                        <!-- END timeline item -->
                        
                        
                      </ul>
                  </div> 

                </div>
      </div>
      <script>
              $('#actionval a').click(function(){
                $('#selectedaction').text($(this).text());
                $('#action_type').val($(this).text());

              });
      </script>
      <script>
        
//alert("ffff");
                    $('#actnsubmit').click(function() {
//alert("ffff");
                       var file_id=document.getElementById("creation_of_file_id").value;
                       var action_type=document.getElementById("action_type").value;
                       var description=document.getElementById("actiondescription").value;

                       //alert(action_type);
                  

                       //alert("dsfsdf");
                        $.ajax({
                            url: "{{url('newfileaction')}}",
                            type: "POST",
                           data: { "_token": "{{ csrf_token() }}",
                                   "creation_of_file_id": file_id,
                                   "action_type": action_type,
                                    "actiondescription": description },
                                    
                             // here build JSON object with your form data
                            //success:function(data)
                        success: function (data) { 
                          //alert("dfd");

                          //document.getElementById("comment_description").value='';
                          //$('#selected').text('');

                         // var existingcomments=document.getElementById("commentdisplay").innerHTML;

                            //document.getElementById("commentdisplay").innerHTML=data.commentdisplay+existingcomments;
                               var file_id=document.getElementById("creation_of_file_id").value;

                          window.location.href="{{url('showcreation_of_filedata')}}"+"/"+file_id;
                            
                        }
                           
                        });
                        return false;
                    });
                
      </script>
           <!-- /.tab-forward -->         
           <div class="tab-pane" id="tab_forward">
               <div class="panel-body">

            
            <div class="modal-body">
                <div class="box-body">
                     <input type="hidden" name="_token" value="{{ csrf_token() }}">
                      
                          <div class="form-group">
                          <label class="col-md-3 control-label" for="email">Office Name<span style="color: red;">*</span></label>
                          <div class="col-md-9">
                          <select name="officename" id="officename" class="form-control">
                          <option value="0">Select One</option>
                          @foreach ($office as $officename)
                          <option value="{{$officename->id}}">{{$officename->office_name}}</option>
                          @endforeach
                          </select>
                          </div>
                          </div>


                          <div class="form-group">
                          <label class="col-md-3 control-label" for="email">Department<span style="color: red;">*</span></label>
                          <div class="col-md-9">
                          <select name="deptname" id="deptname" class="form-control">
                          <option value="0">Select One</option>
                          </select>
                          </div>
                          </div>

                                <!--section name-->

                          <div class="form-group">
                          <label class="col-md-3 control-label" for="email">Section</label>
                          <div class="col-md-9">
                          <select name="secname" id="secname" class="form-control">
                          <option value="0">Select One</option>
                          </select>
                          </div>
                          </div>


                          <div class="form-group">
                          <div class="col-md-9" id="seatdiv" style="display: none;">
                          <table id="seattable" width="100%" border="1" cellpadding="0" cellspacing="0" align="center"><thead><td>&nbsp;</td><td>Seat</td></thead></table>
                          </div>
                          </div>
                             

                 <!--box body close-->               
                </div>
             
                <!--modal body close-->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-success" id="fileforwardbtn">Forward</button>
                
            </div>
            
            <!--panel body close-->
            </div>
      </div>
       <script>

         $(document).ready(function($){


          $('#fileforwardbtn').click(function() {
            $('#fileform').attr('action',"{{url('filenewforwardpost')}}");
            $('#fileform').submit();
          });

          $('#officename').change(function(){
      
        $.get("{{ url('getseatfromoffice')}}",
        { option: $(this).val() },
        function(data) {
             var cnt = data.length;
            $("#seattable tr").remove(); 
          for(i=0;i<cnt;i++)
              {
                document.getElementById("seatdiv").style.display="block";

                var table = document.getElementById("seattable");

                var tr = document.createElement("tr");
                var td = document.createElement("td");
                var txt = document.createElement("input");
                txt.type='checkbox';
                txt.name=data[i]['id'];
                txt.value=1;

                td.appendChild(txt);
                tr.appendChild(td);

                var td = document.createElement("td");
                var txt = document.createTextNode("Seat: "+data[i]['name']);

                td.appendChild(txt);
                tr.appendChild(td);

                table.appendChild(tr);
            
            }
          });

            //section loading
             $.get("{{ url('getofficedept')}}",
            { option: $(this).val() },
            function(data) {
            $('#deptname').empty();
            $('#deptname').append("<option value='0'>Select a Department</option>");
            $.each(data, function(key, element) {
                $('#deptname').append("<option value='" + key +"'>" + element + "</option>");
            });
          });
        
    });

          ///////////////////

    $('#deptname').change(function(){
      
        $.get("{{ url('getseatfromdept')}}",
        { option: $(this).val() },
        function(data) {
             var cnt = data.length;
            $("#seattable tr").remove(); 
          for(i=0;i<cnt;i++)
              {
                document.getElementById("seatdiv").style.display="block";

                var table = document.getElementById("seattable");

                var tr = document.createElement("tr");
                var td = document.createElement("td");
                var txt = document.createElement("input");
                txt.type='checkbox';
                txt.name=data[i]['id'];
                txt.value=1;

                td.appendChild(txt);
                tr.appendChild(td);

                var td = document.createElement("td");
                var txt = document.createTextNode("Seat: "+data[i]['name']);

                td.appendChild(txt);
                tr.appendChild(td);

                table.appendChild(tr);
            
            }
          });

            //section loading
             $.get("{{ url('getsectiondept')}}",
            { option: $(this).val() },
            function(data) {
            $('#secname').empty();
            $('#secname').append("<option value='0'>Select a Section</option>");
            $.each(data, function(key, element) {
                $('#secname').append("<option value='" + key +"'>" + element + "</option>");
            });
          });
        
    });



        $('#secname').change(function(){
      
        $.get("{{ url('getseat1')}}",
        { option: $(this).val() },
        function(data) {
                 var cnt = data.length;
                $("#seattable tr").remove(); 
                for(i=0;i<cnt;i++)
                   {
                document.getElementById("seatdiv").style.display="block";

                var table = document.getElementById("seattable");

                var tr = document.createElement("tr");
                var td = document.createElement("td");
                var txt = document.createElement("input");
                txt.type='checkbox';
                txt.name=data[i]['id'];
                txt.value=1;

                td.appendChild(txt);
                tr.appendChild(td);

                var td = document.createElement("td");
                var txt = document.createTextNode("Seat: "+data[i]['name']);

                td.appendChild(txt);
                tr.appendChild(td);

                table.appendChild(tr);
           
            }
        });
    });


$('#seatname').change(function(){
  document.getElementById("seattable").innerHTML='';
      
        $.get("{{ url('getseattable')}}",
        { option: $(this).val() },
        function(data) {
          //alert(data);
              
            
            document.getElementById("seattable").innerHTML=data;
        });
    });

});




</script>
                 
              </div>
              <!-- /.tab-pane -->
              
              <!-- /.tab-pane -->
              
              <!-- /.tab-pane -->
            </div>
            <!-- /.tab-content -->
          </div>
          <!-- nav-tabs-custom -->
            
                
                </div>
                                                     
                    <!-- /input-group -->
                </div>
                <div class="col-lg-3 tapalbg">
                  <div class="col-lg-12"> 
                                <div class="form-group" >
                                <label class="control-label" for="addr">Reference Number<span style="color: red;">*</span></label>                            
                                <input id="referencenumber" name="referencenumber" class="form-control" value="{{$creation_of_file->reference_number}}">
                                </div>

                                <div class="form-group">
                                <label class="control-label" for="email">Priority<span style="color: red;">*</span></label>                            
                                <select name="priority" id="priority" class="form-control">
                                @foreach ($priorities as $priorityobj)
                                @if($creation_of_file->priority==$priorityobj->id)
                                <option value="{{$priorityobj->id}}" selected="selected">{{$priorityobj->priority}}</option>
                                @else
                                <option value="{{$priorityobj->id}}">{{$priorityobj->priority}}</option>
                                @endif
                                @endforeach
                                </select>                              
                                </div>

                                @php
                                $confidential = $creation_of_file->confidential;                                
                                @endphp
                                <div class="form-group">                                    
                                @if($confidential)
                                        <div class="checkbox">
                                        <label> <input type="checkbox" name="confidential" id="confidential"  value="1" checked="checked">Confidential</label>
                                        </div>
                                        @else
                                        <div class="checkbox">
                                        <label> <input type="checkbox" name="confidential" id="confidential"  value="1">Confidential</label>
                                        </div>
                                        @endif
                                </div>


                                
                                <div class="form-group">
                                <label class="control-label" for="email">{{request()->session()->get('session_fname')}} Group<span style="color: red;">*</span></label>
                               
                                <select name="file_group" id="file_group" class="form-control">
                                @foreach ($file_group as $file_groupobj)
                                @if($creation_of_file->file_group_id==$file_groupobj->id)
                                <option value="{{$file_groupobj->id}}" selected="selected">{{$file_groupobj->file_group}}</option>
                                @else
                                <option value="{{$file_groupobj->id}}">{{$file_groupobj->file_group}}</option>
                                @endif
                                @endforeach
                                </select>
                                </div>

                                
                    <!-- /input-group -->
                </div>
                </div>
                
</div>          
           
            </div>
                                
<div class="panel-footer text-right">
 <div class="row">
   <div class="col-md-12">
  
   </div>
    </div>
     
</div>
            </div>

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

<script>



$(document).ready(function($){
   
            $('#uploaddivadd').on('click',function(){

                    var upcount= document.getElementById('uploadcount').value;

                var name = $('#filedesc'+upcount).val();

                document.getElementById('newupload'+upcount).style.visibility='hidden';
                document.getElementById('newupload'+upcount).style.height='0px';
               

                $('#uploaddiv').append("<tr id='trash"+upcount+"'  onclick='trash(this)'><td class='mailbox-star'><i class='fa fa-paperclip text-green'></i></td><td class='mailbox-name'>"+name+"</td><td class='mailbox-subject'><b>file</b></td><td class='mailbox-attachment' ><i class='fa fa-trash-o text-red'></i></td><td class='mailbox-date'></td></tr>");
                
                upcount++;

                $('#otheruploads').append("<br><div id='newupload"+upcount+"'><input type='file' name='upload"+upcount+"' id='upload"+upcount+"' class='form-control'  onchange='check_extension();' ><br><input type='text' name='filedesc"+upcount+"' id='filedesc"+upcount+"' placeholder='Enter description of file"+upcount+"' class='form-control'></div>")


                document.getElementById('uploadcount').value=upcount;
              
              });

            

    });
function trash(o)
            {
                
                    document.getElementById(o.id).style.display="none";
                
                  
            }


</script>


<script type="text/javascript">

    $('.date').datepicker({  

       format: 'yyyy-mm-dd'

     });  

</script>  


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

        if(document.getElementById('description').value=="")
        {
            alert(" Please enter the Description");
            document.getElementById('description').focus();
            return false;
        }

        if(document.getElementById('referencenumber').value=="")
        {
            alert(" Please enter the Reference number");
            document.getElementById('referencenumber').focus();
            return false;
        }

        if(document.getElementById('priority').value=="0")
        {
            alert(" Please select the priority");
            document.getElementById('priority').focus();
            return false;
        }

        if(document.getElementById('file_group').value=="0")
        {
            alert(" Please select the File group");
            document.getElementById('file_group').focus();
            return false;
        }
        
        document.getElementById("btn").disabled='true';
        return true;
    }
    //////check the extension of upload////////////////////////
    function check_extension()
    {
        var file= document.getElementById('upload1').value;
        var reg = /(.*?)\.(jpg|pdf|jpeg|excel|xls|xlsx|doc|docx|odt|word)$/;
        if(!file.match(reg))
        {
            alert("Invalid File format. Please upload correct format");
            document.getElementById('upload1').value='';
            document.getElementById('upload1').focus();
            return false;
        }
    }
</script> 


                       

                        
@stop