@extends('layout.master')
@section('parentPageTitle', 'Sucursales')
@section('title', 'Editar sucursal')
@section('page-style')
    <link rel="stylesheet" href="{{asset('assets/plugins/bootstrap-select/css/bootstrap-select.css')}}">
    <link rel="stylesheet" href="{{asset('assets/jquery-ui.css')}}">
@stop

@section('content')
    

    <div class="row clearfix">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="card">
                <!-- <div class="header">
                    <h2 align="center"><strong>Información de la sucursal</strong></h2>

                </div> -->
                <div class="body">
                    <form action="{{ route('sucursales.editar') }}" id="formEditarSucursales" method="post">

                        
                        {{ csrf_field() }}
                        <div class="row clearfix">
                            <div class="col-sm-1"></div>
                            <div class="col-sm-2" >
                                <div class="form-group">
                                    <label>
                                        Nombre sucursal *
                                    </label>
                                </div>
                            </div>    
                            <div class="col-sm-5">                                
                                <div class="form-group">
                                    <input type="text" id="nombre" name="nombre" class="form-control" value="{{$data[0]->nombre}}" autocomplete="off" required>
                                </div>
                            </div>                                            
                        </div>


                        <div class="row clearfix">
                            <div class="col-sm-1"></div>
                            <div class="col-sm-2" >
                                <div class="form-group">
                                    <label>
                                        Rut
                                    </label>
                                </div>
                            </div>    
                            <div class="col-sm-5">                                
                                <div class="form-group">
                                    <input type="text" id="rut" name="rut" class="form-control" value="{{$data[0]->rut}}" autocomplete="off">
                                </div>
                            </div> 
                                          
                        </div>

                        <div class="row clearfix">
                            <div class="col-sm-1"></div>
                            <div class="col-sm-2" >
                                <div class="form-group">
                                    <label>
                                        Dirección
                                    </label>
                                </div>
                            </div>    
                            <div class="col-sm-5">                                
                                <div class="form-group">
                                    <input type="text" id="direccion" name="direccion" class="form-control" value="{{$data[0]->direccion}}" autocomplete="off">
                                </div>
                            </div>                                           
                        </div> 

                        <div class="row clearfix">
                            <div class="col-sm-1"></div>
                            <div class="col-sm-2" >
                                <div class="form-group">
                                    <label>
                                        Comuna
                                    </label>
                                </div>
                            </div>    
                            <div class="col-sm-5">                                
                                <div class="form-group">

                                    <select id="comuna" name="comuna" >
                                        <option value="">No declara</option>
                                        @foreach ($comunas as $comuna)
                                        <option value="{{ $comuna->id }}" selected>{{ $comuna->nombre }}</option>
                                        @endforeach 
                                    </select> 

                                </div>
                            </div>                                           
                        </div>

                        <div class="row clearfix">
                            <div class="col-sm-1"></div>
                            <div class="col-sm-2" >
                                <div class="form-group">
                                    <label>
                                        Estado *
                                    </label>
                                </div>
                            </div>    
                            <div class="col-sm-3">                                
                                <div class="form-group">
                                    <input type="radio" required name="estado" value="1" > Activo<br>
                                    <input type="radio" required name="estado" value="0" checked="checked"> Inactivo<br>                                  
                                </div>
                            </div>                                           
                        </div>

                        <div class="row clearfix" > 
                            <div class="col-sm-3"></div>         
                            <div class="col-sm-9">
                                <label>* Campos obligatorios.</label>
                            </div>
                        </div>

                        <input type="hidden" name="id" value="{{$data[0]->id}}">

                        

                        <div class="row clearfix" align="right">          
                            <div class="col-sm-12">
                                <button type="submit" class="btn btn-primary btn-round">Grabar</button>
                                <button type="button" class="btn btn-default btn-round btn-simple" onclick="window.history.back()">Cancelar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>


<div id="dialog_alerta" title="BRIX" align="center">
    <p id="dialog_texto"></p>
</div>
@stop

@section('page-script')

    <script src="{{asset('js/jquery.rut-master/jquery.rut.js')}}"></script>
    <script src="{{asset('assets/jquery-ui.js')}}"></script>

    <script>

    $(function () {

        $("#dialog_alerta").dialog({ autoOpen: false });     
        $("input#rut").rut({formatOn: 'keyup', ignoreControlKeys: false});

        $("input#rut").rut().on('rutInvalido', function(e) {
            $( "#dialog_texto" ).empty();
            $( "#dialog_texto" ).append("RUT inválido.");
            $( "#dialog_alerta" ).dialog('open');
            $("#rut").val("");
        });

        $("#rut").blur(function(){

            var token = $('meta[name="csrf-token"]').attr('content');
            var url='ajax_comprueba_rut_existente';
            var data={"id" :  $(this).val()}; 

            $.ajax({
                type:'POST',
                url: url,
                data: data,
                headers: {
                    'X-CSRF-TOKEN': token
                },
                success:function(data){
                    if(data.length>0){
                        $( "#dialog_texto" ).empty();
                        $( "#dialog_texto" ).append("Ya existe una sucursal con este RUT.");
                        $( "#dialog_alerta" ).dialog('open');
                        $("#rut").val("");
                    }
                }
            });  


        });

        /*$('#nombre').keypress(function (e) {
            var tecla = document.all ? tecla = e.keyCode : tecla = e.which;
            return !((tecla > 47 && tecla < 58) || tecla == 46);
        });*/
        

        $('#comuna').keypress(function (e) {
            var tecla = document.all ? tecla = e.keyCode : tecla = e.which;
            return !((tecla > 47 && tecla < 58) || tecla == 46);
        });


    });
    </script>

@stop