@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 Usuario</span>
                        </div>
                    </div>
                    <div class="portlet-body">
                        <form id="form_sample_2" class="form-horizontal">
                            <div class="form-body">
                            <div class="row">
                                <div class="form-group  margin-top-20">

                                        <label class="control-label col-md-3">Nombre</label>
                                    <div class="col-md-4">
                                        <input type="text" placeholder="Nombre" id="name" ng-model="model.name" name="name" class="form-control" required>
                                    </div>
                                </div>
                                <div class="form-group  margin-top-20">

                                        <label class="control-label col-md-3">Usuario</label>
                                    <div class="col-md-4">
                                        <input type="text" placeholder="Usuario"
                                               ng-model="model.email" class="form-control"
                                               class="form-control">
                                    </div>
                                </div>
                                <div class="form-group  margin-top-20">

                                        <label class="control-label col-md-3">Contrase&ntilde;a <span data-toggle="tooltip" class="icon" title="Recuerda utilizar, mayusculas, n&uacute;meros y caracter&eacute;s especiales para mayor seguridad"><i class="fa fa-question-circle"></i></span></label>
                                    <div class="col-md-4">
                                        <input type="text" id="codigo_postal" class="form-control col-md-5" placeholder="**********"
                                               ng-model="model.password" required>
                                    </div>
                                </div>
                                <div class="form-group  margin-top-20">

                                        <label class="control-label col-md-3">Rol</label>
                                    <div class="col-md-4">
                                        <select class="form-control" name="role" id="role" ng-model="model.role"
                                                ng-options="option.id as option.text for option in roles">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group  margin-top-20">

                                        <label class="control-label col-md-3">Estatus</label>
                                        <div class="col-md-4">
                                        <select class="form-control" name="status" id="status" ng-model="model.status"
                                                ng-options="option.id as option.text for option in status">
                                        </select>
                                    </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="guardaUsuario()" >Dar de alta</button>
                                        <a href="/usuarios" 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.sucursales = [];
            $scope.roles = [
                {id: 1, text:'Administrador'},
                {id: 2, text:'Recursos Humanos'},
                {id: 3, text:'Recepcion'},
                {id: 4, text:'Farmacia'},
                {id: 5, text:'Contaduria'}
            ];
            $scope.status = [
                {id: 1, text:'Activo'},
                {id: 2, text:'Baja'}
            ];


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

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

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

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

            };

            $scope.getSucursales();


        });

    </script>
@endsection