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

@endsection

@section('container')
    <div class="page-content-wrapper">
        <div class="row">
            <div class="col-md-12">
                <div class="form-group  margin-top-20">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="icon-bubble font-green"></i>
                            <span class="caption-subject font-green bold uppercase">Agregar Unidad</span>
                        </div>
                    </div>
                    <div class="portlet-body">
                        <form id="form_sample_2" class="form-horizontal">
                            <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="form-group  margin-top-20">
                                    <label class="control-label col-md-3">Unidad
                                        <span class="required"> * </span>
                                    </label>
                                    <div class="col-md-4">
                                        <div class="input-icon right">
                                            <i class="fa"></i>
                                            <input type="text" placeholder="Unidad" id="unidad" ng-model="model.unidad" name="unidad" class="form-control" required> </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="/unidades" class="btn default">Cancelar</a>
                                    </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.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/unidad/nuevo';
                console.log($ruta);
                axios.post($ruta, $objData).then(function (response) {

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

            };

        });

    </script>
@endsection