KOKINIO - MANAGER

Edit File: clienteAll.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>Todos los Clientes<br><small>Recolectora Metropolitana</small>
            </h1>
        </div>
    </div>
    <div class="block">
    	<div class="block-title">
            <h2><strong>Clientes</strong> </h2>
        </div>
        <div class="panel filterable block full table-responsive">
            <div class="pull-right">
                <button onclick="Cliente.tableFilter(this)" id="filter" class="btn btn-default btn-xs btn-filter"><span class="glyphicon glyphicon-filter"></span> Filter</button>
            </div>

<table id="clientes" class="table table-hover">
                <thead>
                    <tr class="filters">
                        <th class="text-center"><input type="text" class="form-control text-center" placeholder="Nombre Comercial" disabled></th>
                        <th class="text-center"><input type="text" class="form-control text-center" placeholder="SEMADES" disabled></th>
                        <th class="text-center"><input type="text" class="form-control text-center" placeholder="Giro" disabled></th>
                        <th class="text-center"><input type="text" class="form-control text-center" placeholder="Unidad" disabled></th>
                        <th class="text-center"><input type="text" class="form-control text-center" placeholder="Ubicación" disabled></th>
                        <th class="text-center">Editar</th>
                        <th class="text-center">Ver</th>
                    </tr>
                </thead>
                <tbody>
                @if(isset($cliente))
                     @foreach( $cliente as $clientes )
                         <tr onclick="" >
                                <td class="text-center">{!! $clientes->nombre_comercial !!}</td>
                                <td class="text-center">{!! $clientes->semades !!}</td>
                                <td class="text-center">{!! $clientes->giro !!}</td>
                                <td class="text-center">{!! $clientes->unidad !!}</td>
                                <td class="text-center"><a target="blank" href="{{ 'https://www.google.com.mx/maps/@'.$clientes->latitude.','.$clientes->longitude.',19z' }}">Ver</a></td>
                                <td>
                                    <a onclick="Cliente.edit(this)" data-id="{!! $clientes->id !!}" data-toggle="tooltip" title="" class="btn btn-default" data-original-title="Editar"><i class="fa fa-pencil"></i></a>
                                </td>
                                 <td>
                                    <a onclick="Cliente.view(this)" data-id="{!! $clientes->id !!}" data-toggle="tooltip" title="" class="btn btn-default" data-original-title="Ver"><i class="fa fa-eye"></i></a>
                                </td>
                         </tr>
                        @endforeach
                    @endif
                </tbody>
            </table>
        </div>
    </div>
