KOKINIO - MANAGER

Edit File: ordencAll.blade.php

@extends('layout')

@section('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>Todas las Rutas en Orden<br><small>Recolectora Milenio</small>
            </h1>
        </div>
    </div>
    <div class="block">
    	<div class="block-title">
            <h2><strong>Check List</strong> </h2>
        </div>
        <div class="panel filterable block full table-responsive">
            <div class="pull-right">
                <button onclick="Orden.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="Cliente" disabled></th>
                        <th class="text-center"><input type="text" class="form-control text-center" placeholder="Conductor" disabled></th>
                        <th class="text-center"><input type="text" class="form-control text-center" placeholder="Dia" disabled></th>
                        <th class="text-center"><input type="text" class="form-control text-center" placeholder="Hora" disabled></th>
                        <th class="">Editar</th>
                        <th class="">Eliminar</th>
                    </tr>
                </thead>
                <tbody>
                 @if(isset($orden))
                 @foreach( $orden->getData()->data as $ordenes )
                     <tr >
                            <td class="text-center">{!! $ordenes->nombre_comercial !!}</td>
                            <td class="text-center">{!! $ordenes->username !!}</td>
                            <td class="text-center">{!! $ordenes->dia !!}</td>
                            <td class="text-center">{!! $ordenes->hora !!}</td>
                            <td>
                                <a data-id="{!! $ordenes->id !!}" onclick="Orden.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="{!! $ordenes->id !!}" onclick="Orden.delete(this)" data-toggle="tooltip" title="" class="btn btn-default" data-original-title="Eliminar"><i class="fa fa-trash-o"></i></a>
                            </td>
                     </tr>
                    @endforeach
                  @endif
                </tbody>
            </table>
        </div>
    </div>
</div>
<div id="modalOrdenC" class="modal fade" role="dialog">
  <div class="modal-dialog">

<div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Actualizar Orden</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="{{ csrf_token() }}" />
	        <div class="form-group">
	            <label class="col-md-3 control-label">Cliente <span class="text-danger">*</span></label>
                  <div class="col-md-6">
                    <select id="cliente-select" class="form-control" required>
                      <option value="0">Selecciona</option>
                      @if(isset($clientes))
                        @foreach($clientes as $key => $cliente)
                          <option value="{!! $cliente->id !!}">{!! $cliente->nombre_comercial !!}</option>
                        @endforeach
                      @endif
                    </select>
                </div>
	        </div>
          <div class="form-group">
	            <label class="col-md-3 control-label">Conductor <span class="text-danger">*</span></label>
                  <div class="col-md-6">
                    <select id="chofer-select" class="form-control" required>
                      <option value="0">Selecciona</option>
                      @if(isset($conductores))
                        @foreach($conductores as $key => $conductor)
                          <option value="{!! $conductor->id !!}">{!! $conductor->username !!}</option>
                        @endforeach
                      @endif
                    </select>
                </div>
	        </div>
          <div class="form-group">
	            <label class="col-md-3 control-label">Dia <span class="text-danger">*</span></label>
                  <div class="col-md-6">
                    <select id="day-select" class="form-control" required>
                      <option value="0">Selecciona</option>
                      <option value="lunes">Lunes</option>
                      <option value="martes">Martes</option>
                      <option value="miercoles">Miercoles</option>
                      <option value="jueves">Jueves</option>
                      <option value="viernes">Viernes</option>
                      <option value="sabado">Sabado</option>
                      <option value="domingo">Domingo</option>
                    </select>
                </div>
	        </div>
          <div class="form-group">
	            <label class="col-md-3 control-label">Hora <span class="text-danger">*</span></label>
                  <div class="col-md-6">
                    <input id="time-input" type="time" class="form-control" required />
                </div>
	        </div>
            <div class="form-group form-actions">
                <div class="col-md-9 col-md-offset-3">
                    <button data-id="" id="send-button" type="submit" class="btn btn-sm btn-success" onclick="Orden.getOrden(this);"><i class="fa fa-angle-right"></i> Guardar</button>
                </div>
            </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

</div>
</div>
<div id="viewlUser" class="modal fade" role="dialog">
  <div class="modal-dialog">

<div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Vista de Giro</h4>
      </div>
      <div class="modal-body">
        <div class="row">
                <div class="col-md-3 col-lg-3 " align="center"> <img alt="User Pic" src="../img/users.png" class="img-circle img-responsive"> </div>
                <div class=" col-md-9 col-lg-9 ">
                  <table class="table table-user-information">
                    <tbody>
                      <tr>
                        <td>Usuario</td>
                        <td id="user-td"></td>
                      </tr>
                      <tr>
                        <td>Nombre</td>
                        <td id="nombre-td"></td>
                      </tr>
                      <tr>
                        <td>Apellido Paterno</td>
                        <td  id="ape-pat-td"></td>
                      </tr>
                       <tr>
                        <td>Apellido Materno</td>
                        <td id="ape-mat-td"></td>
                      </tr>
                       <tr>
                        <td>Telefono</td>
                        <td  id="tel-td"></td>
                      </tr>
                        <tr>
                        <td >Tipo</td>
                        <td id="tipo-td"></td>
                      </tr>
                    </tbody>
                  </table>
                </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

</div>
</div>

{!! Html::script("/js/catalogo_js/orden.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>
@stop