@extends('themes.admin.'.setting('active_admin_theme').'.layouts.default')
@section('content')
	@push('custom-css')
	@endpush
	<!-- begin panel -->
	<div class="panel panel-default panel-with-tabs" data-sortable-id="ui-unlimited-tabs-2">
		<!-- begin panel-heading -->
		<div class="panel-heading">
			<!-- end nav-tabs -->
			<div class="panel-heading-btn mr-2 ml-2 d-flex">
				<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-expand"><i class="fa fa-expand"></i></a>
			</div>
			<h4 class="panel-title">
				{{$title}}
			</h4>
		</div>
		<!-- end panel-heading -->
		@if(count($log_s)> 0)
			<!-- begin tab-content -->
			<div class="panel-body tab-content" style="background:#d3d3d330">
				<div class="panel-heading p-0">
					<!-- begin nav-tabs -->
					<div class="tab-overflow">
						<ul class="nav nav-tabs">
							<li class="nav-item prev-button"><a href="javascript:;" data-click="prev-tab" class="text-inverse nav-link"><i class="fa fa-arrow-left"></i></a></li>
							@php $i = 0; @endphp
							@foreach($log_s as $key => $log)
								@if($i == 0)
									<li class="nav-item"><a href="#nav-tab2-{{$log['name']}}" data-file="{{$log['name']}}" data-toggle="tab" class="nav-link active load_ajax">{{$log['name']}}</a></li>
								@else
									<li class="nav-item"><a href="#nav-tab2-{{$log['name']}}" data-file="{{$log['name']}}" data-toggle="tab" class="nav-link load_ajax">{{$log['name']}}</a></li>
								@endif
								@php $i++; @endphp
							@endforeach
							<li class="nav-item next-button"><a href="javascript:;" data-click="next-tab" class="text-inverse nav-link"><i class="fa fa-arrow-right"></i></a></li>
						</ul>
					</div>
				</div>
				@php $i = 0; @endphp
				@foreach($log_s as $key => $log)
					<!-- begin tab-pane -->
					@if($i == 0)
						<div class="tab-pane fade active show" id="nav-tab2-{{$log['name']}}">
					@else
						<div class="tab-pane fade" id="nav-tab2-{{$log['name']}}">
					@endif
						<!-- <p></p> -->
						<textarea wrap="off" rows="25" readonly class="form-control" style="padding:10px;background:#000;color:#fff"></textarea><br/>
					</div>
					<!-- end tab-pane -->
					@php $i++; @endphp
				@endforeach
			</div>
			<div style="padding:10px;">
				<a href="#" class="download-logs btn btn-sm btn-info"><i class="fa fa-download"></i> Download Log File</a>
				<a href="#" class="clear-logs btn btn-sm btn-danger"><i class="fa fa-times"></i> Clear Log</a>
				<a href="#" class="delete-logs btn btn-sm btn-danger"><i class="fa fa-trash-alt"></i> Delete Log File</a>
				<a href="#" class="delete-all-logs btn btn-sm btn-danger"><i class="fa fa-trash-alt"></i> Delete Log All Files</a>
			</div>
			<!-- end tab-content -->
		@else
			<div class="row">
				<div class="col-md-12 p-20">
					<div class="alert alert-info zm10">
						<p><i class="fa fa-info-circle"></i> No Error log files created yet.</p>
					</div>
				</div>
			</div>
		@endif
	</div>
	<!-- end panel -->
	<script>
		$('.load_ajax').on('click',function(e){
			var file = $(this).attr('data-file');
			load_content(file)
		})

		$('.clear-logs').on('click',function(e){
			e.preventDefault();
			var file = $('.load_ajax.active').attr('data-file');
			$.post(site_root + 'admin/ajax/clear_log',{clear_log:1, file:file},function(data){
				$('#nav-tab2-' + file).find('textarea').empty();
			});
		});

		$('.delete-logs').on('click',function(e){
			e.preventDefault();
			var _this = this;
			var file = $('.load_ajax.active').attr('data-file');
			$.post(site_root + 'admin/ajax/delete_log_file',{data_log:1, file:file},function(data){
				window.location.href = '';
			});
		});

		$('.delete-all-logs').on('click',function(e){
			e.preventDefault();
			var _this = this;
			var file = $('.load_ajax.active').attr('data-file');
			$.post(site_root + 'admin/ajax/data_all_log',{data_all_log:1},function(data){
				window.location.href = '';
			});
		});

		$('.download-logs').on('click',function(e){
			e.preventDefault();
			var file = $('.load_ajax.active').attr('data-file');
			window.location.href = site_root + 'admin/utility/download_log_file/' + file;
		});

		var file = $('.load_ajax.active').attr('data-file');
		load_content(file);

		function load_content(file) {
			$.ajax({
				type: "POST",
				url: site_root + 'admin/ajax/get_log_content',
				data :{
					file: file,
				},
				success : function(data) {
					$('#nav-tab2-' + file + ' textarea').html(data);
				}
			});
		}

	</script>
	<!-- end panel -->
	@push('custom-js')
	@endpush
@endsection