@extends('plantilla')

@section('container')
    <div class="portlet box red" xmlns="http://www.w3.org/1999/html">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-cogs"></i>Corte de Venta
            </div>
            
        </div>
        <div class="portlet-body">
            <form id="form_sample_2" action='/ordenes/corteventa' class="form-horizontal">
                <div class="form-body">
                    <div class="form-group">
                        <div class="col-md-2">
                            <label>Filtrar Fechas</label>
                        </div>
                        <div class="col-md-5">
                            <div class="col-md-6">
                                <div class="input-group date date-picker" data-date-format="yyyy-mm-dd">
                                    <input type="text" class="form-control"  name="desde" id="desde" value="{{$desde}}">
                                    <span class="input-group-btn">
                                        <button class="btn default" type="button">
                                            <i class="fa fa-calendar"></i>
                                        </button>
                                    </span>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="input-group date date-picker" data-date-format="yyyy-mm-dd">
                                    <input type="text" class="form-control"  name="hasta" id="hasta" value="{{$hasta}}" >
                                    <span class="input-group-btn">
                                        <button class="btn default" type="button">
                                            <i class="fa fa-calendar"></i>
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <button type="submit" class="btn blue" ng-click="getOrdenes()" >Filtrar</button>
                        </div>
                    </div>
                </div>
            </form>
            <div class="row">
                <div class="form-group">
                    <div class="col-md-4"><h3>Por Servicio</h3></div>
                    <div class="col-md-4"><h3>Por Producto</h3></div>
                    <div class="col-md-4"><h3>Por Area</h3></div>

                </div>
                <div class="form-group">
                    <div class="col-md-4">
                        <table class="table " id="sample_3">
                            <thead>
                            <tr>
                                <th> Nombre </th>
                                <th> Cantidad </th>
                                <th> Total </th>
                                <th> Fecha </th>
                            </tr>
                            </thead>
                            <tbody>
                                                                @foreach ($totales['querytotalesporservicio'] as $key => $value)
                                                                    <tr class="">
                                        <td>{{$value->nombre}}</td>
                                        <td>{{$value->cantidad}}</td>
                                        <td>$ {{$value->total}}</td>
                                        <td>{{$value->fecha}} </td>
                                    </tr>
                                @endforeach
                        
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-4">
                        <table class="table " id="sample_3">
                            <thead>
                            <tr>
                                <th> Nombre </th>
                                <th> Cantidad </th>
                                <th> Total </th>
                                <th> Fecha </th>
                            </tr>
                            </thead>
                            <tbody>
                                @foreach ($totales['querytotalesporproducto'] as $key => $value)
                                                                        <tr class="">
                                        <td>{{$value->nombre}}</td>
                                        <td>{{$value->cantidad}}</td>
                                        <td>$ {{$value->total}}</td>
                                        <td>{{$value->fecha}} </td>
                                    </tr>
                                @endforeach
                        
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-4">
                        <table class="table " id="sample_3">
                            <thead>
                            <tr>
                                <th> Nombre </th>
                                <th> Cantidad </th>
                                <th> Total </th>
                                <th> Fecha </th>
                            </tr>
                            </thead>
                            <tbody>
                                @foreach ($totales['querytotalesporarea'] as $key => $value)
                                    <tr class="">
                                        <td>{{$value->nombre}}</td>
                                        <td>{{$value->cantidad}}</td>
                                        <td>$ {{$value->total}}</td>
                                        <td>{{$value->fecha}} </td>
                                    </tr>
                                @endforeach
                        
                            </tbody>
                        </table>
                    </div>
                </div>
                
            </div>
            
            <form  class="" id="frmDatos" action="/ordenes/corteventasave" method="POST" name="frmDatos" > 
                
                {{ csrf_field() }}
                <input type="hidden" ng-model="model.fecha" name='fecha' id='fecha' value="">
                <input type="hidden" ng-model="model.total_entrada" name='total_entrada' id='total_entrada2' value="0">
                <input type="hidden" ng-model="model.total_salida" name='total_salida' id='total_salida2' value="0">
                <input type="hidden" ng-model="model.total_cajanew" name='total_cajanew' id='total_cajanew2' value="0">
                <input type="hidden" ng-model="model.total_caja" name='total_caja' id='total_caja2' value="0">
                <input type="hidden" ng-model="model.total_dinero" name='total_dinero' id='total_dinero2' value="0">
                <input type="hidden" ng-model="model.total_diferencia" name='total_diferencia' id='total_diferencia2' value="0">
                
                <div   class="col-md-6">
                    <h2>Cuentas Saturday 21st of September 2024 </h2>
                    <table border='1' style="width:100%">
                        <thead>
                            <tr>
                                <th style="color:blue">C. Entrada</th>
                                <th style="color:blue; width:10px">Entradas</th>
                                <th style="color:red; width:10px">Salidas</th>
                                <th style="color:red">C. Salida</th>
                            </tr>
                        </thead>
                        <tbody class="renglones">
                            <tr class="renglon">
                                <td><input class="question" ng-model="model.text_entrada[]" name="text_entrada[]" placeholder="Concepto" type="text" value='Caja' ></td>
                                <td><input class="question r_entrada" ng-model="model.row_entrada[]" name="row_entrada[]" placeholder="$" type="number" value="" ></td>
                                <td><input class="question r_salida" ng-model="model.row_salida[]" name="row_salida[]" placeholder="$" type="number"></td>
                                <td><input class="question" ng-model="model.text_salida[]" name="text_salida[]" placeholder="Concepto" type="text" value='Sueldo'></td>
                            </tr>
                            <tr class="renglon">
                                <td><input class="question" ng-model="model.text_entrada[]" name="text_entrada[]" placeholder="Concepto" type="text" value='Venta'></td>
                                <td><input class="question r_entrada" ng-model="model.row_entrada[]" name="row_entrada[]" placeholder="$" type="number" value="0" ></td>
                                <td><input class="question r_salida" name="row_salida[]" placeholder="$" type="number"></td>
                                <td><input class="question" ng-model="model.text_salida[]" name="text_salida[]" placeholder="Concepto" type="text" value='Gastos dia'></td>
                            </tr>
                            
                            <tr class="renglon">
                                <td><input class="question" ng-model="model.text_entrada[]" name="text_entrada[]" placeholder="Nuevo Concepto" type="text" value=''></td>
                                <td><input class="question r_entrada" ng-model="model.row_entrada[]" name="row_entrada[]" placeholder="$" type="number"></td>
                                <td><input class="question r_salida" name="row_salida[]" placeholder="$" type="number"></td>
                                <td><input class="question" ng-model="model.text_salida[]" name="text_salida[]" placeholder="Nuevo Concepto" type="text" value=''></td>
                            </tr>
                        </tbody>
                        <footer>
                            <tr class="">
                                <td colspan="4">&nbsp;</td>
                            </tr>
                            <tr class="totales">
                                <td></td>
                                <td><strong><div  id="total_entrada" style="width:10px; color:blue">0</div></strong></td>
                                <td><strong><div  id="total_salida" style="width:10px; color:red">0</div></strong></td>
                                <td></td>
                            </tr>
                            <tr class="totales">
                                <td></td>
                                <td><strong>Total en Caja</strong></td>
                                <td><strong><div id="total_caja" style="width:10px; color:green">0</div></strong></td>
                                <td></td>
                            </tr>
                        </footer>
                    </table>
                        
                </div>
                <div   class="col-md-6">
                    <h2>EFECTIVO EN CAJA</h2>
                    <table border='1' style="width:100%; paddign-top:10px">
                        <thead>
                            <tr>
                                <th style="color:">Monto</th>
                                <th style="color:blue">Tipo</th>
                            </tr>
                        </thead>
                        <tbody class="renglones_dinero" style="text-align:center">
                            <tr class="renglon_dinero">
                                <td><input class="question r_dinero" ng-model="model.row_dinero[]" name="row_dinero[]" placeholder="$" type="number"></td>
                                <td><input class="question" ng-model="model.text_dinero[]" name="text_dinero[]" placeholder="Concepto" type="text" value='Billetes'></td>
                            </tr>
                            <tr class="renglon_dinero">
                                <td><input class="question r_dinero" ng-model="model.row_dinero[]" name="row_dinero[]" placeholder="$" type="number"></td>
                                <td><input class="question" ng-model="model.text_dinero[]" name="text_dinero[]" placeholder="Concepto" type="text" value='Monedas 10'></td>
                            </tr>
                            <tr class="renglon_dinero">
                                <td><input class="question r_dinero" ng-model="model.row_dinero[]" name="row_dinero[]" placeholder="$" type="number"></td>
                                <td><input class="question" ng-model="model.text_dinero[]" name="text_dinero[]" placeholder="Concepto" type="text" value='Monedas 5'></td>
                            </tr>
                            <tr class="renglon_dinero">
                                <td><input class="question r_dinero" ng-model="model.row_dinero[]" name="row_dinero[]" placeholder="$" type="number"></td>
                                <td><input class="question" ng-model="model.text_dinero[]" name="text_dinero[]" placeholder="Concepto" type="text" value='Cambio'></td>
                            </tr>
                            <tr class="renglon_dinero">
                                <td><input class="question r_dinero" ng-model="model.row_dinero[]" name="row_dinero[]" placeholder="" type="number"></td>
                                <td><input class="question" ng-model="model.text_dinero[]" name="text_dinero[]" placeholder="Nuevo Concepto" type="text" value=''></td>
                            </tr>
                        </tbody>
                        <footer>
                            <tr class="">
                                <td colspan="2">&nbsp;</td>
                            </tr>
                            <tr class="totales">
                                <td><strong><div  id="total_dinero" style="width:10px; color:blue">0</div></strong></td>
                                <td><strong>TOTAL</strong></td>
                            </tr>
                            <tr class="totales">
                                <td><strong><div id="total_diferencia" style="width:10px; color:">0</div></strong></td>
                                <td><strong>Diferencia</strong></td>
                            </tr>
                        </footer>
                    </table>
                </div>
                <div class="col-md-12">
                    <br>
                    <button type="submit" class="btn blue" style="width: 100%" ng-click="guardaCorte()" >Registrar</button>
                        
                </div>
            </form>
        </div>
    </div>
