@extends('ATCore::atcore_layout')

@section('atplus_main_content')



@if (isset($result))
<div class="card card-primary card-outline card-tabs">
    <div class="card-header p-0 pt-1 border-bottom-0">
        <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item"><a class="nav-link active" href="#account_data" id="_account_data-tab" data-toggle="tab">Datos de la Cuenta</a></li>
            <li class="nav-item"><a class="nav-link" href="#signature" id="_signature-tab" data-toggle="tab">Certificado Digital</a></li>
            <li class="nav-item"><a class="nav-link" href="#folios" id="_folios-tab" data-toggle="tab">Folios</a></li>
        </ul>
    </div><!-- /.card-header -->
    <div class="card-body">

        <div class="tab-content">
            <div class="active tab-pane" id="account_data">
                <form id="_edit_form" role="form" action="{{route('accounts.update', $result->id)}}" method="POST" autocomplete="off" enctype="multipart/form-data">
                    {{method_field('PUT')}}
                    @csrf
                    <input type="hidden" name="force_comeback" value="/settings/account_managment">
                    <input type="hidden" name="country_id" value="1">
                    <div class="row">
                        <div class="col-12 col-sm-6">
                            <div class="form-group" id="_form_group_enviroment">
                                <label id="_enviroment_label" for="_enviroment">Ambiente</label>
                                <div class="form-check">
                                    <input id="_enviroment" type="checkbox" data-toggle="toggle" @if ($result->enviroment == 0)checked @endif data-on="Certificación" data-off="Producción" data-onstyle="warning" data-offstyle="success" disabled>
                                    <input id="_enviroment_value" type="hidden" name="enviroment">
                                </div>
                            </div> 
                            @include('ATCore::atplus_crud.forms.input_text',['type' => 'edit', 'label' => 'RUT', 'input_name' => 'rut', 'required' => true, 'readOnlyEdit' => 'true'])
                            @include('ATCore::atplus_crud.forms.input_text',['type' => 'edit', 'label' => 'Razón Social', 'input_name' => 'name', 'required' => true, 'readOnlyEdit' => 'true'])
                            @include('ATCore::atplus_crud.forms.input_text',['type' => 'edit', 'label' => 'Nombre Corto', 'input_name' => 'short_name', 'required' => true, 'readOnlyEdit' => 'true'])
                            @include('ATCore::atplus_crud.forms.input_text',['type' => 'edit', 'label' => 'Actividad Económica', 'input_name' => 'actividad_economica', 'required' => true, 'readOnlyEdit' => 'true'])
                            
                            
                        </div>
                        <div class="col-12 col-sm-6">
                            @include('ATCore::atplus_crud.forms.input_text',['type' => 'edit', 'label' => 'Giro', 'input_name' => 'giro', 'required' => true, 'readOnlyEdit' => 'true'])
                            @include('ATCore::atplus_crud.forms.input_text',['type' => 'edit', 'label' => 'Dirección', 'input_name' => 'direccion_origen', 'required' => true, 'readOnlyEdit' => 'true'])
                            @include('ATCore::atplus_crud.forms.select_table',['type' => 'edit', 'label' => 'Ciudad', 'input_name' => 'city_id','required' => true, 'select_model' => 'Models\City', 'select_option_value' => 'name', 'select_option_filter_name' => 'country_id', 'select_option_filter_value' => '1', 'readOnlyEdit' => 'true', 'order_by' => 'name'])

                            <div id="_env_cert" @if ($result->enviroment == 1) style="display:none" @endif >
                            @include('ATCore::atplus_crud.forms.input_text',['type' => 'edit', 'label' => 'Número de Resolución Certificación', 'input_name' => 'env_cert_numero_resolucion', 'required' => false, 'readOnlyEdit' => 'true'])
                            @include('ATCore::atplus_crud.forms.input_date',['type' => 'edit', 'label' => 'Fecha de Resolución Certificación', 'input_name' => 'env_cert_fecha_resolucion', 'required' => false, 'readOnlyEdit' => true, 'forceLoadScript' => true])
                            </div>
                            <div id="_env_prod" @if ($result->enviroment == 0) style="display:none" @endif >
                            @include('ATCore::atplus_crud.forms.input_text',['type' => 'edit', 'label' => 'Número de Resolución Producción', 'input_name' => 'env_prod_numero_resolucion', 'required' => false, 'readOnlyEdit' => 'true'])
                            @include('ATCore::atplus_crud.forms.input_date',['type' => 'edit', 'label' => 'Fecha de Resolución Producción', 'input_name' => 'env_prod_fecha_resolucion', 'required' => false, 'readOnlyEdit' => true, 'forceLoadScript' => true])
                            </div>
                        </div>
                    </div>
                    <div clas="row col-12">
                        <div class="form-group mt-3">
                            <div id="_enable_edit_button">
                                <a href="#" class="btn btn-primary skip" onclick="enableEdit()">Editar Cuenta</a>
                            </div>
                            <div id="_enable_submit_button" style="display: none">
                                <button type="submit" class="btn btn-primary skip">Actualizar Datos</button>
                                <a href="#" class="btn btn-secondary skip" onclick="cancelEdit()">Cancelar</a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <!-- /.tab-pane -->
            <div class="tab-pane" id="signature">
                <form id="_upload_signature_form" role="form" action="{{route('settings_account_managment_upload_signature')}}" method="POST" autocomplete="off" enctype="multipart/form-data">
                    <input type="hidden" name="account_id" id="_account_id_signature" value="{{$result->id}}">
                    @csrf
                    <div class="row">
                        <div class="col-12 col-sm-6">
                            <div id="_upload_signature" @if ($result->signature->url('origin') != null) style="display:none" @endif>
                                
                                <div class="form-group" id="_form_group_firma">
                                    <label for="exampleInputFile">Adjuntar Certificado Digital <span class="required" style="color:red">*</span></label>
                                    <div class="input-group">
                                        <div class="custom-file">
                                            <input type="file" name="signature" class="custom-file-input" id="_signature">
                                            <label class="custom-file-label" for="_image">Seleccionar Archivo</label>
                                        </div>
                                    </div>
                                </div>
                                @include('ATCore::atplus_crud.forms.input_password',['label' => 'Clave Certíficado', 'input_name' => 'signature_password', 'required' => true])
                                @include('ATCore::atplus_crud.forms.input_password',['label' => 'Clave Certíficado Nuevamente', 'input_name' => 'signature_password_repeat', 'required' => true])
                            </div>
                            @include('ATCore::atplus_crud.forms.input_text',['type' => 'edit', 'label' => 'RUT Propietario Firma', 'input_name' => 'signature_rut', 'required' => true, 'readOnlyEdit' => 'true', 'enableRUTCheck' => true])
                            @if ($result->signature->url('origin') != null)
                            @include('ATCore::atplus_crud.forms.input_date',['type' => 'edit', 'label' => 'Fecha de Vencimiento', 'input_name' => 'signature_due_date','required' => true, 'readOnlyEdit' => true, 'forceLoadScript' => true])
                            @else
                            @include('ATCore::atplus_crud.forms.input_date',['type' => 'edit', 'label' => 'Fecha de Vencimiento', 'input_name' => 'signature_due_date','required' => true, 'readOnlyEdit' => false, 'forceLoadScript' => true])
                            @endif
                        </div>
                        <div class="col-12 col-sm-6">
                            <div class="card-body">
                                @if ($result->signature->url('origin') != null)
                                @if ($signatureStatus == 3)
                                <div class="alert alert-danger">
                                    <h5><i class="icon fas fa-ban"></i> Alerta!</h5>
                                    Tu Certificado Digital ha caducado, por favor actualizalo para seguir operando.
                                </div>
                                @elseif ($signatureStatus == 2)
                                <div class="alert alert-warning">
                                    
                                    <h5><i class="icon fas fa-exclamation-triangle"></i> Cuidado!</h5>
                                    Tu Certificado Digital está pronto a vencer el , por favor actualízalo a tiempo para seguir operando.
                                </div>
                                @else
                                <div class="alert alert-success">
                                    
                                    <h5><i class="icon fas fa-check"></i> Todo en Orden!</h5>
                                    Tu Certificado Digital está en condiciones de seguir operando..
                                </div>
                                @endif
                                
                                @endif
                            </div>
                        </div>
                    </div>
                    <div clas="row col-12">
                        <div class="form-group mt-3">
                            <div id="_enable_upload_submit_button" @if ($result->signature->url('origin') != null) style="display:none" @endif>
                                <button type="submit" class="btn btn-primary skip">Guardar Certificado</button>
                                <a href="#" class="btn btn-secondary skip" onclick="cancelUploadSignature()">Cancelar</a>
                            </div>
                            <div id="_enable_upload_button" @if ($result->signature->url('origin') == null) style="display:none" @endif>
                                <a href="#" class="btn btn-primary skip" onclick="enableUploadSignature();">Actualizar Certificado</a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <!-- /.tab-pane -->
            
            <div class="tab-pane" id="folios">
                <div id="_folios_table">
                    @include('ATCore::partials.table',['table' => isset($table)? $table : null, 'columns' => isset($columns)? $columns : null, 'data_query' => isset($query)? $query : null, 'goto' => isset($gotoWOD)? $gotoWOD : null])
                </div>
                <form id="_upload_folio_form" role="form" action="{{route('settings_account_managment_upload_folio')}}" method="POST" autocomplete="off" enctype="multipart/form-data">
                    <input type="hidden" name="account_id" id="_account_id" value="{{$result->id}}">
                    @csrf
                    <div class="row">
                        <div class="col-12 col-sm-6">
                            <div id="_upload_folio" style="display: none">
                                <div class="form-group" id="_form_group_firma">
                                    <label for="exampleInputFile">Adjuntar Nuevo Folio <span class="required" style="color:red">*</span></label>
                                    <div class="input-group">
                                        <div class="custom-file">
                                            <input type="file" name="folio" class="custom-file-input" id="_folio">
                                            <label class="custom-file-label" for="_image">Seleccionar Archivo</label>
                                        </div>
                                    </div>
                                </div>
                                @include('ATCore::atplus_crud.forms.select_options',['label' => 'Tipo Documento', 'input_name' => 'document_type','required' => true, 'options' => ['' => 'Seleciona Tipo Documento', '33' => 'Factura', '39' => 'Boleta Electrónica']])
                                @include('ATCore::atplus_crud.forms.input_text',['label' => 'Desde', 'input_name' => 'start', 'required' => true, 'readonly' => true])
                                @include('ATCore::atplus_crud.forms.input_text',['label' => 'Hasta', 'input_name' => 'end', 'required' => true])
                                @include('ATCore::atplus_crud.forms.input_text',['label' => 'Último Folio Usado', 'input_name' => 'last_used', 'required' => false])
                                
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-sm-6">
                            <div class="form-group mt-3">
                                <div id="_enable_upload_folio_submit_button" @if ($result->signature->url('origin') != null) style="display:none" @endif>
                                    <button type="submit" class="btn btn-primary skip">Agregar Nuevo Folio</button>
                                    <a href="#" class="btn btn-secondary skip" onclick="cancelUploadNewFolio()">Cancelar</a>
                                </div>
                                <div id="_enable_upload_folio_button" @if ($result->signature->url('origin') == null) style="display:none" @endif>
                                    <a href="#" class="btn btn-primary skip" onclick="enableUploadNewFolio();">Agregar Nuevo Folio</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                
            </div>
        </div>
        
        <!-- /.tab-pane -->
    </div>
    <!-- /.tab-content --> 
