@extends("LaravelVueAdmin.layouts.app")

@section("contentheader_title", "Dokumen")
@section("section", "Dokumen")
@section("sub_section", "List")
@section("htmlheader_title", "List Download Dokumen")
@section("headerElems")
@unless(Auth::user()->hasRole('STAFF')||Auth::user()->hasRole('STAFF_SENIOR'))
@lv_access("Downloads", "create")
<ul class="fab-menu fab-menu-absolute fab-menu-top-right affix-top" data-fab-toggle="click" id="fab-menu-affixed-right">
	<li>
		<a class="fab-menu-btn btn bg-primary-300 btn-float btn-rounded btn-icon legitRipple">
			<i class="fab-icon-open icon-grid3"></i>
			<i class="fab-icon-close icon-cross2"></i>
		</a>

		<ul class="fab-menu-inner">
			<li>
				<div data-fab-label="Tambah Folder">
					<button class="btn btn-default btn-rounded btn-icon btn-float legitRipple" data-toggle="modal" data-target="#AddModal">
						<i class="icon-compose"></i>
					</button>
				</div>
			</li>
			<li>
				<div data-fab-label="Tambah File">
					<button class="btn btn-default btn-rounded btn-icon btn-float legitRipple" data-toggle="modal" data-target="#AddFile">
						<i class="icon-file-plus"></i>
					</button>
				</div>
			</li>
		</ul>
	</li>
</ul>
@endlv_access
@endunless
@endsection



@section("main-content")
@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

@if(session('error'))
<div class="alert alert-danger">
		<ul>
				<li>{{session('error')}}</li>
		</ul>
</div>
@endif
<div class="panel panel-flat">
		<div class="breadcrumb-line breadcrumb-line-component"><a class="breadcrumb-elements-toggle"><i class="icon-menu-open"></i></a>
						<ul class="breadcrumb">
													</ul>
		</div>
</div>

<!-- Ajax sourced data -->
<div class="panel panel-flat">
		<div class="panel-heading">

		</div>

		@hasSection('description')
		<div class="panel-body">
			@yield('description')
		</div>
		@endif

		<table id="example1" class="table table-xxs datatable-responsive-control-right">
			<thead>
				<tr>
				<th>ID</th>
				<th>Folder</th>
				<th>Akses</th>
				<th>Dibuat Oleh</th>
				<th>Update Terakhir</th>
					@if($show_actions)
						<th class="text-center" style="width:50px;">Aksi</th>
					@endif
				</tr>
			</thead>
		</table>

		<table id="example2" class="table table-xxs datatable-responsive-control-right">
			<thead>
				<tr>
				<th>ID</th>
				<th>Nama File</th>
				<th>Di-upload oleh</th>
				<th>Update Terakhir</th>
					@if($show_actions)
					<th class="text-center" style="width:50px;">Aksi</th>
					@endif
				</tr>
			</thead>
		</table>
	</div>



		<!-- /ajax sourced data -->

@lv_access("Downloads", "create")
<div class="modal fade" id="AddModal" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel">Add Folder</h4>
			</div>
			{!! Form::open(['action' => 'LaravelVueAdmin\DownloadsController@store', 'id' => 'download-add-form']) !!}
			<input type="hidden" name="parent" value="{{$id}}">
			<div class="modal-body">
				<div class="box-body">
          <!-- @lv_form($module) -->

					@lv_input($module, 'title')
					<div class="form-group" style="border-bottom:1px solid #ddd;">
						<label>Akses</label>
						<select multiple="multiple" name="access[]" class="js-example-basic-multiple-limit select-border-color border-warning">
														</select>
					</div>
					<!-- @lv_input($module, 'level') -->
					<!-- @lv_input($module, 'status') -->
					@lv_input($module, 'created_by')

				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				{!! Form::submit( 'Submit', ['class'=>'btn btn-success']) !!}
			</div>
			{!! Form::close() !!}
		</div>
	</div>
</div>

<div class="modal fade" id="AddFile" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel">Upload File</h4>
			</div>
			<form action="{{url('admin/upload_file')}}" method="POST" enctype="multipart/form-data">
				<input type="hidden" name="parent" value="{{$id}}">
			<input type="hidden" name="_token" value="{{csrf_token()}}">
			<div class="modal-body">
				<div class="box-body">
					<div class="form-group">
						<input type="file" name="file"  class="file-input" data-show-caption="false" data-show-upload="false" data-browse-class="btn btn-primary btn-xs" data-remove-class="btn btn-default btn-xs">
						<span class="help-block"></span>
						<span class="text-muted" style="color:red;">Tipe file : doc, docx, xls, xlsx, pdf, gif, bmp, jpeg, jpg, png</span>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				{!! Form::submit( 'Submit', ['class'=>'btn btn-success']) !!}
			</div>
			{!! Form::close() !!}
		</div>
	</div>
