@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 Proveedor</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-7">
                                                <div class="form-group">
                                                    <label>Raz&oacute;n Social *</label>
                                                    <input type="text" class="form-control" ng-model="model.razonsocial" placeholder="Razon Social" required>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>RFC *</label>
                                                    <input type="text" class="form-control" ng-model="model.rfc" placeholder="RFC" 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 class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Calle *</label>
                                                    <input type="text" class="form-control" ng-model="model.direccion" placeholder="Calle" required>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group">
                                                    <label>Num Ext *</label>
                                                    <input type="text" class="form-control" ng-model="model.num_exterior" placeholder="# Exterior" required>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group">
                                                    <label>Num Int *</label>
                                                    <input type="text" class="form-control" ng-model="model.num_interior" placeholder="# Interior" required>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group">
                                                    <label>CP *</label>
                                                    <input type="text" name="cp" ng-model="model.cp" ng-change="getByCP(null);"
                                                           class="form-control col-md-5" maxlength="5" minlength="5" ui-mask="99999"
                                                           ui-mask-placeholder ui-mask-placeholder-char="_" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="estado">Estado *</label>
                                                    <select name="estado" class="form-control" ng-model="model.estado"
                                                            ng-change="getMunicipios(0)" disabled="true">
                                                        <option ng-repeat="option in estados"
                                                                value="@{{option.c_estado}}">@{{option.d_estado}}
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="municipio">Municipio *</label>
                                                    <select name="municipio" class="form-control" ng-model="model.municipio"
                                                            disabled="true">
                                                        <option ng-repeat="option in municipios" value="@{{option.c_mnpio}}">
                                                            @{{option.d_mnpio}}
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group" ng-class="{ 'has-error' : frmDatos.colonia.$invalid }">
                                                    <label for="phone">Colonia *</label>
                                                    <select name="colonia" class="form-control"
                                                            ng-model="model.id_asenta_cpcons" required>
                                                        <option ng-repeat="option in colonias"
                                                                value="@{{option.id_asenta_cp_cons}}">@{{option.d_asenta}}
                                                        </option>
                                                    </select>
                                                    <p ng-show="frmDatos.colonia.$invalid" class="help-block">Campo requerido.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Contacto *</label>
                                                    <input type="text" placeholder="Contacto" id="contacto" ng-model="model.contacto" name="contacto" class="form-control" required>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Telefono *</label>
                                                    <input type="text" placeholder="Telefono" id="telefono" ng-model="model.telefono" name="telefono" class="form-control" required>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Email *</label>
                                                    <input type="text" placeholder="Email" id="email" ng-model="model.email" name="email" class="form-control" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Nota *</label>
                                                    <input type="text" placeholder="Nota" id="nota" ng-model="model.nota" name="nota" class="form-control" 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()" >Editar</button>
                                            <a href="/proveedores" 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 = [
                {id: 1, text:'Activo'},
                {id: 0, text:'Baja'}
            ];

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

            $http({method: 'GET', url: '/api/catalogos/Estados'}).then(function (response) {
                $scope.estados = response.data;
            }, function (error) {
                console.log("ERROR (ESTADOS)", error);
            });

            $scope.getByCP = function ($idAsenta) {
                var cp = $scope.model.cp;

                if (cp != undefined) {
                    $("#loading").modal('show');
                    $http({
                        method: 'GET',
                        url: '/api/catalogos/ColoniasByCP?codigo_postal=' + cp
                    }).then(function (response) {
                        console.log('INICIANDO CERRAR LOADING OK');
                        $("#loading").modal('hide');
                        console.log('FIN CERRAR LOADING OK');
                        if (response.data.length > 0) {
                            $scope.colonias = response.data;

                            $scope.model.estado = response.data[0].c_estado;
                            $scope.getMunicipios();
                            $scope.model.municipio = response.data[0].c_mnpio;
                            if ($idasenta != null)
                                $scope.model.id_asenta_cpcons = $idasenta;
                            else
                                $scope.model.id_asenta_cpcons = response.data[0].id_asenta_cp_cons;
                        } else {
                            $scope.model.cp = "";
                            swal("Código Postal no existe");
                        }
                    }, function (error) {
                        console.log('INICIANDO CERRAR LOADING ERROR');
                        $("#loading").modal('hide');
                        console.log('FIN CERRAR LOADING ERROR');
                        console.log("ERROR (CP)", error);
                    });
                }
            };

            $scope.getMunicipios = function () {
                var c_estado = $scope.model.estado;

                $http({method: 'GET', url: '/api/catalogos/Municipios?c_estado=' + c_estado}).then(function (response) {
                    $scope.municipios = response.data;
                }, function (error) {
                    console.log("ERROR (MUNICIPIOS)", error);
                });
            };

            $scope.getColonias = function () {
                var c_estado = $scope.model.estado;
                var c_mnpio = $scope.model.municipio;

                $http({
                    method: 'GET',
                    url: '/api/catalogos/Colonias?c_estado=' + c_estado + '&c_mnpio=' + c_mnpio
                }).then(function (response) {
                    $scope.colonias = response.data;
                }, function (error) {
                    console.log("ERROR (COLONIA)", error);
                });
            };

            $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/proveedores/editar/{{$proveedor->idproveedor}}';
                console.log($ruta);
                axios.post($ruta, $objData).then(function (response) {

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

            };

            $scope.model.idproveedor = parseInt('{{$proveedor->idproveedor?$proveedor->idproveedor:0}}');
            $scope.model.rfc = '{{$proveedor->rfc}}';
            $scope.model.razonsocial = '{{$proveedor->razonsocial}}';
            $scope.model.direccion = '{{$proveedor->direccion}}';
            $scope.model.num_exterior = '{{$proveedor->num_exterior}}';
            $scope.model.num_interior = '{{$proveedor->num_interior}}';
            $scope.model.contacto = '{{$proveedor->contacto}}';
            $scope.model.telefono = '{{$proveedor->telefono}}';
            $scope.model.email = '{{$proveedor->email}}';
            $scope.model.nota = '{{$proveedor->nota}}';
            $scope.model.activo = parseInt('{{$proveedor->activo?$proveedor->activo:0}}');

            $scope.model.cp = '{{$proveedor->cp}}';
            $scope.model.id_asenta_cpcons = '{{$proveedor->id_asenta_cpcons}}';

            $scope.getByCP('{{$proveedor->id_asenta_cpcons}}');

        });

    </script>
@endsection