@extends('layouts.master')

@section('css')
{!! Html::style('css/jquery_ui.css')!!}
{!! Html::style('css/datatable/dataTables.bootstrap.css')!!}
@stop

@section('content')
@if(Session::has('message_success'))
<div class="row">
	<div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
	<div class="alert alert-success success-msg centrado"><strong>{!! Session::get('message_success') !!}</strong></div>
	</div>
</div>
@endif
@if(Session::has('message_error'))
<div class="row">
	<div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
	<div class="alert alert-danger error-msg centrado"><strong>{!! Session::get('message_error') !!}</strong></div>
	</div>
</div>
@endif
@if(Session::has('message_success_parametros'))
<div class="row">
	<div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
	<div class="alert alert-success success-msg centrado"><strong>{!! Session::get('message_success_parametros') !!}</strong></div>
	</div>
</div>
@endif
@if(Session::has('message_error_parametros'))
<div class="row">
	<div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
	<div class="alert alert-danger error-msg centrado"><strong>{!! Session::get('message_error_parametros') !!}</strong></div>
	</div>
</div>
@endif
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
			<div class="row">
				<div class="form-group col-lg-6 col-md-6 col-sm-12 col-xs-12">
			        <label for="buscar">Buscar</label>
			        {!! Form::text('buscar',NULL, $attributes =  array('class' => 'form-control','id'=>'buscar','placeholder'=>'Insertar código o descripción del movimiento'))!!}
			    </div>
				<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-right">
					<button type="button" title="Agregar" data-toggle="modal" data-target="#Agregar" class="btn btn-primary btn-sm agregar"><i class="fa fa-plus"></i> Agregar Movimiento</button>
				</div>
			</div>
			<br>
			@if(count($movimientos)>0)
			<table id="tabla_movimientos" class="table table-hover">
				<thead>
					<tr class="info">
						<th class="text-center">ID</th>
						<th class="text-center">Descripci&oacute;n</th>
						<th class="text-center">Acciones</th>
					</tr>
				</thead>
				<tbody id="movimientos">
					@foreach($movimientos as $value)
					<tr>
						<td class="text-center">{!! $value->id!!} </td>
						<td>{!! $value->descripcion!!} </td>
						<td class="text-center">
							<button type="button" title="Eliminar" data-toggle="modal" data-target="#Eliminar" value="{!!$value->id!!}" class="btn btn-danger btn-xs eliminar"><i class="fa fa-trash-o "></i></button>
						</td>
					</tr>
					@endforeach
				</tbody>
			</table>
			<div class="modal fade bs-example-modal-sm ventanamodal" id="Eliminar" 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">&times;</button>
							<h4 class="modal-title" id="myModalLabel">Eliminar Movimiento</h4>
						</div>
						<div class="modal-body">
							<form class="form-horizontal" role="form" method="post" action="{!!URL::to('datos/eliminarmovimiento')!!}">{!! csrf_field() !!}
								<div class="form-group">
									<div class="col-xs-12 col-md-12 col-lg-12 text-center"  class="input-group" style="margin-bottom: 25px">
										<label for="LabelCodigo">¿Confirma que desea eliminar el movimiento?</label>
										{!! Form::hidden('data_post' ,NULL ,array('id'=>'data_post'))!!}
									</div>
								</div>
								<div class="modal-footer">
									<input type="submit" class="btn btn-success" value="Si" name="si">
									<button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
			@else
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
					<div class="alert alert-warning warning-msg centrado">No hay movimientos cargados</div>
					</div>
				</div>
			@endif
			<div class="modal fade bs-example-modal-sm ventanamodal" id="Agregar" 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">&times;</button>
		                    <h4 class="modal-title" id="myModalLabel">Agregar Movimiento</h4>
		                </div>
		                <form role="form" method="post" action="{!!URL::to('datos/agregarmovimiento')!!}">{!! csrf_field() !!}
			                <div class="modal-body">
			                	<div class="container-fluid">
									<div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 @if($errors->has('descripci&oacute;n')){!!'has-error'!!} @endif">
										<label for="descripcion">Descripci&oacute;n</label>
										{!! Form::text('descripcion', NULL , $attributes = array('class' => 'form-control', 'id'=>'descripcion','required' => 'required'))!!}
										<div class="text-danger">
											@if($errors->has('descripci&oacute;n'))   {!! $errors->first('descripci&oacute;n') !!}    @else {!! "&nbsp;" !!} @endif
										</div>
									</div>
				                </div>
			                </div>
			                <div class="modal-footer">
	                            <input type="submit" class="btn btn-success" value="Agregar" name="ok">
	                        </div>
                    	</form>
		            </div>
		        </div>
		    </div>
</div>

@stop

@section('postscript')
<!-- Incluyo Javascript de la libreria Datatable -->
{!! Html::script('js/jquery_ui.js') !!}

<script type="text/javascript" language="javascript">
$(document).ready(function(){

	$("#buscar").on("keyup", function() {
	  var value = $(this).val().toLowerCase();
	  $("#movimientos tr").filter(function() {
	    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
	  });
	});

	$('.eliminar').click(function(){
		var parametro = $(this).val();
		$('#data_post').val(parametro);
	});

});
</script>
@stop