</div>
<div id="modalCliente" 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">Editar Cliente</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-4 control-label">Cliente <span class="text-danger">*</span></label>
                  <div class="col-md-6">
                    <input id="cliente-input" class="form-control" type="text" placeholder="PATOLOGIA ESPECIALIZADA, S.C." required="required" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 control-label">Activo </label>
                <div class="col-md-6">
                    <input id="status-check" class="form-control" type="checkbox"/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Nombre Comercial <span class="text-danger">*</span></label>
                <div class="col-md-6">
                    <input id="nombre-comercial-input" class="form-control" type="text" placeholder="TARASCOS PAT." required="required"/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Fecha Alta <span class="text-danger">*</span></label>
                  <div class="col-md-6">
                    <input type="text" id="fecha-alta-datepicker" name="example-datepicker" class="form-control input-datepicker" data-date-format="yyyy-mm-dd" placeholder="yyyy-mm-dd" >
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Latitude Cliente <span class="text-danger">*</span></label>
                  <div class="col-md-6">
                    <input id="latitude-input" class="form-control" type="number" placeholder="20.681369" required="required" step="0.000000000001" />
                </div>
            </div>
              <div class="form-group">
                <label class="col-md-4 control-label">Longitude Cliente <span class="text-danger">*</span></label>
                  <div class="col-md-6">
                    <input id="longitude-input" class="form-control" type="number" placeholder="-103.398004" required="required" step="0.000000000001"/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">No. SEMADES <span class="text-danger">*</span></label>
                  <div class="col-md-6">
                    <input id="semades-input" class="form-control" type="numbre" placeholder="23" required="required"/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Cuota <span class="text-danger">*</span></label>
                <div class="col-md-6" >
                    <select id="cuota-select" class="form-control" required="required">
                        <option value="0">Selecciona</option>
                    @foreach($cuotas as $key => $cuota)
                        <option value="{!! $cuota->id !!}">{!! $cuota->cuota !!}</option>
                    @endforeach
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Ruta <span class="text-danger">*</span></label>
                <div class="col-md-6" >
                    <select id="ruta-select" class="form-control" required="required">
                        <option value="0">Selecciona</option>
                    @foreach($rutas as $key => $ruta)
                        <option value="{!! $ruta->id !!}">{!! $ruta->ruta !!}</option>
                    @endforeach
                    </select>
                </div>
            </div>
             <div class="form-group">
                <label class="col-md-4 control-label">Unidad <span class="text-danger">*</span></label>
                <div class="col-md-6" >
                    <select id="unidad-select" class="form-control" required="required">
                        <option value="0">Selecciona</option>
                    @foreach($unidades as $key => $unidad)
                        <option value="{!! $unidad->id !!}">{!! $unidad->unidad !!}</option>
                    @endforeach
                    </select>
                </div>
            </div>
            
          
            <div class="form-group">
                <label class="col-md-4 control-label">Precio Unitario <span class="text-danger">*</span></label>
                  <div class="col-md-6">
                    <input id="pu-input" class="form-control" type="number" placeholder="1,167.38" step="0.001" required="required"/>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-4 control-label">Retención</label>
                  <div class="col-md-6">
                    <input id="ret-checkbox" value="1" class="form-control" type="checkbox" placeholder="4" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Inorganicos <span class="text-danger">*</span></label>
                  <div class="col-md-6">
                    <input id="inorganicos-input" class="form-control" type="number" placeholder="20" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Organicos <span class="text-danger">*</span></label>
                  <div class="col-md-6">
                    <input id="organicos-input" class="form-control" type="number" placeholder="70" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Sanitarios <span class="text-danger">*</span></label>
                  <div class="col-md-6">
                    <input id="sanitarios-input" class="form-control" type="number" placeholder="10" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Giro <span class="text-danger">*</span></label>
                <div class="col-md-6" >
                    <select id="giro-select" class="form-control" required="required">
                        <option value="0">Selecciona</option>
                        @foreach($giros as $key => $giro)
                            <option value="{!! $giro->id !!}">{!! $giro->giro !!}</option>
                        @endforeach
                    </select>
                </div>
            </div>
             <div class="form-group">
                <label class="col-md-4 control-label">Contacto Factura</label>
                  <div class="col-md-6">
                    <input id="cont-fact-input" class="form-control" type="text" placeholder="janette y hugo medina" />
                </div>
            </div>
             <div class="form-group">
                <label class="col-md-4 control-label">Email Factura</label>
                  <div class="col-md-6">
                    <input id="email-fact-input" class="form-control" type="email" placeholder="lvargas@suitesbernini.com.mx" />
                </div>
            </div>
              <div class="form-group">
                <label class="col-md-4 control-label">Contacto Cobranza</label>
                  <div class="col-md-6">
                    <input id="cont-cobr-input" class="form-control" type="text" placeholder="CONTADOR FCO" />
                </div>
            </div>
             <div class="form-group">
                <label class="col-md-4 control-label">Email Cobranza</label>
                  <div class="col-md-6">
                    <input id="email-cobr-input" class="form-control" type="text" placeholder="gascardenas@prodigy.net.mx" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">RFC</label>
                  <div class="col-md-6">
                    <input id="rfc-input" class="form-control" type="text" placeholder="PRB- 100802 -H20" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Dirección</label>
                  <div class="col-md-8">
                    <input id="direccion-input" class="form-control" type="text" placeholder="PASEO DE LOS TAMARINDOS No. 400 - A PISO 1 PTE." />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Telefono</label>
                  <div class="col-md-6">
                    <input id="tel-input" class="form-control" type="text" placeholder="36-15-65-16" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Municipio</label>
                  <div class="col-md-6">
                    <input id="municipio-input" class="form-control" type="text" placeholder="Guadalajara" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Colonia</label>
                  <div class="col-md-6">
                    <input id="colonia-input" class="form-control" type="text" placeholder="Bosques de las lomas" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">C.P.</label>
                  <div class="col-md-6">
                    <input id="cp-input" class="form-control" type="text" placeholder="44760" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Factura entrega</label>
                <div class="col-md-6" >
                    <select id="entrega-select" class="form-control" required="required">
                        <option value="0">Selecciona</option>
                        <option value="MAIL">MAIL</option>
                        <option value="FISICAMENTE">FISICAMENTE</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Modo Pago</label>
                <div class="col-md-6" >
                    <select id="pago-select" class="form-control" required="required">
                        <option value="0">Selecciona</option>
                        <option value="TRANSFERENCIA">TRANSFERENCIA</option>
                        <option value="DEPOSITO">DEPOSITO</option>
                        <option value="EFECTIVO">EFECTIVO</option>
                        <option value="CHEQUE">CHEQUE</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Cuenta Bancaria</label>
                  <div class="col-md-6">
                    <input id="cuenta-input" class="form-control" type="number" placeholder="0666" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Fiscal</label>
                <div class="col-md-6" >
                    <select id="fiscal-select" class="form-control" required="required">
                        <option value="0">Selecciona</option>
                        <option value="FISCAL">FISCAL</option>
                        <option value="NO FISCAL">NO FISCAL</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Ultima Factura</label>
                  <div class="col-md-8">
                    <textarea id="ultima-fact-input" class="form-control" type="number" placeholder="JULIO 2016" ></textarea>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Observaciones</label>
                  <div class="col-md-8">
                    <input id="observaciones-input" class="form-control" type="text" placeholder="8 FAVOR RESPETAR ORDEN NO DE IZQ. Y SON 18. 752" />
                </div>
            </div>
            <div class="form-group form-actions">
                <div class="col-md-9 col-md-offset-3">
                    <button id="send-button" type="submit" data-id="" class="btn btn-sm btn-success" onclick="Cliente.getCliente(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="viewlCliente" 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 Cliente</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-cliente-information">
                    <tbody>
                      <tr>
                        <td>Cliente:</td>
                        <td id="cliente-td"></td>
                      </tr>
                      <tr>
                        <td>Nombre Comercial</td>
                        <td id="nombre-comercial-td"></td>
                      </tr>
                       <tr>
                        <td >Giro Empresa</td>
                        <td id="giro-td"></td>
                      </tr>
                      <tr>
                        <td>Fecha de Alta</td>
                        <td  id="fecha-alta-td"></td>
                      </tr>
                       <tr>
                        <td>Ubicación</td>
                        <td ><a id="ubicacion-td" href="" target="blank">Ver</a></td>
                      </tr>
                       <tr>
                        <td>No. SEMADES</td>
                        <td  id="semades-td"></td>
                      </tr>
                        <tr>
                        <td >Couta</td>
                        <td id="cuota-td"></td>
                      </tr>
                        <tr>
                        <td >Unidad</td>
                        <td id="unidad-td"></td>
                      </tr>
                      
                      
                        <tr>
                        <td >Retención</td>
                        <td id="ret-td"></td>
                      </tr>
                        <tr>
                        <td >Inorganicos</td>
                        <td id="inorganicos-td"></td>
                      </tr>
                        <tr>
                        <td >Organicos</td>
                        <td id="organicos-td"></td>
                      </tr>
                      </tr>
                        <tr>
                        <td >Sanitarios</td>
                        <td id="sanitarios-td"></td>
                      </tr>
                        <tr>
                        <td >Contacto Factura</td>
                        <td id="cont-fact-td"></td>
                      </tr>
                       <tr>
                        <td >Email Factura</td>
                        <td id="email-fact-td"></td>
                      </tr>
                       <tr>
                        <td >Contacto Cobranza</td>
                        <td id="cont-cobr-td"></td>
                      </tr>
                       <tr>
                        <td >Email Cobranza</td>
                        <td id="email-cobr-td"></td>
                      </tr>
                       <tr>
                        <td >RFC</td>
                        <td id="rfc-td"></td>
                      </tr>
                       <tr>
                        <td >Calle</td>
                        <td id="direccion-td"></td>
                      </tr>
                       <tr>
                        <td >Direccion</td>
                        <td id="colonia-td"></td>
                      </tr>
                       <tr>
                        <td >Telefono</td>
                        <td id="tel-td"></td>
                      </tr>
                      <tr>
                        <td >Factura entrega</td>
                        <td id="entrega-td"></td>
                      </tr>
                      <tr>
                        <td >Modo Pago</td>
                        <td id="pago-td"></td>
                      </tr>
                      <tr>
                        <td >Cuenta Bancaria</td>
                        <td id="cuenta-td"></td>
                      </tr>
                      <tr>
                        <td >Fiscal</td>
                        <td id="fiscal-td"></td>
                      </tr>
                      <tr>
                        <td >Observaciones</td>
                        <td id="observaciones-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/cliente.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