@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('creation_of_filepost') }}" method="post" enctype="multipart/form-data" id="file" 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>{{request()->session()->get('session_fname')}} <i class=" fa fa-fw fa-plus "></i></h3>
                  </div>
                   <div class="form-position">
                  <div class="col col-xs-3 text-right">
                 
                  <button id="btn" type="submit" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-floppy-open"></span>  Save</button>
                  </div>

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

                <div class="panel-body">
                         

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

                                  <input type="hidden" name="fileno" value="{{$fileprint}}">

                            
                            
                                
<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="name">{{request()->session()->get('session_fname')}} Title<span style="color: red;">*</span></label>
                                <div class="col-md-9">
                                <input id="title" name="title" type="text" class="form-control" required></div>
                                </div>

                                <div class="form-group">
                                <label class="col-md-3 control-label" for="remarks">Description<span style="color: red;">*</span></label>
                                <div class="col-md-9">
                                <textarea class="form-control resize_vertical" id="description" name="description" placeholder="Please enter description here..." rows="3" required></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>
              
            
              
            </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">
              
              <div class="table-responsive mailbox-messages">
                <table class="table table-hover table-striped">
                  <tbody id="uploaddiv">
                  
                  
                  </tbody>
                </table>
                <!-- /.table -->
                <!-- Modal -->
            <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
              <div class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="text-danger fa fa-times"></i></button>
                    <h4 class="modal-title" id="myModalLabel"><i class="text-muted fa fa-shopping-cart"></i> <strong>02051</strong> - Nome do Produto </h4>
                  </div>
                  <div class="modal-body">
                  
                    <table class="pull-left col-md-8 ">
                         <tbody>
                             <tr>
                                 <td class="h6"><strong>Código</strong></td>
                                 <td> </td>
                                 <td class="h5">02051</td>
                             </tr>
                             
                             <tr>
                                 <td class="h6"><strong>Descrição</strong></td>
                                 <td> </td>
                                 <td class="h5">descrição do produto</td>
                             </tr>
                             
                             <tr>
                                 <td class="h6"><strong>Marca/Fornecedor</strong></td>
                                 <td> </td>
                                 <td class="h5">Marca do produto</td>
                             </tr>
                             
                             <tr>
                                 <td class="h6"><strong>Número Original</strong></td>
                                 <td> </td>
                                 <td class="h5">0230316</td>
                             </tr>
                             
                             <tr>
                                 <td class="h6"><strong>Código N.C.M</strong></td>
                                 <td> </td>
                                 <td class="h5">032165</td>
                             </tr>
                             
                             <tr>
                                 <td class="h6"><strong>Código de Barras</strong></td>
                                 <td> </td>
                                 <td class="h5">0321649843</td>
                             </tr>  

                             <tr>
                                 <td class="h6"><strong>Unid. por Embalagem</strong></td>
                                 <td> </td>
                                 <td class="h5">50</td>
                             </tr>                            

                             <tr>
                                 <td class="h6"><strong>Quantidade Mínima</strong></td>
                                 <td> </td>
                                 <td class="h5">50</td>
                             </tr>

                             <tr>
                                 <td class="h6"><strong>Preço Atacado</strong></td>
                                 <td> </td>
                                 <td class="h5">R$ 35,00</td>
                             </tr> 
                            
                             <tr>
                                 <td class="btn-mais-info text-primary">
                                     <i class="open_info fa fa-plus-square-o"></i>
                                     <i class="open_info hide fa fa-minus-square-o"></i> informações
                                 </td>
                                 <td> </td>
                                 <td class="h5"></td>
                             </tr> 

                         </tbody>
                    </table>
                             
                  
                    
                    <div class="clearfix"></div>
                   <p class="open_info hide">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                  </div>
                    
                  <div class="modal-footer">       
                      
                    <div class="text-right pull-right col-md-3">
                        Varejo: <br/> 
                        <span class="h3 text-muted"><strong> R$50,00 </strong></span></span> 
                    </div> 
                      
                    <div class="text-right pull-right col-md-3">
                        Atacado: <br/> 
                        <span class="h3 text-muted"><strong>R$35,00</strong></span>
                    </div>
                     
                </div>
              </div>
            </div>
            </div>
<!-- fim Modal-->  
              </div>
              <!-- /.mail-box-messages -->
            </div>
            <!-- /.box-body -->
            <div class="box-footer no-padding">
              
            </div>
          </div><!-- /.col -->
                                
                  <!-- /input-group -->
              </div>
              <!-- /.tab-pane -->
              
              <!-- /.tab-pane -->
              <div class="tab-pane" id="tab_actions">
               <div class="row">
              
          <!-- /.nav-tabs-custom -->
        
        <!-- /.col -->
      </div>
              </div>
              <!-- /.tab-pane -->
            </div>
            <!-- /.tab-content -->
          </div>
          <!-- nav-tabs-custom -->
            
                
                </div>
    
      </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" required>
                                </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" required>
                                <option value="0">Select One</option>
                                @foreach ($priority as $prioritys)
                                <option value="{{$prioritys->id}}">{{$prioritys->priority}}</option>
                                @endforeach
                                </select>                              
                                </div>

                                <div class="form-group">                                    
                                <div class="checkbox">
                                <label> <input type="checkbox" name="confidential" id="confidential" value="1">Confidential</label> <!-- function to hide radio buttons(toggleupload) -->
                                </div>
                                </div>


                                
                                <div class="form-group">
                                <label class="control-label" for="email">File Group<span style="color: red;">*</span></label>
                               
                                <select name="file_group" id="file_group" class="form-control" required>
                                <option value="0">Select One</option>
                                @foreach ($file_groups as $file_grp)
                                <option value="{{$file_grp->id}}">{{$file_grp->file_group}}</option>
                                @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>
<table class="table table-bordered" id="file_table">
        <thead>
            <tr>
                <th>ID</th>
                <th>File Number</th>
                <th>File Title</th>
                <th>File Description</th>
                <th>Reference Number</th>
                <th>Priority</th>
                <th>File Group</th>
             
                <th>Actions</th>
            </tr>
        </thead>
    </table>



<script>
$(function() {

    $('#file_table').DataTable({
        processing: true,
        serverSide: true,
        ajax: '{!! url('creation_of_filepostdata') !!}',
        columns: [
            { data: 'id', name: 'id' },
            { data: 'file_no', name: 'file_no' },
            { data: 'title', name: 'title' },
            { data: 'file_description', name: 'file_description' },
            { data: 'reference_number', name: 'reference_number' },
            { data: 'priority', name: 'priority' },
            { data: 'file_group', name: 'file_group' },
        
            { data: 'action', name: 'action' }
        ]
    });
});


$(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