@endsection

@section('footer')
    <script>
        $('body').on('blur', '.renglon input', function(){

            // Get Variables
            total = $('.renglon').length;
            block = $(this).closest('.renglon');
            index = block.index() + 1;

            // Return if not last
            if ( total != index )
                return;

            // Return if empty
            empty = true;
            block.find('input').each(function(){
                if ( $(this).val() != "" )
                    empty = false;
            });

            if ( empty )
                return;

            // Clone Block
            new_block = block.clone();
            new_block.css({'display': 'none'});
            new_block.find('input').each(function(){
                $(this).val("");
                if ( $(this).hasClass("is-invalid") )
                    $(this).removeClass('is-invalid');
            });

            // Add Block
            block.closest('.renglones').append( new_block );
            new_block.show('medium');
        });
        $('body').on('blur', '.renglon_dinero input', function(){

            // Get Variables
            total = $('.renglon_dinero').length;
            block = $(this).closest('.renglon_dinero');
            index = block.index() + 1;

            // Return if not last
            if ( total != index )
                return;

            // Return if empty
            empty = true;
            block.find('input').each(function(){
                if ( $(this).val() != "" )
                    empty = false;
            });

            if ( empty )
                return;

            // Clone Block
            new_block = block.clone();
            new_block.css({'display': 'none'});
            new_block.find('input').each(function(){
                $(this).val("");
                if ( $(this).hasClass("is-invalid") )
                    $(this).removeClass('is-invalid');
            });

            // Add Block
            block.closest('.renglones_dinero').append( new_block );
            new_block.show('medium');
        });
        $('body').on('change', '.question', function(){
            var cont_entr=0;
            var cont_sal =0;
            var cont_din =0;
            $('.r_entrada').each(function (idx, obj) {
                if ( $(this).val() > 0){
                    cont_entr+= parseInt($(this).val());
                }
            });
            $('.r_entrada').each(function (idx, obj) {
                if ( $(this).val() > 0 && idx == 0 ){
                    $("#total_caja2").val($(this).val());
                }
            });
            $('.r_salida').each(function (idx, obj) {
                if ( $(this).val() > 0){
                    cont_sal+= parseInt($(this).val());
                }
            });
            $('.r_dinero').each(function (idx, obj) {
                if ( $(this).val() > 0){
                    cont_din+= parseInt($(this).val());
                }
            });

            $("#total_entrada2").val(cont_entr);
            $("#total_salida2").val(cont_sal);
            $("#total_dinero2").val(cont_din) ;

            var total_entrada  = $("#total_entrada").html(cont_entr);
            var total_salida   = $("#total_salida").html(cont_sal);
            var total_dinero   = $("#total_dinero").html(cont_din) ;
            var total_caja     = parseInt(cont_entr)-parseInt(cont_sal);
            var total_dife     = parseInt(cont_din)-parseInt(total_caja);

            $("#total_caja").html(total_caja);
            $("#total_diferencia").html(total_dife);

            $("#total_cajanew2").val(total_caja);
            $("#total_diferencia2").val(total_dife);
            if(total_dife==0){
                $("#total_diferencia").attr('style','color:green');
            }else{
                $("#total_diferencia").attr('style','color:red');
            }
        });
        $('.question').change();
       

        var bbapp = angular.module('bbapp', []);
        bbapp.controller('FundacionCtrl', function ($scope, $http, $httpParamSerializerJQLike, $location) {
            $scope.model = {};
            $scope.ordenes = [];
           
            $scope.guardaCorte = function () {
                alert(1);
                $scope.valida = true;

                console.log($scope.model.text_dinero);
                return false;
                if (valido && $scope.model.telefono != undefined && $scope.model.telefono.length>0 && $scope.model.email != undefined && $scope.model.email.length>0 && $scope.aviso) {

                    var config = {
                        headers: {
                            'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'
                        }
                    };

                    var fecha = $scope.fecha_nacimiento.substring(4, 8) + "-" + $scope.fecha_nacimiento.substring(2, 4) + "-" + $scope.fecha_nacimiento.substring(0, 2);
                    if ($scope.fecha_nacimiento.length == 10)
                        fecha = $scope.fecha_nacimiento.substring(6, 10) + "-" + $scope.fecha_nacimiento.substring(3, 5) + "-" + $scope.fecha_nacimiento.substring(0, 2);

                    $scope.model.fecha_nacimiento = fecha;

                    $objData = $httpParamSerializerJQLike($scope.model);
                    $objData = $scope.model;

                    $ruta = '/api/cotizacion/Crear';

                    axios.post($ruta, $objData).then(function (response) {
                        window.location = "/compara//" + response.data.id;
                    }, function (error) {
                        console.log("ERROR");
                        console.log(error);
                    });
                }
                else
                {
                    swal(
                            {
                                title: "Error",
                                text: "Todos los campos son requeridos",
                                type: "error",
                                html: true
                            });
                }

            };
            $scope.getOrdenes = function () {
                console.log("entrando");
                var fecha = document.getElementById("fecha").value;
                var fechaH = document.getElementById("fechaH").value;
                var parametros = "a=1";
                console.log(fecha);
                if (fecha !== undefined && fecha.length>0)
                    parametros = parametros + '&fecha=' + fecha;
                if (fechaH !== undefined && fechaH.length>0)
                    parametros = parametros + '&fechaH=' + fechaH;

                $http({
                    method: 'GET',
                    url: '/api/ordenes?' + parametros
                }).then(function (response) {
                    console.log(response.data);
                    $scope.ordenes = response.data;
                    console.log("Termino");
                }, function (error) {
                    console.log("Entre 2");
                    console.log(error);
                });
            };


        });

    </script>
@endsection