</div><!-- /.card-body -->
@endif
<!-- /.nav-tabs-custom -->

@stop
@section('atplus_main_css')
<style>
    .custom-file-input:lang(es) ~ .custom-file-label::after {
        content: "Elegir"
    }
</style>
@stop
@section('atplus_main_js')

@if (isset($result))
<script>



    
    $('#_enviroment').change(function() {
      if ($(this).prop('checked')){
        document.getElementById('_env_cert').style.display = "block";
        document.getElementById('_env_prod').style.display = "none";

        document.getElementById('_enviroment_value').value = "0";
      }else{
        document.getElementById('_env_cert').style.display = "none";
        document.getElementById('_env_prod').style.display = "block";

        document.getElementById('_enviroment_value').value = "1";
      }
    })

    function enableEdit(){
        // HABILITAR INPUTS
        document.getElementById('_short_name').readOnly = false;
        document.getElementById('_giro').readOnly = false;
        document.getElementById('_direccion_origen').readOnly = false;
        document.getElementById('_city_id').disabled = false;
        $('#_enviroment').bootstrapToggle('enable');
        
            document.getElementById('_env_cert_numero_resolucion').readOnly = false;
            document.getElementById('_env_cert_fecha_resolucion').disabled = false;
        
            document.getElementById('_env_prod_numero_resolucion').readOnly = false;
            document.getElementById('_env_prod_fecha_resolucion').disabled = false;
        
        document.getElementById('_actividad_economica').readOnly = false;
        document.getElementById('_enable_edit_button').style.display = "none";
        document.getElementById('_enable_submit_button').style.display = "block";
        
    }
    function cancelEdit(){
        // HABILITAR INPUTS
        document.getElementById('_short_name').readOnly = true;
        document.getElementById('_giro').readOnly = true;
        document.getElementById('_direccion_origen').readOnly = true;
        document.getElementById('_city_id').disabled = true;
        $('#_enviroment').bootstrapToggle('disable');
        
            document.getElementById('_env_cert_numero_resolucion').readOnly = true;
            document.getElementById('_env_cert_fecha_resolucion').disabled = true;
        
            document.getElementById('_env_prod_numero_resolucion').readOnly = true;
            document.getElementById('_env_prod_fecha_resolucion').disabled = true;
        
        document.getElementById('_actividad_economica').readOnly = true;
        document.getElementById('_enable_edit_button').style.display = "block";
        document.getElementById('_enable_submit_button').style.display = "none";
    }
    
    
    function enableUploadSignature(){
        document.getElementById('_signature_due_date').disabled = false;
        document.getElementById('_signature_rut').readOnly = false;
        document.getElementById('_enable_upload_submit_button').style.display = "block";
        document.getElementById('_enable_upload_button').style.display = "none";
        document.getElementById('_upload_signature').style.display = "block";
    }
    
    function cancelUploadSignature(){
        document.getElementById('_signature_due_date').disabled = true;
        document.getElementById('_signature_rut').readOnly = true;
        document.getElementById('_enable_upload_submit_button').style.display = "none";
        document.getElementById('_enable_upload_button').style.display = "block";
        document.getElementById('_upload_signature').style.display = "none";
    }
    
    function enableUploadNewFolio(){
        document.getElementById('_folios_table').style.display = "none";
        document.getElementById('_enable_upload_folio_button').style.display = "none";
        document.getElementById('_enable_upload_folio_submit_button').style.display = "block";
        document.getElementById('_upload_folio').style.display = "block";
    }
    
    function cancelUploadNewFolio(){
        document.getElementById('_folios_table').style.display = "block";
        document.getElementById('_enable_upload_folio_button').style.display = "block";
        document.getElementById('_enable_upload_folio_submit_button').style.display = "none";
        document.getElementById('_upload_folio').style.display = "none";
    }
    
    $(document).ready(function() {
        
        
        
        $('#myTab a').click(function(){
            sessionStorage.setItem("clicked", $(this).attr('id'));
            
        });
        
        if(sessionStorage.getItem("clicked") != null){
            var clickeId = sessionStorage.getItem("clicked");
            $('#'+clickeId).tab('show');
        }
        $("#_document_type").change(function () {      
            let documentType = $(this).val();
            
            if (documentType != ''){
                let settings = { headers: { 'content-type': 'multipart/form-data' } };
                let data = new FormData();
                data.append('account_id', "{{$result->id}}");
                data.append('document_type', documentType);
                data.append('_token', $('meta[name="csrf-token"]').attr('content'));
                
                axios.post('{{route('get_last_number_folio')}}', data, settings)
                .then(response => {
                    if (response.data < 1){
                        document.getElementById('_start').readOnly = false;
                    }else{
                        document.getElementById('_start').value = response.data+1;
                    }
                    
                }).catch(response => {
                    console.log(response)
                })
            }
        }).trigger("change");

enableValidate('_upload_signature_form')




    });

    
    
    
</script>
@endif

@yield('input_date_script_signature_due_date')
@yield('input_date_script_env_cert_fecha_resolucion')    
@yield('input_date_script_env_prod_fecha_resolucion')
@stop