</div>
@endlv_access
@endsection

@unless(Auth::user()->hasRole('STAFF')||Auth::user()->hasRole('STAFF_SENIOR'))
	@lv_access("Downloads", "create")
		@push('scripts')
			<script type="text/javascript" src="{{ asset('/LaravelVueAdmin/assets/js/pages/extra_fab.js') }}"></script>
		@endpush
	@endlv_access
@endunless
@push('scripts')
<script type="text/javascript" src="{{ asset('/Larave	lVueAdmin/assets/js/plugins/uploaders/fileinput/plugins/purify.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('/Larave	lVueAdmin/assets/js/plugins/uploaders/fileinput/plugins/sortable.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('/Larave	lVueAdmin/assets/js/plugins/uploaders/fileinput/fileinput.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('/Larave	lVueAdmin/assets/js/pages/uploader_bootstrap.js')}}"></script>
<script type="text/javascript" src="{{ asset('/LaravelVueAdmin/assets/js/plugins/notifications/sweet_alert.min.js') }}"></script>
<script src="{{ asset('LaravelVueAdmin/assets/js/plugins/tables/datatables/datatables.min.js') }}"></script>
<script src="{{ asset('LaravelVueAdmin/assets/js/plugins/tables/datatables/extensions/responsive.min.js') }}"></script>

