@extends('plantilla')
@section('header')

@endsection

@section('container')
    <div class="page-content-wrapper">
        <div class="row">
            <div class="col-md-12">
                <div class="portlet light portlet-fit portlet-form ">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="icon-bubble font-green"></i>
                            <span class="caption-subject font-green bold uppercase">Editar Cirugia</span>
                        </div>
                    </div>
                    <div class="portlet-body">
                        <form id="frmDatos" name="frmDatos" role="form">
                            <div class="form-body">
                                <div class="alert alert-danger display-hide">
                                    <button class="close" data-close="alert"></button> Revisar Los campos. </div>
                                <div class="alert alert-success display-hide">
                                    <button class="close" data-close="alert"></button> Exito!
                                </div>
                                <div class="row">
                                    <div class="col-md-2">&nbsp;</div>
                                    <div class="col-md-8">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Nombre *</label>
                                                    <input type="text" class="form-control" ng-model="model.nombre" placeholder="Nombre" required>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Tipo *</label>
                                                    <select class="form-control" name="tipo" id="tipo" ng-model="model.tipo" required>
                                                        <option value="Mayor">Mayor</option>
                                                        <option value="Menor">Menor</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Derecho a sala *</label>
                                                    <input type="text" class="form-control" ng-model="model.derecho_sala" placeholder="Derecho a sala" required>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Estancia *</label>
                                                    <input type="text" class="form-control" ng-model="model.estancia" placeholder="Estancia" required>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Electrocauterio *</label>
                                                    <input type="text" class="form-control" ng-model="model.electrocauterio" placeholder="Electrocauterio" required>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Monitor *</label>
                                                    <input type="text" class="form-control" ng-model="model.monitor" placeholder="Monitor" required>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Oxigeno *</label>
                                                    <input type="text" class="form-control" ng-model="model.oxigeno" placeholder="Oxigeno" required>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Honorarios *</label>
                                                    <input type="text" class="form-control" ng-model="model.honorarios" placeholder="Honorarios" required>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Otros descripcion </label>
                                                    <input type="text" class="form-control" ng-model="model.otros_descripcion" placeholder="Otros Descripcion">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Otros </label>
                                                    <input type="text" class="form-control" ng-model="model.otros" placeholder="Otros">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Costo *</label>
                                                    <input type="text" class="form-control" ng-model="model.costo" placeholder="Costo" required>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="form-actions">
                                    <div class="row">
                                        <div class="col-md-offset-3 col-md-9">
                                            <button type="submit" class="btn blue" ng-click="guardaObjeto(frmDatos.$valid)" >Editar</button>
                                            <a href="/cirugias" class="btn default">Cancelar</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('footer')

    <script>
        $(document).ready(function () {
            $('[data-toggle="tooltip"]').tooltip();
        });
        $("#btnRegresar").hide();

        var bbapp = angular.module('bbapp', ['ui.mask']);

        bbapp.controller('FundacionCtrl', function ($scope, $http, $httpParamSerializerJQLike) {
            var vm = this;
            vm.model = {};
            $scope.model = {};

            $scope.status =1;

            $scope.getEdades = function () {
                $http({
                    method: 'GET',
                    url: '/api/catalogos/Edades'
                }).then(function (response) {
                    $scope.edades = response.data;
                }, function (error) {
                    console.log("Entre 2");
                    console.log(error);
                });
            };

            $scope.doTheBack = function () {
                window.history.back();
            };

            $scope.$watch("model.fecha_nacimiento", function (nval) {
                console.log(nval);
                console.log();
                if (nval) {
                    if (nval.length>0)
                    {
                        var tmp = nval.split("/");
                        var fecha = new Date(parseInt(tmp[2]), parseInt(tmp[1]) - 1, parseInt(tmp[0]));
                        console.log(nval, fecha);
                        var hoy = new Date();
                        if (parseInt(tmp[2]) < 1 || parseInt(tmp[1]) < 1 || parseInt(tmp[1]) > 12 || parseInt(tmp[0]) < 1 || parseInt(tmp[0]) > 31 || fecha > hoy) {
                            $scope.model.fecha_nacimiento = '';

                            swal("La fecha de nacimiento no es validad");
                        }
                        else
                        {
                            hoy = new Date();
                            console.log(fecha);
                            console.log(hoy);
                            ed = parseInt((hoy -fecha)/365/24/60/60/1000);
                            console.log(ed);

                            $scope.calculaRFC();
                        }
                    }
                }
            });

            $scope.guardaObjeto = function (valido) {

                if (valido) {
                    $("#loading").modal('show');

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

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

                    $ruta = '/api/cirugias/editar/{{$cirugia->idservicio}}';
                    console.log($ruta);
                    axios.post($ruta, $objData).then(function (response) {

                        window.location = "/cirugias";
                    }, function (error) {
                        console.log("HAY ERROR");
                        console.log(error);
                    });
                }
                else
                {
                    swal(
                            {
                                title: "Error",
                                text: "Todos los campos son requeridos",
                                type: "error",
                                html: true
                            });
                }

            };

            $scope.model.nombre = '{{$cirugia->nombre}}';
            $scope.model.tipo = '{{$cirugia->tipo}}';
            $scope.model.costo = '{{$cirugia->costo}}';
            $scope.model.activo = '{{$cirugia->activo}}';
            $scope.model.derecho_sala = '{{$cirugia->derecho_sala}}';
            $scope.model.estancia = '{{$cirugia->estancia}}';
            $scope.model.electrocauterio = '{{$cirugia->electrocauterio}}';
            $scope.model.monitor = '{{$cirugia->monitor}}';
            $scope.model.oxigeno = '{{$cirugia->oxigeno}}';
            $scope.model.honorarios = '{{$cirugia->honorarios}}';
            $scope.model.otros_descripcion = '{{$cirugia->otros_descripcion}}';
            $scope.model.otros = '{{$cirugia->otros}}';


        });

    </script>
@endsection