@extends('layout.main')
@section('content')

    <div class="sixteen wide tablet fifteen wide computer column ">
        <div class="ui segment">
            
            <h4 class="ui dividing header teal centered">DATOS DE LA EMPRESA PARA LA FACTURACION ELECTRONICA</h4>
            <br>

            <form class="ui form" id="frmEditar" autocomplete="off" files="true" enctype="multipart/form-data">

                <input type="hidden" id="id_empresa" name="id_empresa" value="{{ $data->id_empresa }}">

                <div class="two fields">

                    <div class="twelve wide field">
                        <label>Razon Social</label>
                        <div class="ui small input ">
                          <input type="text" name="razon_social" maxlength="200" oninput="$.upperCase(this)" value="{{ $data->razon_social}}" {{ Auth::guard("usuario")->user()->id_rol == 1 ? '' : 'readonly' }}>
                        </div>
                    </div>

                    <div class="four wide field">
                        <label>RUC</label>
                        <div class="ui small input ">
                          <input type="text" name="ruc" maxlength="11" value="{{ $data->ruc }}" {{ Auth::guard("usuario")->user()->id_rol == 1 ? '' : 'readonly' }}>
                        </div>
                    </div>

                </div>

                
                <div class="three fields">
                    <div class="eight wide field">
                        <label>Nombre del Representante Legal</label>
                        <div class="ui small input ">
                          <input type="text" name="representante" maxlength="100" oninput="$.upperCase(this)" value="{{ $data->representante }}" {{ Auth::guard("usuario")->user()->id_rol == 1 ? '' : 'readonly' }}>
                        </div>
                    </div>
                    <div class="four wide field">
                        <label>DNI de representante</label>
                        <div class="ui small input ">
                          <input type="text" name="dni" maxlength="8" value="{{ $data->dni }}" {{ Auth::guard("usuario")->user()->id_rol == 1 ? '' : 'readonly' }}>
                        </div>
                    </div>
                    <div class="four wide field">
                        <label>Telefono de la empresa</label>
                        <div class="ui small input ">
                          <input type="text" name="telefono"  maxlength="30" value="{{ $data->telefono }}">
                        </div>
                    </div>
                </div>

                <div class="three fields">
                    
                    <div class="eight wide field">
                        <label>Direccion de la empresa</label>
                        <div class="ui small input ">
                          <input type="text" name="direccion" maxlength="200" oninput="$.upperCase(this)" value="{{ $data->direccion }}" {{ Auth::guard("usuario")->user()->id_rol == 1 ? '' : 'readonly' }}>
                        </div>
                    </div>

                    <div class="four wide field">
                        <label>Pagina Web</label>
                        <div class="ui small input ">
                          <input type="text" name="pagina_web" maxlength="50" value="{{ $data->pagina_web }}">
                        </div>
                    </div>
                    <div class="four wide field">
                        <label>Email de la empresa</label>
                        <div class="ui small input ">
                          <input type="text" name="email" maxlength="50" value="{{ $data->email }}"  >
                        </div>
                    </div>
                </div> 

                
                <h4 class="ui dividing header teal centered"></h4>
                <br>

          

                <div class="four fields">

                    <div class="four wide field">
                        <label>Ubigeo (ubicacion geografica)</label>
                        <div class="ui small input ">
                          <input type="text" name="ubigeo" maxlength="50" value="{{ $data->ubigeo }}">
                        </div>
                    </div>
                   
                    <div class="four wide field">
                        <label>Valor del Impuesto (IGV)</label>
                        <div class="ui right labeled small input">
                            <input type="text" name="valor_impuesto" id="valor_impuesto" value="{{$data->valor_impuesto}}" maxlength="8" {{ Auth::guard("usuario")->user()->id_rol == 1 ? '' : 'readonly' }}>
                            <label class="ui label">%</label>
                        </div>  
                    </div>

                    <div class="four wide field">
                        <label>Valor del ICBPER (para bolsas)</label>
                        <div class="ui left labeled small input">
                            <label class="ui label">S/</label>
                            <input type="text" name="valor_icbper" id="valor_icbper" value="{{$data->valor_icbper}}" maxlength="8" placeholder="0.50" {{ Auth::guard("usuario")->user()->id_rol == 1 ? '' : 'readonly' }}>
                        </div>  
                    </div>

                  

                    <div class="four wide field">
                        <label>Porcentaje de Retencion</label>
                        <div class="ui right labeled small input">
                            <input type="text" name="porcentaje_retencion" id="porcentaje_retencion" value="{{$data->porcentaje_retencion}}" maxlength="5">
                            <label class="ui label">%</label>
                        </div>
                    </div>

                </div> 

                <div class="two fields">

                    <div class="field">
                        <label>Bienes y Servicios Sujetos a Detraccion</label>
                        <select class="ui small input dropdown" name="id_sujeto_detraccion">
                            @foreach($sujeto_detraccion as $row)
                                @if($row->id_sujeto_detraccion == $data->id_sujeto_detraccion)
                                    <option value="{{ $row->id_sujeto_detraccion }}" selected> {{ $row->nombre }} </option>
                                @else
                                    <option value="{{ $row->id_sujeto_detraccion }}"> {{ $row->nombre }} </option>
                                @endif
                            @endforeach    
                        </select>  
                    </div>

                    <div class="field">
                        <label>Medios de Pago (para detracciones)</label>
                        <select class="ui small input dropdown" name="id_medios_pago">
                            @foreach($medios_pago as $row)
                                @if($row->id_medios_pago == $data->id_medios_pago)
                                    <option value="{{ $row->id_medios_pago }}" selected> {{ $row->nombre }} </option>
                                @else
                                    <option value="{{ $row->id_medios_pago }}"> {{ $row->nombre }} </option>
                                @endif
                            @endforeach    
                        </select>  
                    </div>

                </div> 


                <div class="four fields">
                    <div class="four wide field">
                        <label>Porcentaje de Detraccion</label>

                        <div class="ui right labeled small input">
                            <input type="text" name="porcentaje_detraccion" id="porcentaje_detraccion" value="{{$data->porcentaje_detraccion}}" maxlength="5">
                            <label class="ui label">%</label>
                        </div>
                    </div>
                   
                    <div class="four wide field">
                        <label>Nro Cuenta Detraccion (Banco Nacion)</label>
                        <div class="ui small input ">
                          <input type="text" name="cuenta_detraccion" maxlength="30" placeholder="00-004-012345" value="{{ $data->cuenta_detraccion }}">
                        </div>
                    </div>


                    <div class="four wide field">
                        <label>Habilitar puntos de los clientes?</label>
                        <select class="ui small input dropdown" name="modulo_puntos">
                                @if($data->modulo_puntos == 0)
                                    <option value="0" selected>NO</option>
                                    <option value="1">SI</option>
                                @else
                                    <option value="1" selected>SI</option>
                                    <option value="0">NO</option>
                                @endif
                        </select>  
                    </div>
                    
                    <div class="four wide field">
                        <label>Numeros de Cuenta - YAPE</label>
                        <textarea name="numeros_cuenta" placeholder="BCP: 200-0912301823" maxlength="200" oninput="$.upperCase(this)" style="min-height:10px" rows="1">{{ $data->numeros_cuenta }}</textarea> 
                    </div>

                </div> 

                



                @if(Auth::guard("usuario")->user()->id_rol == 1 )

                <div class="field">
                    <div class="field">
                        <label>Descripcion de la Empresa</label>
                        <div class="ui small input ">
                          <input type="text" name="descripcion_empresa" maxlength="200" value="{{ $data->descripcion_empresa }}">
                        </div>
                    </div>
                </div>

                <h4 class="ui dividing header teal centered"></h4>
                <br>

                 <div class="four fields">
                    <div class="four wide field">
                        <label>Subir Logo de Empresa (.jpg)</label>
                        <div class="ui action small input" id="cargar-logo" >
                            <input type="text" id="texto-logo" placeholder="Tamaño maximo de imagen 2MB" readonly>
                            <input type="file" name="file-logo" id="file-logo" multiple="false" accept="image/x-png,image/gif,image/jpeg"/>
                            <div class="ui icon button"  id="cargar1" title="Seleccione una imagen">
                                <i class="attach icon"></i>
                            </div>
                        </div> 
                    </div>
                   
                    <div class="four wide field">
                        <label>Subir Certificado Digital (.pfx)</label>
                        <div class="ui action small input" id="cargar-certificado">
                            <input type="text"  id="texto-certificado"  placeholder="Tamaño maximo de archivo 2MB" readonly>
                            <input type="file" name="file-certificado" id="file-certificado" multiple="false" accept=".pfx"/>
                            <div class="ui icon button"  id="cargar2" title="Seleccione un archivo">
                                <i class="attach icon"></i>
                            </div>
                        </div> 
                    </div>
                </div> 

                @endif





                <div class="form_footer">
                    <div class="ui right floated primary button btn_guardar"><i class="save icon"></i>GUARDAR</div>
                </div>    
            </form>

        </div>
    </div>

    <!--start update modal -->
    <div class="ui small basic modal" id="update_modal">
        <div class="ui icon header"><i class="paper plane icon"></i>Guardar cambios</div>
        <div class="content" style="text-align: center; font-size: 16px">
          <p>¿Está seguro que quiere guardar los cambios que hizo?</p>
        </div>
        <div class="actions">
            <div class="ui red basic cancel inverted button" title="Haga clic para salir"><i class="remove icon"></i>Cancelar</div>
            <div class="ui green ok inverted button" title="Haga clic para guardar cambios"> <i class="checkmark icon"></i>Guardar</div>
        </div>
    </div>
    <!--end update modal -->
    
@stop

@section('scripts')
    <script src="{{ asset('js/empresa/editar.js') }}"></script>
@stop