<?php $__env->startSection('content'); ?>
<style type="text/css">
.filterable {
margin-top: 15px;
}
.filterable .panel-heading .pull-right {
margin-top: -20px;
}
.filterable .filters input[disabled] {
background-color: transparent;
border: none;
cursor: auto;
box-shadow: none;
padding: 0;
height: auto;
}
.filterable .filters input[disabled]::-webkit-input-placeholder {
color: #333;
}
.filterable .filters input[disabled]::-moz-placeholder {
color: #333;
}
.filterable .filters input[disabled]:-ms-input-placeholder {
color: #333;
}
</style>
<div id="page-content">
<div class="content-header">
<div class="header-section">
<h1>
<i class="fa fa-recycle"></i>Todos los Reciclables<br><small>Recolectora Metropolitana</small>
</h1>
</div>
</div>
<div class="block">
<div class="block-title">
<h2><strong>Reciclable</strong> </h2>
</div>
<div class="panel filterable block full table-responsive">
<div class="pull-right">
<button onclick="Giro.tableFilter(this)" id="filter" class="btn btn-default btn-xs btn-filter"><span class="glyphicon glyphicon-filter"></span> Filter</button>
</div>
<table class="table table-hover">
<thead>
<tr class="filters">
<th class="text-center"><input type="text" class="form-control text-center" placeholder="Reciclable" disabled></th>
<th class="text-center"><input type="text" class="form-control text-center" placeholder="Clasificación" disabled></th>
<th class="">Editar</th>
<th class="">Eliminar</th>
</tr>
</thead>
<tbody>
<?php foreach( $reciclable as $reciclables ): ?>
<tr >
<td class="text-center"><?php echo $reciclables->reciclable; ?></td>
<td class="text-center"><?php echo $reciclables->clasificacion; ?></td>
<td>
<a data-id="<?php echo $reciclables->id; ?>" onclick="Reciclable.edit(this)" data-toggle="tooltip" title="" class="btn btn-default" data-original-title="Editar"><i class="fa fa-pencil"></i></a>
</td>
<td>
<a data-id="<?php echo $reciclables->id; ?>" onclick="Reciclable.delete(this)" data-toggle="tooltip" title="" class="btn btn-default" data-original-title="Ver"><i class="fa fa-trash-o"></i></a>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
</div>
</div>
<div id="modalReciclable" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Vista de Reciclable</h4>
</div>
<div class="modal-body">
<form id="form-actor" method="post" enctype="multipart/form-data" class="form-horizontal form-bordered" onsubmit="return false;">
<input type="hidden" name="_token" id="csrf-token" value="<?php echo e(csrf_token()); ?>" />
<div class="form-group">
<label class="col-md-3 control-label">Reciclable <span class="text-danger">*</span></label>
<div class="col-md-3">
<input id="reciclable-input" class="form-control" type="text" placeholder="Vidrio" required="required" />
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label">Clasificación <span class="text-danger">*</span></label>
<div class="col-md-6">
<textarea id="clasificacion-input" required="required" class="form-control" placeholder="RES-017 Vidrio color y transparente"></textarea>
</div>
</div>
<div class="form-group form-actions">
<div class="col-md-9 col-md-offset-3">
<button id="send-button" type="submit" class="btn btn-sm btn-success" onclick="Reciclable.getReciclable(this);"><i class="fa fa-angle-right"></i> Guardar</button>
</div>
</div>
</form>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<?php echo Html::script("/js/catalogo_js/reciclable.js"); ?>
<script type="text/javascript">
$('.filterable .filters input').keyup(function(e){
/* Ignore tab key */
var code = e.keyCode || e.which;
if (code == '9') return;
/* Useful DOM data and selectors */
var $input = $(this),
inputContent = $input.val().toLowerCase(),
$panel = $input.parents('.filterable'),
column = $panel.find('.filters th').index($input.parents('th')),
$table = $panel.find('.table'),
$rows = $table.find('tbody tr');
/* Dirtiest filter function ever ;) */
var $filteredRows = $rows.filter(function(){
var value = $(this).find('td').eq(column).text().toLowerCase();
return value.indexOf(inputContent) === -1;
});
/* Clean previous no-result if exist */
$table.find('tbody .no-result').remove();
/* Show all rows, hide filtered ones (never do that outside of a demo ! xD) */
$rows.show();
$filteredRows.hide();
/* Prepend no-result row if all rows are filtered */
if ($filteredRows.length === $rows.length) {
$table.find('tbody').prepend($('<tr class="no-result text-center"><td colspan="'+ $table.find('.filters th').length +'">No result found</td></tr>'));
}
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>