<script>
$(function(){
	$('.modal').on('shown.bs.modal', function() {
		$(this).find('[autofocus]').focus();
	});
	$("input[name='title']").attr('autofocus','autofocus');
});

	$(function () {
		if (! $.fn.dataTable.isDataTable('#example1'))
	  {
			var doms="";
			var $rows = "";
			$.ajax({
					url:"{{ url(config('LaravelVueAdmin.adminRoute') . '/dokumen_detail/'.$id) }}",
					type:"GET",
					success:function(res){
						rows = res.recordsTotal;
					}
			});

			if($rows > 50){
				doms =  '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>';
			} else {
				doms =  '<"datatable-header"f><"datatable-scroll"t><"datatable-footer">';
			}

		var tabel = $("#example1").DataTable({
			processing: true,
	    serverSide: true,
			autoWidth: false,
			responsive: true,
	        ajax: "{{ url(config('LaravelVueAdmin.adminRoute') . '/dokumen_detail/'.$id) }}",
			dom: doms,
			lengthMenu: [[50, 100, 150, -1], [50, 100, 150, "Semua"]],
			language: {
				"url": "{{ asset('LaravelVueAdmin/assets/plugins/datatables/Indonesian.json') }}"
			},
			"fnDrawCallback": function (oSettings) {
				 $('#example1 tbody tr').each(function () {
					 $('[data-popup="tooltip"]').tooltip();
					 $('[data-popup="popover"]').popover();
				 });
			},
			drawCallback: function () {
					$(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').addClass('dropup');
					 $('[data-popup="tooltip"]').tooltip();
						$('[data-popup="popover"]').popover();
			},
			preDrawCallback: function() {
					$(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').removeClass('dropup');
					$('[data-popup="tooltip"]').tooltip();
					$('[data-popup="popover"]').popover();
			},
			//Tambahan Roni JR 020218
			createdRow: function( row, data, dataIndex ) {
					$(row).addClass( 'row-'+data[0] );
			},

				columnDefs: [
						{
								"targets": [ 0 ],
								"visible": false,
								"searchable": false
						},
            {
                 "targets": [1],
                 render: function ( data, type, full, meta ) {
                        return data;
                 }
            },
            {
                 "targets": [2],
                 render: function ( data, type, full, meta ) {
                   return data;
                 }
            },
            {
                 "targets": [3],
                 render: function ( data, type, full, meta ) {
                   return data;
                 }
            },
            {
                 "targets": [4],
                 render: function ( data, type, full, meta ) {
                   return data;
                 }
            },

    ]

		});


	}
	$.fn.dataTable.ext.errMode = 'none';


	$(document).on("click", ".hapus", function () {
		id = $(this).data('id');
		swal({
			title: "Apakah anda yakin?",
			text: "Data yang dihapus tidak dapat dikembalikan",
			type: "warning",
			showCancelButton: true,
			confirmButtonColor: "#EF5350",
			confirmButtonText: "Hapus",
			cancelButtonText: "Batal",
			closeOnConfirm: false,
			closeOnCancel: false
		},
		function (isConfirm) {
			if (isConfirm) {
				$.ajax({
					url: $("#formHapus-" + id).attr('action'),
					data: $("#formHapus-" + id).serialize(),
					type: 'POST',
					dataType: 'json',
					beforeSend: function () {
						swal('Loading', 'Sedang menghapus data . . .', 'info');
					},
					success: function (res) {
						if (res.result == 'success') {
							swal({
								title: "Sukses!",
								text: res.msg,
								type: 'success',
								confirmButtonColor: '#27ae60',
								allowOutsideClick: false,
							},
							function (result) {
								tabel.ajax.reload(null, false);
							});
						} else {
							swal('Error!', res.msg, 'error');
						}
					},
					error: function (errors) {
						swal("Oops", errors.statusText, "error");
					}
				});
			}
			else {
				swal({
					title: "Batal",
					text: "Proses dibatalkan",
					confirmButtonColor: "#2196F3",
					type: "error"
				});
			}
		});
	});

	$(".js-example-basic-multiple-limit").select2();
});
</script>


<script>
	$(function () {
		if (! $.fn.dataTable.isDataTable('#example2'))
	  {
			var doms="";
			var $rows = "";
			$.ajax({
					url:"{{url(config('LaravelVueAdmin.adminRoute') . '/file_detail/'.$id) }}",
					type:"GET",
					success:function(res){
						rows = res.recordsTotal;
					}
			});

			if($rows > 50){
				doms =  '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>';
			} else {
				doms =  '<"datatable-header"f><"datatable-scroll"t><"datatable-footer">';
			}

		var tabel_file = $("#example2").DataTable({
			processing: true,
	    serverSide: true,
			autoWidth: false,
			responsive: true,
	        ajax: "{{ url(config('LaravelVueAdmin.adminRoute') . '/file_detail/'.$id) }}",
			dom: doms,
			lengthMenu: [[50, 100, 150, -1], [50, 100, 150, "Semua"]],
			language: {
				"url": "{{ asset('LaravelVueAdmin/assets/plugins/datatables/Indonesian.json') }}"
			},
			//Tambahan Roni JR 020218
			createdRow: function( row, data, dataIndex ) {
					$(row).addClass( 'row-'+data[0] );
			},

				columnDefs: [
						{
								"targets": [ 0 ],
								"visible": false,
								"searchable": false
						},
            {
                 "targets": [1],
                 render: function ( data, type, full, meta ) {
                        return data;
                 }
            },
            {
                 "targets": [2],
                 render: function ( data, type, full, meta ) {
                   return data;
                 }
            },
            {
                 "targets": [3],
                 render: function ( data, type, full, meta ) {
                   return data;
                 }
            },
						{
								 "targets": [4],
								 render: function ( data, type, full, meta ) {
									 return data;
								 }
						},


    ]

		});


	}
	$.fn.dataTable.ext.errMode = 'none';


	$(document).on("click", ".hapus-file", function () {
		id = $(this).data('id');
		swal({
			title: "Apakah anda yakin?",
			text: "Data yang dihapus tidak dapat dikembalikan",
			type: "warning",
			showCancelButton: true,
			confirmButtonColor: "#EF5350",
			confirmButtonText: "Hapus",
			cancelButtonText: "Batal",
			closeOnConfirm: false,
			closeOnCancel: false
		},
		function (isConfirm) {
			if (isConfirm) {
				$.ajax({
					url: $("#formHapusFile-"+id).attr('action'),
					data: $("#formHapusFile-"+id).serialize(),
					type: 'POST',
					dataType: 'json',
					beforeSend: function () {
						swal('Loading', 'Sedang menghapus data . . .', 'info');
					},
					success: function (res) {
						if (res.result == 'success') {
							swal({
								title: "Sukses!",
								text: res.msg,
								type: 'success',
								confirmButtonColor: '#27ae60',
								allowOutsideClick: false,
							},
							function (result) {
								tabel_file.ajax.reload(null, false);
							});
						} else {
							swal('Error!', res.msg, 'error');
						}
					},
					error: function (errors) {
						swal("Oops", errors.statusText, "error");
					}
				});
			}
			else {
				swal({
					title: "Batal",
					text: "Proses dibatalkan",
					confirmButtonColor: "#2196F3",
					type: "error"
				});
			}
		});
	});

});
</script>
@endpush