@extends('adminlte::page')
@section('content_header')
    <h1>{{request()->session()->get('session_tname')}}</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_tapaldata') }}" method="post" enctype="multipart/form-data" id="tapalform" 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-ticket "></i>Show {{request()->session()->get('session_tname')}} 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_tapal')}}"><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_tapal_id" id="creation_of_tapal_id" value="{{$creation_of_tapal->id}}">                     
          <div class="row sidewhite">    
            <div class="col-lg-9">
              @php
                $values = $creation_of_tapal->internal_external;
                if($values==1)
                {
                  $intclass="btn btn-default active";
                  $extclass="btn btn-default";
                }
                else
                {
                  $intclass="btn btn-default";
                  $extclass="btn btn-default active";
                }
              @endphp
              <div class="form-group ">
                <div class="col-md-12 "> 
                  <div class="btn-group" data-toggle="buttons" onclick="toggleupload();">
                    <label class="{{$intclass}}">
                      <input type="radio"  name="type" id="type1" value="1" autocomplete="off" {{ $values == "1" ? 'checked=true' : ''}} > Internal
                    </label>
                    <label class="{{$extclass}}">
                      <input type="radio" name="type" id="type2" value="2" autocomplete="off"  {{ $values == "2" ?  'checked=true' : ''}}>  External
                    </label>
                  </div>
                </div>
              </div>                
              <div class="col-lg-12">
                <div class="form-group">
                  <label class="col-md-3 control-label" for="addr">{{request()->session()->get('session_tname')}} Number</label>
                  <div class="col-md-9">{{$creation_of_tapal->tapal_no}}
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-md-3 control-label" for="name">{{request()->session()->get('session_tname')}} Title</label>
                  <div class="col-md-9">
                    <input id="title" name="title" type="text" class="form-control" value="{{$creation_of_tapal->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_tapal->tapal_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">
                      <!--- attachments -->
                      <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
                          </div>
                        </div><!-- /.col -->
                      </div>
                      <!-- end attachments -->
                      <!-- /tab_comments -->
                      <div class="tab-pane" id="tab_comments">
                        <div class="well well-sm ">
                          <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">
                            <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>
                        @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>
                        @endforeach
                      </div><!-- /.end of tab-comments -->
                      <script>
                        $(function() {
                            $('#commentbtn').click(function() 
                            {
                              var tapal_id=document.getElementById("creation_of_tapal_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;
                              //alert(comment_type_yellow);
                              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;
                              }
                              $.ajax({
                                      url: "{{url('newcomment')}}",
                                      type: "POST",
                                      data: { "_token": "{{ csrf_token() }}",
                                              "creation_of_tapal_id": tapal_id,
                                              "comment_type": comment_type,
                                              "commentdesc": description },
                                      success: function (data) { 
                                        var tapal_id=document.getElementById("creation_of_tapal_id").value;
                                        window.location.href="{{url('showcreation_of_tapaldata')}}"+"/"+tapal_id;   
                                      }  
                              });
                              return false;
                            });
                        });
                      </script>
                      <!-- /.tab-pane -->
                      <!-- /.tab-pane -->
                      <div class="tab-pane" id="tab_actions">
                        <div class="row">
                          <div class="col-md-12">
                            <div class="well well-sm ">
                              <input type='hidd`en' 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>
                                <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>
                            <ul class="timeline">
                              <!-- timeline item -->
                              @foreach($tapalactions as $tapalaction)
                                <li>
                                  <i class="fa fa-user bg-aqua"></i>
                                  <div class="timeline-item">
                                    <span class="time"><i class="fa fa-clock-o"></i> {{$tapalaction->created_at->format('d-M-Y')}}</span>
                                    <h3 class="timeline-header no-border"><a href="#">{{$tapalaction->seat->seat_name}}</a>created a {{$tapalaction->action->actions}} : {{$tapalaction->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());

                        });
                        $('#actnsubmit').click(function() {
                           var tapal_id=document.getElementById("creation_of_tapal_id").value;
                           var action_type=document.getElementById("action_type").value;
                           var description=document.getElementById("actiondescription").value;
                           $.ajax({
                                url: "{{url('newaction')}}",
                                type: "POST",
                                data: { "_token": "{{ csrf_token() }}",
                                       "creation_of_tapal_id": tapal_id,
                                       "action_type": action_type,
                                        "actiondescription": description },
                                success: function (data) { 
                                  var tapal_id=document.getElementById("creation_of_tapal_id").value;
                                  window.location.href="{{url('showcreation_of_tapaldata')}}"+"/"+tapal_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="">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="">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="">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="tapalforwardbtn">Forward</button>    
                          </div>
                          <!--panel body close-->
                        </div>
                      </div>
       <script>

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


          $('#tapalforwardbtn').click(function() {
            $('#tapalform').attr('action',"{{url('tapalnewforwardpost')}}");
            $('#tapalform').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=''>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=''>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>
                  <!-- /.tab-pane -->
           </div>
                <!-- /.tab-content -->
              </div>
              <!-- nav-tabs-custom -->                
                </div>
    
      </div>                  
                 </div>



                <div class="col-lg-3 tapalbg">
                  <div class="col-lg-12"> 

                    <?php
                      if($values==1)
                        $external_content_div_style="display: none";
                      else
                        $external_content_div_style="display: block";
                    ?>
                                <div id="external_content_div" style="{{$external_content_div_style}};">
                                    <div class="form-group">
                                    <label class="control-label" for="addr">Received From</label>
                                   
                                    <input id="receivedfrom" name="receivedfrom" class="form-control" value="{{$creation_of_tapal->received_from}}">
                                    
                                    </div>
                                    <div class="form-group">
                                    <label class="control-label" for="addr">Received Date</label>
                                   
                                    <input id="receiveddate" name="receiveddate" type="date" class="date form-control" data-date-end-date="0d" value="{{$creation_of_tapal-> received_date}}">
                                  
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                <label class="control-label" for="email">Subject Group<span style="color: red;">*</span></label>
                               
                                <select name="subject_group" id="subject_group" class="form-control">
                                        @foreach ($subject_group as $subject_groupobj)
                                        @if($creation_of_tapal->subject_group_id==$subject_groupobj->id)
                                        <option value="{{$subject_groupobj->id}}" selected="selected">{{$subject_groupobj->subject_group}}</option>
                                        @else
                                        <option value="{{$subject_groupobj->id}}">{{$subject_groupobj->subject_group}}</option>
                                        @endif
                                        @endforeach
                                        </select>
                               
                                </div>

                                <div class="form-group">
                                <label class="control-label" for="email">Subject<span style="color: red;">*</span></label>
                                
                                <select name="subject" id="subject" class="form-control">
                                        @foreach ($subject as $subjectobj)
                                        @if($creation_of_tapal->subject_id==$subjectobj->subject->id)

                                        <option value="{{$subjectobj->subject->id}}" selected="selected">{{$subjectobj->subject->subject}}</option>
                                        @else
                                        <option value="{{$subjectobj->id}}">{{$subjectobj->subject->subject}}</option>
                                        @endif
                                        @endforeach
                                        </select>
                               
                                </div>

                                <div class="form-group">
                                <label class="control-label" for="email">Mode of Receipt</label>
                               
                                <select name="mode_of_receipt" id="mode_of_receipt" class="form-control">
                                        <option value="0">Select One</option>
                                        @if($creation_of_tapal->mode_of_receipt==1)
                                        <option value="1" selected>Fax</option>
                                        @else
                                        <option value="1">Fax</option>
                                        @endif

                                        @if($creation_of_tapal->mode_of_receipt==2)
                                        <option value="2" selected>Email</option>
                                        @else
                                        <option value="2">Email</option>
                                        @endif

                                        @if($creation_of_tapal->mode_of_receipt==3)
                                        <option value="3" selected>By hand</option>   
                                        @else
                                        <option value="3">By hand</option>   
                                        @endif

                                        @if($creation_of_tapal->mode_of_receipt==4)
                                        <option value="4" selected>Post</option>   
                                        @else
                                        <option value="4">Post</option>   
                                        @endif

                                        </select>
                               
                                </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 ($priority as $priorityobj)

                                        @if($creation_of_tapal->priority==$priorityobj->id)
                                        <option value="{{$priorityobj->id}}" selected="selected">{{$priorityobj->priority}}</option>
                                        @else
                                        <option value="{{$priorityobj->id}}">{{$priorityobj->priority}}</option>
                                        @endif
                                        @endforeach
                                        </select>
                              
                                </div>
                                <div class="form-group">  
                                      
                                @php
                                $confidential = $creation_of_tapal->confidential;
                                $valuables = $creation_of_tapal->has_valuables;
                                @endphp
                                @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

                                        @if($valuables)
                                        <div class="checkbox">
                                        <label> <input type="checkbox" name="valuables" id="valuables"  value="1" onclick="check_values(this)" checked="checked">Has-Valuables</label>
                                        </div>
                                        @else
                                        <div class="checkbox">
                                        <label> <input type="checkbox" name="valuables" id="valuables"  value="1" onclick="check_values(this)">Has-Valuables</label>
                                        </div>
                                        @endif
                                </div>

                                @if($valuables==1)
                                <div class="form-group" id="detail_div" style="display: block;">
                                @else
                                <div class="form-group" id="detail_div" style="display: none;">
                                @endif


                                    <!-- Email input-->
                                <div class="form-group" id="detail_div" style="display: none;">
                                <label class="control-label" for="addr">Remarks-Valuables</label>
                              
                                <input id="details" name="details" type="text" class="form-control" value="{{$creation_of_tapal->details}}">
                               
                                </div>
                                 <div class="form-group">
                                <label class="control-label" for="remarks">Keywords</label>
                                
                                <textarea class="form-control resize_vertical" id="keywords" name="keywords" placeholder="Please enter keywords here..." rows="3">{{$creation_of_tapal->keywords}}</textarea>
                               
                                </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($){

 

            $('#subject_group').change(function(){

            $.get("{{ url('getsubject')}}",
            { option: $(this).val() },
            function(data) {

            $('#subject').empty();
            $('#subject').append("<option value='0'>Select a subject</option>");
            $.each(data, function(key, element) {
            $('#subject').append("<option value='" + key +"'>" + element + "</option>");
            });
            });
            });

            /*$('#uploaddivadd').click(function(){

            var upcount= document.getElementById('uploadcount').value;
            upcount++;
            var file= document.getElementById('upload1').value;
            var filedesc1= document.getElementById('filedesc1').value;

            /*if(file)
            {
                $('#uploaddiv').append("<tr><td class='mailbox-star'><a href='#'><i class='fa fa-paperclip text-green'></i></a></td><td class='mailbox-name'><a href='#'>var filedesc1</a></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>");

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

            });*/
                $('#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;
              
              });
            /*$('#upload1').change(function() {
              //$('#title').val(this.value ? this.value.match(/([\w-_]+)(?=\.)/)[0] : '');
              $('#uploaddiv').val(this.files && this.files.length ? this.files[0].name.split('.')[0] : '');

            })*/
            });


function toggleupload()
{
   //alert(document.getElementById('type1').checked);
 
    if(document.getElementById('type1').checked==false)
    {
    // alert("here"); 
        document.getElementById("external_content_div").style.display="none";
        document.getElementById("receivedfrom").value="";
        document.getElementById("receiveddate").value="";
    }
    else
    {
        document.getElementById("external_content_div").style.display="block";
    }
    

}
function check_values(x)
{
    var has_values = x.value;
    if(x.checked == true)
    {
        document.getElementById("detail_div").style.display="block";
    }
    else
    {
         document.getElementById("detail_div").style.display="none";
         document.getElementById("details").value = "";
    }
}
function trash(control)
{
  var tr = $(control).closest('tr');
  $(tr).remove();
    //$('#trash').remove();
       // document.getElementById(o.id).style.display="none";
    
         //document.getElementById("detail_div").style.display="none";
        // document.getElementById("details").value = "";
   
}

</script>




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

        if(document.getElementById('description').value=="")
        {
            alert(" Please enter the Description");
            document.getElementById('description').focus();
            return false;
        }
        var type = document.getElementsByName('type');
        if(type[1].checked==true)
        {
            if(document.getElementById('receivedfrom').value=="")
            {
                alert(" Please enter received from");
                document.getElementById('receivedfrom').focus();
                return false;
            }
            if(document.getElementById('receiveddate').value=="")
            {
                alert(" Please enter the received date");
                document.getElementById('receiveddate').focus();
                return false;
            }
        }
        if(document.getElementById('subject_group').value=="0")
        {
            alert(" Please select the Subject_Group");
            document.getElementById('subject_group').focus();
            return false;
        }

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

        if(document.getElementById('priority').value=="0")
        {
            alert(" Please select the priority");
            document.getElementById('priority').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