@extends('admin.tpl.admintpl')

@section('content')
<div class="container effect mainnav-full">
	<div class="row" style="padding-bottom:20px;"></div>
		
		
                    <div class="row">
						<div class="eq-height">
                            <div class="col-md-9" id="bloccontainer">
								<section class="panel">
                                @if($file == "")
									<div class="panel-heading">
                                        <h3 class="panel-title">Documents Map</h3>
                                    </div>
									<div class="panel-body">
										<iframe style = "text-align:center;" src="{{ asset('ViewerJS/?title=IMV Documents Cartography#../files/IMV Documents Cartography.pdf') }}" width = "820" height = "605" allowfullscreen webkitallowfullscreen> </iframe>
									</div>
								@else
									<div class="panel-heading">
                                        <h3 class="panel-title">{{ $file->document_name }}</h3>
                                    </div>
									<div class="panel-body">
										<iframe style = "text-align:center;" src="{{ asset('ViewerJS/?title='.$file->document_name.'#../files/'.$file->link) }}" width = "820" height = "605" allowfullscreen webkitallowfullscreen> </iframe>
									</div>
								@endif	
                                </section>
                            </div>
							
							
							<div class="col-md-9" id="blocexplorer" style="display:none;">
								<section class="panel">
										<div class="panel-heading">
											<h3 class="panel-title">File Explorer </h3>
											<span class="pull-left pad-20">
												<button class="btn btn-default" type="button" id="btprevious" name="btprevious" value="" data-route-folder="{{ route('openfolder') }}" data-route-file="{{ url('admin/documents/open-file') }}" data-next="" data-folder-link-btprevious="" data-read-btprevious="" urlimg="{{ asset('assets/img') }}" outcolor="this.style.color='#1E90FF'" overcolor="this.style.color='#DC143C'" style="display:none;"><i class="fa fa-arrow-left"></i> Back </button>
												<button class="btn btn-default" type="button" id="btnext" name="btnext" value="" data-route-folder="{{ route('openfolder') }}" data-route-file="{{ url('admin/documents/open-file') }}" data-previous="" data-folder-link-btnext="" data-read-btnext="" urlimg="{{ asset('assets/img') }}" outcolor="this.style.color='#1E90FF'" overcolor="this.style.color='#DC143C'" style="display:none;"><i class="fa fa-arrow-right"></i> Next </button>
											</span>
										</div>
											
										<div class="panel-body" id="blocbodyexplorer">
											@if($datafolders)
											<div class="row" style="padding-top:10px;">
												<div class="panel-heading" style="padding-bottom:20px;">
													<h3 class="panel-title">Folders Group</h3>
												</div>
												
													@foreach($datafolders as $key => $value)
														@foreach($value as $folder)
															<div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
																<div class="panel">
																	<a style="color:#1E90FF;" onMouseOver="this.style.color='#DC143C'" onMouseOut="this.style.color='#1E90FF'">
																		<div class="panel-body page-icons cfolder" data-route-folder="{{ route('openfolder') }}" data-route-file="{{ url('admin/documents/open-file') }}" data-idfolder="{{ $folder['id'] }}" data-parent-folder="{{ $folder['parent_folder'] }}" data-folder-name="{{ $folder['folder_name'] }}" data-folder-link="{{ $folder['link'] }}" data-read="{{ $folder['read_folder'] }}" urlimg="{{ asset('assets/img') }}" outcolor="this.style.color='#1E90FF'" overcolor="this.style.color='#DC143C'">
																			<img src="{{ asset('assets/img/folder.png') }}" style="padding-left:5px;" />
																			<span class="glyphicon-class">{{ $folder['code']." ".$folder['folder_name'] }}</span>
																		</div>
																	</a>
																</div>
															</div>
														@endforeach
													@endforeach
											</div>	
											@endif
												
												
												
											@if($datafiles)
											<div class="row" style="padding-top:20px;">
													<div class="panel-heading" style="padding-bottom:20px;">
														<h3 class="panel-title">Files Group</h3>
													</div>
													
													@foreach($datafiles as $keys => $values)
														@foreach($values as $file)
															<div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
																<div class="panel">
																	<a style="color:#1E90FF;" onMouseOver="this.style.color='#DC143C'" onMouseOut="this.style.color='#1E90FF'">
																		<div class="panel-body page-icons cfile" data-route-file="{{ url('admin/documents/open-file/'.$file['slug']) }}" data-idfile="{{ $file['id'] }}" data-slug="{{ $file['slug'] }}" data-read="{{ $file['read_file'] }}" urlimg="{{ asset('assets/img') }}" outcolor="this.style.color='#1E90FF'" overcolor="this.style.color='#DC143C'">
																			<img src="{{ asset('assets/img/'.$file['img']) }}" style="padding-left:5px;"/>
																			<span class="glyphicon-class">{{ $file['code']." ".$file['document_name'] }}</span>
																		</div>
																	</a>
																</div>
															</div>
														@endforeach
													@endforeach
											</div>
											@endif
										</div>
								</section>
							</div>
							
							
							<div class="col-lg-3" id="bloctreefolder">
                                <section class="panel">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">Folders </h3>
                                    </div>
                                    <div class="panel-body">
										<div class="dd" id="nestable_list_1">
											<ol class="dd-list">
												@if($rtdtFolders)
													@for($i=0; $i<count($rtdtFolders); $i++)
														<li class="dd-item" data-id="{{$i+100}}">
															<div class="dd-handle ccfolder" data-route-folder="{{ route('openfolder') }}" data-route-file="{{ url('admin/documents/open-file') }}" data-idfolder="{{ $rtdtFolders[$i]['id'] }}" data-parent-folder="{{ $rtdtFolders[$i]['parent_folder'] }}" data-folder-name="{{ $rtdtFolders[$i]['folder_name'] }}" data-folder-link="{{ $rtdtFolders[$i]['link'] }}" data-read="{{ $rtdtFolders[$i]['read_folder'] }}" urlimg="{{ asset('assets/img') }}" outcolor="this.style.color='#1E90FF'" overcolor="this.style.color='#DC143C'">
															<a href="javascript:void();" style="color:#1E90FF;" onMouseOver="this.style.color='#DC143C'" onMouseOut="this.style.color='#1E90FF'">
																<i class="fa fa-folder-open-o fa-fw"></i> {{$rtdtFolders[$i]['code']." ".$rtdtFolders[$i]['folder_name']}}
															</a>
															</div>
															@if($rtrdtFolders[$i])
																<ol class="dd-list">
																@for($j=0; $j<count($rtrdtFolders[$i]); $j++)
																	<li class="dd-item" data-id="{{$j+1}}">
																		<div class="dd-handle ccfolder" data-route-folder="{{ route('openfolder') }}" data-route-file="{{ url('admin/documents/open-file') }}" data-idfolder="{{ $rtrdtFolders[$i][$j]['id'] }}" data-parent-folder="{{ $rtrdtFolders[$i][$j]['parent_folder'] }}" data-folder-name="{{ $rtrdtFolders[$i][$j]['folder_name'] }}" data-folder-link="{{ $rtrdtFolders[$i][$j]['link'] }}" data-read="{{ $rtrdtFolders[$i][$j]['read_folder'] }}" urlimg="{{ asset('assets/img') }}" outcolor="this.style.color='#1E90FF'" overcolor="this.style.color='#DC143C'">
																		<a href="javascript:void();" style="color:#1E90FF;" onMouseOver="this.style.color='#DC143C'" onMouseOut="this.style.color='#1E90FF'">
																			<i class="fa fa-folder-open-o fa-fw"></i> {{$rtrdtFolders[$i][$j]['folder_name']}}
																		</a>
																		</div>
																		@if($rtrsdtFolders[$i][$j])
																			<ol class="dd-list">
																			@for($k=0; $k<count($rtrsdtFolders[$i][$j]); $k++)
																				<li class="dd-item" data-id="{{$k+1}}">
																					<div class="dd-handle ccfolder" data-route-folder="{{ route('openfolder') }}" data-route-file="{{ url('admin/documents/open-file') }}" data-idfolder="{{ $rtrsdtFolders[$i][$j][$k]['id'] }}" data-parent-folder="{{ $rtrsdtFolders[$i][$j][$k]['parent_folder'] }}" data-folder-name="{{ $rtrsdtFolders[$i][$j][$k]['folder_name'] }}" data-folder-link="{{ $rtrsdtFolders[$i][$j][$k]['link'] }}" data-read="{{ $rtrsdtFolders[$i][$j][$k]['read_folder'] }}" urlimg="{{ asset('assets/img') }}" outcolor="this.style.color='#1E90FF'" overcolor="this.style.color='#DC143C'">
																					<a href="javascript:void();" style="color:#1E90FF;" onMouseOver="this.style.color='#DC143C'" onMouseOut="this.style.color='#1E90FF'">
																						<i class="fa fa-folder-open-o fa-fw"></i> {{$rtrsdtFolders[$i][$j][$k]['folder_name']}}
																					</a>
																					</div>
																				</li>
																			@endfor
																			</ol>
																		@endif
																	</li>
																@endfor
																</ol>
															@endif
														</li>
													@endfor
												@endif
											</ol>
										</div>
									</div>
									<div class="panel-footer">
										<a href="{{ route('openfileexploreradmin') }}" style="color:#1E90FF;" onMouseOver="this.style.color='#DC143C'" onMouseOut="this.style.color='#1E90FF'"><i class="fa fa-folder fa-fw"></i> Open File Explorer</a>
									</div>
                                </section>
                            </div>
                        </div>
					</div>
              
	<div class="row">
		<div class="col-sm-12">
			<div class="panel">
				
					{{ csrf_field() }}
					<!-- Inline Form  -->
					<!--===================================================-->
					
			</div>
		</div>
	</div>
