@extends('plantilla.master')
@section('scripts')
<link rel="stylesheet" href="{{asset('plugins/datatables/data/css/jquery.dataTables.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/datatables/data/css/dataTables.bootstrap4.min.css')}}">
@endsection
@section('title',"Configuraciones")
@section('contenido_title',"Configuraciones")
@section('contenido')
<div class="formulario" id="formulario">
    <div class="card">
        <div class="card-header">
            <h4 class="text-center">EMPRESAS PERTENECIENTES A LA CUENTA</h4>
        </div>
        <div class="card-body">
            @include('plantilla.mensajes')
            <form action="{{route('configuraciones-up')}}" method="POST" enctype="multipart/form-data">
                {{ csrf_field() }}
                <div class="form-row">
                    <div class="form-group col-sm-12">
                        <label for="sucursal">Razón Social Cliente:</label>
                        <div class="input-group">
                            <select class="form-control" name="cliente" id="cliente">
                                @php $ban=false; @endphp
                                @foreach($clientes as $cliente)
                                @php $ban=true; @endphp
                                <option value="{{$cliente->cncliente}}">{{$cliente->xdnombre}}</option>
                                @endforeach
                                @if(!$ban)
                                <option value="NULL">No se encuentra relacionado a un cliente</option>
                                @endif
                            </select>
                            <div class="input-group-append">
                                <a href="javascript:void(0);" title="Editar Información" class="btn btn-primary" onclick="EditarEmpresa();">
                                    <i class="fas fa-pen"></i> Editar Información</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-sm-12 col-md-6">
                        <label for="folio_inicial">Folio inicial</label>
                        <input type="number" class="form-control" name="folio_inicial" id="folio_inicial"
                            placeholder="Ingrese el folio inicial" required>
                    </div>
                    <div class="form-group col-sm-12 col-md-6">
                        <label for="concepto">Concepto</label>
                        <input type="text" class="form-control" name="concepto" id="concepto"
                            placeholder="Ingrese el concepto" required>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-sm-12 col-md-6">
                        <label for="certificado">Certificado (.cer)</label>
                        <div class="custom-file">
                            <input type="file" class="custom-file-input" id="certificado" name="certificado" lang="es"
                                accept=".cer">
                            <label class="custom-file-label" id="name_data_cer" for="certificado">Seleccionar
                                Archivo</label>
                        </div>
                    </div>
                    <div class="form-group col-sm-12 col-md-6">
                        <label for="clave_privada">Clave privada (.key)</label>
                        <div class="custom-file">
                            <input type="file" class="custom-file-input" id="clave_privada" name="clave_privada"
                                lang="es" accept=".key">
                            <label class="custom-file-label" id="name_data_key" for="clave_privada">Seleccionar
                                Archivo</label>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-sm-12">
                        <label for="password">Contraseña de clave privada</label>
                        <!--input type="text" class="form-control" name="password" id="password" placeholder="********" required-->
                        <div class="input-group">
                            <input type="password" class="form-control" name="password" id="password"
                                placeholder="*****" aria-describedby="show" required>
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="show" onclick="Change()"><i
                                        class="fas fa-eye"></i></span>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="form-row">
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <button type="submit" id="sub" class="btn btn-success btn-block" data-placement="bottom"
                            title="Agregar">
                            <i class="fas fa-check"></i> Agregar
                        </button>
                    </div>
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <a href="{{route('inicio')}}" class="btn btn-info btn-block" data-placement="bottom"
                            title="Cancelar">
                            <i class="fas fa-ban"></i> Cancelar
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</div>
@endsection
<style>
    tbody tr th,
    tbody tr td:nth-child(3) {
        text-align: center !important;
        vertical-align: middle !important;
    }

    tbody tr th,
    tbody tr td:nth-child(1) {
        vertical-align: middle !important;
    }

    tbody tr th,
    tbody tr td:nth-child(2) {
        vertical-align: middle !important;
    }

    .genera {
        display: none !important;
    }
</style>
@section('endscript')
<script src="{{ asset('plugins/datatables/data/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables/data/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/sweetalert/sweetalert.min.js') }}"></script>
<script>
    var mostrar=false;
        function Change(){
            if(mostrar){
                mostrar=false;
                document.getElementById('password').type="password";
                $('#show').html('<i class="fas fa-eye"></i>');
            }else{
                document.getElementById('password').type="text";
                $('#show').html('<i class="fas fa-eye-slash"></i>');
                mostrar=true;
            }
        }
        if($('#cliente').val()!='NULL'){
            getConfiguraciones();
        }else{
            document.getElementById('sub').disabled=true;
        }
        function EditarEmpresa(){
            window.location.href = "{{ env('APP_URL') }}/editar-informacion-empresa/"+$('#cliente').val();
        }
        function getConfiguraciones(){
            var url=path+'/get-configuraciones/'+$('#cliente').val();
            $.ajax({
                url: url,
                type: 'get',
                beforeSend: function () {

                },
                success: function (response) {
                    if(response[0]==undefined){
                        $('#sub').html('Agregar');
                        document.getElementById("sub").title="Agregar";
                    }else{
                        response=response[0];
                        $('#concepto').val(response['dxconceptodefault']);
                        //$('#sucursal').val(response['xnsucursal']);
                        $('#folio_inicial').val(response['xnfolioinicial']+1)
                        $('#password').val(response['dxclaveprivada']);
                        $('#name_data_key').html(response['pathkey']);
                        $('#name_data_cer').html(response['pathcertificado']);
                        document.getElementById('clave_privada').title="Clave cargada";
                        document.getElementById('certificado').title="Certifado cargado";
                        $('#sub').html('Actualizar');
                        document.getElementById("sub").title="Actualizar";
                    }
                }
            });
        }
</script>
@endsection