@section('styles')
    @include('libraries',['added'=>array('bootstrap-select-css', 'jquery-ui-css', 'jquery-confirm-css'/*, 'vue-autocomplete-css'*/ )])
@endsection

@section('scripts')
    @include('libraries',['added'=>array('bootstrap-select-js', 'vue-js', 'jquery-ui-js', 'jquery-confirm-js'/*, 'vue-autocomplete-js'*/ )])
    <script>
        

        $("form").on('submit', function(e)
        {
            if( $("#cod_persona").val() == "" )
            {
                $.alert
                ({
                    title: 'AVISO',
                    content: 'No se selecciono ninguna persona',
                    type: 'red'
                });
                $(".jconfirm-buttons").find("button").focus();
                return false;
            }
        });

        var app = new Vue
        ({
            el: '#field',
            components: 
            {
                //autocomplete: Vue2Autocomplete
            },
            data:
            {
                last: {},
                is_create: true,
                sucursal: {!! $sucursal->toJson() !!},
                paises: {!! $paises->toJson() !!},
                pais_selected_key: false,
                provincia_selected_key: false,
                ciudad_selected_key: false,
                barrio_selected_key: false
                 
            },
            methods:
            {
                  show_select: function( type )
                  {
                     var result = false;

                     if( type == 'provincia')
                     {
                           result = ( this.paises[ this.pais_selected_key ]!=undefined );

                     }
                     else if( type == 'ciudad' )
                     {    
                           result = ( this.paises[ this.pais_selected_key ]!=undefined && this.paises[ this.pais_selected_key ].provincias[ this.provincia_selected_key ]!=undefined) ;
                           
                     }
                     return result;
                  },
                  is_edit: function()
                  {  
                     for(var pais_key in this.paises ) 
                        for(var provincia_key in this.paises[pais_key].provincias )
                           for(var ciudad_key in this.paises[pais_key].provincias[provincia_key].ciudades )
                              for(var barrio_key in this.paises[pais_key].provincias[provincia_key].ciudades[ciudad_key].barrios)
                                 if
                                 ( 
                                    this.sucursal.cod_pais == this.paises[pais_key].cod_pais &&
                                    this.sucursal.cod_provincia == this.paises[pais_key].provincias[provincia_key].cod_provincia &&
                                    this.sucursal.cod_ciudad == this.paises[pais_key].provincias[provincia_key].ciudades[ciudad_key].cod_ciudad &&
                                    this.sucursal.cod_barrio == this.paises[pais_key].provincias[provincia_key].ciudades[ciudad_key].barrios[barrio_key].cod_barrio
                                 )
                                 {
                                    this.pais_selected_key = pais_key;
                                    this.provincia_selected_key = provincia_key;
                                    this.ciudad_selected_key = ciudad_key;
                                    this.barrio_selected_key = barrio_key;
                                    break;
                                 }
               }
            },
            created: function () 
            {

                if( this.sucursal.cod_sucursal != undefined )
                {
                    this.is_create = false;
                    this.is_edit();
                }
                    
            },
            computed:
            {
               cod_pais: function()
               {
                  var data;
                  if( this.paises[ this.pais_selected_key ] != undefined )
                     data =  this.paises[ this.pais_selected_key ].cod_pais;
                  else
                     data =  '';
                  return data;
               },
               cod_provincia: function()
               {
                  var data;
                  if( this.cod_pais == '' || this.paises[ this.pais_selected_key ] == undefined || this.paises[ this.pais_selected_key ].provincias[ this.provincia_selected_key ] == undefined )
                     data = '';
                  else
                     data = this.paises[ this.pais_selected_key ].provincias[ this.provincia_selected_key ].cod_provincia;
                     
                  return data;
               },
               cod_ciudad: function()
               {
                  var data;
                  if( this.cod_pais!='' && this.cod_provincia!='' && this.paises[ this.pais_selected_key ].provincias[ this.provincia_selected_key ].ciudades[ this.ciudad_selected_key ] )
                     data = this.paises[ this.pais_selected_key ].provincias[ this.provincia_selected_key ].ciudades[ this.ciudad_selected_key ].cod_ciudad;
                  else
                     data = '';
                  return data;
               },
               cod_barrio: function()
               {
                  if( this.cod_pais!='' && this.cod_provincia!=''  && this.cod_ciudad!='' && this.paises[ this.pais_selected_key ].provincias[ this.provincia_selected_key ].ciudades[ this.ciudad_selected_key ].barrios[ this.barrio_selected_key ] )
                     data =  this.paises[ this.pais_selected_key ].provincias[ this.provincia_selected_key ].ciudades[ this.ciudad_selected_key ].barrios[ this.barrio_selected_key ].cod_barrio;
                  else
                     data = '';
                  return data;
               }
               
                
            }
        });

        $(document).ready(function()
        {
           $("#cod_empresa").focus();
            $("#persona").autocomplete
            ({
                source: "{{ route('administracion.base.mantenimientos.sucursales.search_persona') }}",
                autoFocus: true,
                search: function( event, ui ) 
                {
                    //ICON_NRO_SOLICITUD_SEARCH.removeClass( "glyphicon glyphicon-search").addClass("glyphicon fa fa-refresh fa-spin");  
                },
                open: function( event, ui ) 
                {
                    //ICON_NRO_SOLICITUD_SEARCH.removeClass( "glyphicon fa fa-refresh fa-spin").addClass("glyphicon glyphicon-search");  
                },
                select: function(event, ui)
                {
                    $("#cod_persona").val( ui.item.cod_persona );
                    $("#label-persona").text( ((ui.item.nombre!= undefined || ui.item.nomb_fantasia!= undefined) ? ui.item.nombre : ui.item.nomb_fantasia) );
                },
                response: function( e, ui ) 
                {
                    
                }
            });

        });
        

    </script>
@endsection