</div>

@stop

	

@section('addlibjs')
<!--Demo script [ DEMONSTRATION ]-->
 <script src="{{ asset('assets/js/demo/form-layout.js') }}"></script>
 <!--DataTables [ OPTIONAL ]-->
 <!--Bootstrap Table [ OPTIONAL ]-->
<link href="{{ asset('assets/plugins/datatables/media/css/dataTables.bootstrap.css') }}" rel="stylesheet">
<link href="{{ asset('assets/plugins/datatables/extensions/Responsive/css/dataTables.responsive.css') }}" rel="stylesheet">
<script src="{{ asset('assets/plugins/datatables/media/js/jquery.dataTables.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/media/js/dataTables.bootstrap.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/extensions/Responsive/js/dataTables.responsive.min.js') }}"></script>
<!--Bootstrap Datepicker [ OPTIONAL ]-->
<link href="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.css') }}" rel="stylesheet">
<script src="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.js') }}"></script>
<!--DataTables Sample [ SAMPLE ]-->
<script src="{{ asset('assets/js/demo/tables-datatables.js') }}"></script>
<script src="{{ asset('assets/plugins/pace/pace.min.css') }}"></script>
<script src="{{ asset('assets/plugins/pace/pace.min.js' )}}"></script>
<script src="{{ asset('plugins/modal/modal.css' )}}"></script>
<script src="{{ asset('plugins/modal/modal.js' )}}"></script>
<!--Demo script [ DEMONSTRATION ]-->
<!--Bootstrap Validator [ OPTIONAL ]-->
<script src="{{ asset('assets/plugins/bootstrap-validator/bootstrapValidator.min.js' )}}"></script>
<!--Form validation [ SAMPLE ]-->
<script src="{{ asset('assets/js/demo/form-validation.js' )}}"></script>

<!--Actions extended tasks -->
<!--Script Documents -->
<script src="{{ asset('js/admin/documents/script-documents.js') }}"></script>
<script src="{{ asset('js/admin/documents/switch-bloc.js') }}"></script>
<script src="{{ asset('js/admin/documents/open-folder-index.js') }}"></script>
<script src="{{ asset('js/admin/documents/open-cfolder-index.js') }}"></script>
<script src="{{ asset('js/admin/documents/open-file.js') }}"></script>
<script src="{{ asset('js/admin/documents/btn-previous-index.js') }}"></script>
<script src="{{ asset('js/admin/documents/btn-next-index.js') }}"></script>

@stop