@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">Nuevo Producto</span>
                        </div>
                    </div>
                    <div class="portlet-body">
                        <form id="form" 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-4">
                                                <div class="form-group">
                                                    <label>Nombre  *</label>
                                                    <input type="text" placeholder="Nombre" id="nombre" ng-model="model.nombre" name="nombre" class="form-control" required>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Nombre Comercial *</label>
                                                    <input type="text" placeholder="Nombre Comercial" id="nombre_comercial" ng-model="model.nombre_comercial" name="nombre_comercial" class="form-control" required>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group">
                                                    <label>Clave *</label>
                                                    <input type="text" class="form-control" ng-model="model.clave" placeholder="Clave" required>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group">
                                                    <label>Clave SAT *</label>
                                                    <input type="text" class="form-control" ng-model="model.clave_sat" placeholder="Clave Sat" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Categoria *</label>
                                                    <select class="form-control" name="idcategoriaproducto" id="idcategoriaproducto" ng-model="model.idcategoriaproducto"
                                                            ng-options="option.idcategoriaproducto as option.nombre for option in categoriasproducto" required>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Descripcion *</label>
                                                    <input type="text" placeholder="Descripcion" id="descripcion" ng-model="model.descripcion" name="descripcion" class="form-control" required>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group">
                                                    <label>Unidad *</label>
                                                    <select class="form-control" name="idunidad" id="idunidad" ng-model="model.idunidad"
                                                            ng-options="option.id as option.unidad for option in unidades">
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>Precio *</label>
                                                <input type="number" placeholder="Precio" id="precio" ng-model="model.precio" name="precio" class="form-control" required>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label>Aplica iva *</label>
                                                <select class="form-control" name="aplica_iva" id="aplica_iva" ng-model="model.aplica_iva" onchange="calcula_totales_servicios()"
                                                        ng-options="option.id as option.text for option in ivas">
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label>Se cobra *</label>
                                                <input type="checkbox" id="se_cobra" ng-model="model.se_cobra" name="se_cobra" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label>Minimo *</label>
                                                <input type="number" placeholder="En Invientario" id="minimo" ng-model="model.minimo" name="minimo" class="form-control" required>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label>Status *</label>
                                                <select class="form-control" name="activo" id="activo" ng-model="model.activo"
                                                        ng-options="option.id as option.text for option in status">
                                                </select>
                                            </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()" >Dar de Alta</button>
                                            <a href="/productos" 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.categoriasproducto = [];
            $scope.unidades = [];
            $scope.ivas = [
                {id: 0, text:'Sin Iva'},
                {id: 1, text:'Tasa 0%'},
                {id: 2, text:'Iva 16%'}
            ];
            $scope.status = [
                {id: 1, text:'Activo'},
                {id: 0, text:'Baja'}
            ];

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

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

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

            $scope.guardaObjeto = function () {
                $("#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/productos/nuevo';
                console.log($ruta);
                axios.post($ruta, $objData).then(function (response) {

                    window.location = "/productos";
                }, function (error) {
                    console.log("HAY ERROR");
                    console.log(error);
                });

            };

            $scope.getCategoriasProducto();
            $scope.getUnidades();

        });

    </script>
@endsection