@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>Ordenes de Servicio</div>
            <div class="actions">
                <a href="/ordenes_servicio/nuevo" class="btn btn-default btn-sm">
                    <i class="fa fa-plus"></i> Agregar </a>
            </div>
        </div>
        <div class="portlet-body">
            <form id="form_sample_2" action='/ordenes_servicio' 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>
            <table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_3">
                <thead>
                <tr>
                    <th> ID </th>
                    <th> Status </th>
                    <th> Fecha </th>
                    <th> Paciente </th>
                    <th> Sexo<br>Edad </th>
                    <th> Atenci&oacute;n </th>
                    <th> Servicio </th>
                    <th> Productos </th>
                    <th> M&eacute;dico<br/>Consultorio </th>
                    <th> Total </th>
                    <th> Acci&oacute;n </th>
                </tr>
                </thead>
                <tbody>
                <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/invfsanzgeohti/public_html/resources/views/ordenesservicio/index.blade.php</b> on line <b>65</b><br />
               
                </tbody>
            </table>
        </div>
    </div>
@endsection

@section('footer')
    <script>
        var bbapp = angular.module('bbapp', []);
        bbapp.controller('FundacionCtrl', function ($scope, $http, $httpParamSerializerJQLike, $location) {
            $scope.model = {};
            $scope.ordenes = [];

            $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);
                });
            };


        });
        function validar (url){
            console.log(url);
            
            swal({
                title: "Estas seguro?",
                text: "Deseas validar? ",
                icon: "warning",
                showCancelButton: true,
                dangerMode: true,
                },
                function(){
                    $ruta = url;
                    $.get($ruta, null, function (response) {
                        if ( response  == 1 ){
                            swal('Exito', 'Accion realizada con exito','success');
                            location.reload();
                        }else{
                            swal('', 'Error al validar :'+response,'error');
                            return false;
                            
                        }     
                    });    
                }
            );
        }

    </script>
@endsection