KOKINIO - MANAGER
Edit File: costo_reciclable.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> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> <div id="page-content"> <div class="content-header"> <div class="header-section"> <h1> <i class="fa fa-recycle"></i>Costo Reciclable<br><small>Recolectora Metropolitana</small> </h1> </div> </div> <div class="block"> <div class="block-title"> <h2><strong>Costo de los Reciclables</strong> </h2> </div> <div class="panel"> <div class="row"> <div class="col-md-offset-4 col-md-4"> <label>Selecciona el rango de fechas</label> <div class="input-group"> <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div> <input type="text" data-start="" data-end="" name="daterange" class="form-control pull-right" id="date-range"> </div> </div> </div> </div> <div id="table-reciclable"> </div> </div> </div> <div id="cost-modal" 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">Nuevo Costo 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="{{ csrf_token() }}" /> <div class="form-group"> <label class="col-md-3 control-label">Reciclable <span class="text-danger">*</span></label> <div class="col-md-6"> <select id="reciclable-select" name="reciclable-select" class="select-chosen" data-placeholder="Selecciona el Reciclable" style="width: 250px; display: none;" > @if(isset($reciclables)) @foreach($reciclables as $reciclable) <option value="{{ $reciclable->id }}">{{ $reciclable->reciclable }}</option> @endforeach @endif </select> </div> </div> <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" name="clientes-select" class="select-chosen" data-placeholder="Selecciona el Cliente" style="width: 250px; display: none;" > @if(isset($clientes)) @foreach($clientes as $clientes) <option value="{{ $clientes->id }}">{{ $clientes->nombre_comercial }}</option> @endforeach @endif </select> </div> </div> <div class="form-group"> <label class="col-md-3 control-label">Año <span class="text-danger">*</span></label> <div class="col-md-6"> <select id="year-select" name="year-select" class="form-control"> @if(isset($years)) @foreach($years as $year) <option {{ ($year == date('Y'))? 'selected' : '' }} value="{{ $year }}">{{ $year }}</option> @endforeach @endif </select> </div> </div> <div class="form-group"> <label class="col-md-3 control-label">Mes <span class="text-danger">*</span> </label> <div class="col-md-6"> <select id="month-select" name="month-select" class="form-control"> @if(isset($months)) @foreach($months as $month) <option {{ ($month['month_id'] == date('m'))? 'selected' : '' }} value="{{ $month['month_id'] }}">{{ $month['month'] }}</option> @endforeach @endif </select> </div> </div> <div class="form-group"> <label class="col-md-3 control-label">Pago Cliente<span class="text-danger">*</span></label> <div class="col-md-6"> <input id="pay-customer" class="form-control" type="number" placeholder="0.0" step="0.01" min="0.0" /> </div> </div> <div class="form-group"> <label class="col-md-3 control-label">Pago Chofer<span class="text-danger">*</span></label> <div class="col-md-6"> <input id="pay-driver" class="form-control" type="number" placeholder="0.0" step="0.01" min="0.0" /> </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="0" class="btn btn-sm btn-success" onclick="Reciclable.getPayReciclable(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"> <!-- 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 Usuario</h4> </div> <div class="modal-body"> <div class="row"> <div class="col-md-3 col-lg-3 " allign="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> <tr> <td >Clientes Relacionados</td> <td> <table id="table-userc" class="table table-borderless table-striped table-vcenter"> </table> </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> <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script> {!! Html::script("/js/catalogo_js/reciclable.js") !!} <script> $(function(){ $('#date-range').daterangepicker({ opens: 'left', locale : { format : 'YYYY-MM-DD'} }, function(start, end, label) { console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD')); Reciclable.getReciclablesCosto(start.format('YYYY-MM-DD'),end.format('YYYY-MM-DD')); }); Reciclable.getReciclablesCosto(); }) </script> @stop