@extends('layouts.dashboard')


@section('css')
{{-- <link href="{{ asset('css/dashboard/mainpro.css') }}" rel="stylesheet"> --}}
<link href="{{ asset('css/dashboard/demo.css') }}" rel="stylesheet">

@endsection

@section('js')
<script src="{{ asset('js/emisores/main.js?version=' . version_js_emisor()) }}"></script>
<script src="{{ asset('js/_checkRFC.js?version='.version_js()) }}" defer></script>
<script src="{{ asset('js/dashboard/custom-file-input.js') }}" defer></script>
<script src="{{ asset('js/dashboard/input_file.js') }}" defer></script>


@endsection



@section('content')

<div class="app-page-title d-xs-none">
    <div class="page-title-wrapper">
        <div class="col-sm-4">
            <div class="page-title-heading">
                <div>
                    <div class="page-title-subheading">

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

        <div class="col-sm-8">
            <div class="page-header float-right">
                <nav class="" aria-label=" breadcrumb">
                    <ol class="breadcrumb text-right">
                        <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
                        <li class="active breadcrumb-item" aria-current="page"><a
                                href="{{ route('users.index') }}">Emisores</a></li>
                        <li class="active breadcrumb-item" aria-current="page">Nuevo emisor</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</div>


<div class="tab-pane tabs-animation fade show active" id="tab-content-0" role="tabpanel">
    <div class="row d-flex justify-content-center">
        <div class="col-lg-10 col-md-12">
            <div class="main-card mb-3 card">
                <div class="card-body ">
                    <h5 class="card-title"></h5>
                    @if ($errors->any())
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <button type="button" class="close" aria-label="Close" data-dismiss="alert">
                            <span aria-hidden="true">×</span>
                        </button>

                        <div class="row">
                            <div class="col-1">
                                <i class="pe-7s-shield" style="font-size: 20px;"> </i>
                            </div>
                            <ul>
                                @foreach ($errors->all() as $error)
                                <li>
                                    <div class="col-12"><strong>
                                            <strong>{{ $error }}</strong></strong></div>
                                </li>
                                @endforeach
                            </ul>


                        </div>


                    </div>
                    @endif

                    @if (session('msg'))
                    <div class="alert alert-success alert-dismissable col-4"
                        style="text-align: center;margin: auto;margin-bottom: 1rem;margin-top: 12px;">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        <strong>{{ session('msg') }}</strong>
                    </div>
                    @endif


                    <form action="{{ url('/emisores') }}" method="POST" enctype="multipart/form-data" autocomplete="off">
                        @csrf
                        <div id="smartwizard" class="sw-main sw-theme-default">
                            <ul class="forms-wizard nav nav-tabs step-anchor">
                                <li class="nav-item active">
                                    <a href="#step-1" class="nav-link">
                                        <em>1</em><span>Datos del emisor</span>
                                    </a>
                                </li>
                                <!-- nav-item done -->
                                <li class="nav-item">
                                    <a href="#step-2" class="nav-link">
                                        <em>2</em><span>Sellos digitales</span>
                                    </a>
                                </li>
                                
                            </ul>


                            <div class="form-wizard-content sw-container tab-content">
                                <div id="step-1" class="tab-pane step-content" style="display: block;">


                                    <div class="col-md-10 mx-auto">

                                        <div class="row form-group">
                                            <div class="col col-md-3"><label for="razon_emisor"
                                                    class=" form-control-label">Nombre / razón social <span
                                                        class="color-red ">*</span> </label></div>
                                            <div class="col-12 col-md-9">
                                                <input type="text" class="mb-2 form-control-sm form-control"
                                                    id="razon_emisor" maxlength="250" title="" required
                                                    name="RazonSocial" value="{{ old('RazonSocial') }}"
                                                    placeholder="p. ej.: Escuela Kemper Urgate">
                                            </div>
                                        </div>


                                        <div class="row form-group">

                                            <div class="col col-md-3"><label for="rfc_input"
                                                    class=" form-control-label">R.F.C. <span class="color-red ">*</span>
                                                </label></div>
                                            <div class="col-12 col-md-9">
                                                <input type="text" id="text-rfc" title="" maxlength="13" required
                                                    name="c_RFC" placeholder="p. ej.: EKU9003173C9"
                                                    value="{{ old('c_RFC') }}"
                                                    onkeyup="this.value = this.value.toUpperCase();"
                                                    oninput="validarInput(this)" onblur="emisor.Buscar(this)" class="form-control">
                                            </div>
                                        </div>

                                        <div class="row form-group">
                                            <div class="col col-md-3"><label for="rfc_input"
                                                    class=" form-control-label">C.U.R.P <span class="color-red ">*</span>
                                                </label></div>
                                            <div class="col-12 col-md-9">
                                                <input type="text" title="" maxlength="18"
                                                    name="c_curp" placeholder="p. ej.: PEGJ850315HJCRRN07"
                                                    value="{{ old('c_curp') }}"
                                                    onkeyup="this.value = this.value.toUpperCase();"class="form-control">
                                            </div>
                                        </div>

                                        <div class="row form-group">

                                            <div class="col col-md-3"><label for="" class=" form-control-label">Tipo de
                                                    persona <span class="color-red ">*</span>
                                                </label></div>
                                            <div class="col-12 col-md-9">
                                                <input type="text" id="TipoPersona" readonly title="" maxlength="6"
                                                    required name="TipoPersona" value="{{ old('TipoPersona') }}"
                                                    placeholder="Tipo de persona" class="form-control form-control-sm">
                                            </div>
                                        </div>


                                        {{-- <div class="row form-group">

                                                <div class="col col-md-3"><label for="regimen_fiscal"
                                                        class=" form-control-label">Tipo Persona<span
                                                            class="color-red ">*</span> </label></div>
                                                <div class="col-12 col-md-9">
                                                    <select name="TipoPersona"  id="select-regimen"
                                                        value="{{ old('TipoPersona') }}"
                                        class="form-control-sm form-control">
                                        @if (old('TipoPersona'))
                                        <option value="{{ old('TipoPersona') }}">
                                            {{ old('TipoPersona') }}</option>
                                        @endif
                                        @if (old('TipoPersona') != 'Moral')
                                        <option value="Moral">Moral</option>
                                        @endif
                                        @if (old('TipoPersona') != 'Fisica')
                                        <option value="Fisica">Fisica
                                        </option>
                                        @endif
                                        </select>
                                    </div>
                                </div> --}}
                                {{-- <div class="row form-group" id="select_regimentFiscal">
                                                <div class=" col col-md-3"><label for="regimen_fiscal"
                                                        class=" form-control-label">Régimen fiscal<span
                                                            class="color-red ">*</span> </label>
                                                </div>
                                                <div class="col-md-9 ">

                                                    <select name="RegimenFiscal" id="select-regimenFiscal"
                                                        class="form-control-sm form-control">

                                                        @foreach ($regimenFiscal as $item)

                                                            <option value="{{ $item->c_RegimenFiscal }}">
                                {{ $item->c_RegimenFiscal }}-{{ $item->Descripcion }}
                                </option>
                                @endforeach
                                </select>

                            </div>
                        </div> --}}

                        <div class="row form-group">
                            <div class="col col-md-3">
                                <label for="razon_emisor"
                                    class=" form-control-label">Email
                                </label>
                            </div>
                            <div class="col-12 col-md-9">
                                <input type="email" class="mb-2 form-control-sm form-control"
                                    id="email_emisor" maxlength="250"
                                    name="email_emisor" 
                                    placeholder="p. ej.: kemper_urgate@gmail.com">
                            </div>
                        </div>
                        
                        <div class="row form-group" id="multiselect_regimentFiscal">

                            <div class=" col col-md-3"><label for="regimen_fiscal" class=" form-control-label">Régimen
                                    fiscal<span class="color-red ">*</span> </label></div>



                            <div class="col-sm-12 col-md-9 " style="height: 50%;">
                                <div class="card-hover-shadow-2x  card" data-toggle="tooltip" data-placement="right"
                                    title="Haga clic sobre la casilla para seleccionar">

                                    <div class="scroll-area-lg">
                                        <div class="scrollbar-container ps ps--active-y">
                                            <div class="p-2">

                                                <ul class="todo-list-wrapper list-group list-group-flush">
                                                    @foreach ($regimenFiscal as $item)
                                                    <li class="list-group-item" id="li-{{ $item->c_RegimenFiscal }}">
                                                        <div class="todo-indicator bg-success">
                                                        </div>
                                                        <div class="widget-content p-0">
                                                            <div class="widget-content-wrapper">
                                                                <div class="widget-content-left mr-2">
                                                                    <div class="custom-checkbox custom-control">
                                                                        <input type="checkbox"
                                                                            name="MultiRegimenFiscal[]"
                                                                            id="{{ $item->c_RegimenFiscal }}"
                                                                            value="{{ $item->c_RegimenFiscal }}"
                                                                            fisica="{{ $item->AplicaPerFis }}"
                                                                            moral="{{ $item->AplicaPerMor }}"
                                                                            class="custom-control-input"
                                                                            @if(is_array(old('MultiRegimenFiscal')) && in_array($item->c_RegimenFiscal,old('MultiRegimenFiscal'))) checked @endif
                                                                        >
                                                                        <label class="custom-control-label"
                                                                            for="{{ $item->c_RegimenFiscal }}">&nbsp;</label>
                                                                    </div>
                                                                </div>
                                                                <div class="widget-content-left">

                                                                    <div class="">
                                                                        <i>{{ $item->c_RegimenFiscal }}-{{ $item->Descripcion }}</i>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </li>
                                                    @endforeach
                                                    </option>
                                                </ul>

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

                                </div>
                            </div>



                        </div>

                        

                        <input type="checkbox" name="check" id="cbk_regimen" class="custom-control-input" checked
                            style="display: none">






                </div>
            </div>

            <div id="step-2" class="tab-pane step-content" style="display: none;">

                <div class="col-md-10 mx-auto">



                    <div class="row form-group">
                        <div class="col col-md-3"><label for="file-input" class="form-control-label">Certificado del
                                sello
                                (.cer) <span class="color-red ">*</span> </label></div>
                        <div class="col-12 col-md-9">
                            <input type="file" name="CertificadoCSD" id="file_cer" class="inputfile empty inputfile-6"
                                accept=".cer" >
                            <label for="file_cer" style="width: 100%;border-radius: 6px;">
                                <span id="name_file_cer"></span>
                                <strong style="font-weight: initial;">
                                    <div id="lbl_load_cer">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17"
                                            viewBox="0 0 20 17">
                                            <path
                                                d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z" />
                                        </svg>

                                        Cargar archivo&hellip;
                                    </div>
                                </strong>
                            </label>
                        </div>
                        <div id="clear-input-cer" class="color-red"
                            style="width: 100%;height: 10px;padding-left: 96%;margin-bottom: 10px;"
                            data-toggle="tooltip" data-placement="bottom" title="Eliminar archivo">
                            <i class="metismenu-icon pe-7s-close-circle" style="font-size: 22px;"></i>
                        </div>


                    </div>






                    <div class="row form-group">
                        <div class="col col-md-3"><label for="file-input" class=" form-control-label">Llave privada
                                (.key)
                                <span class="color-red ">*</span> </label></div>

                        <div class="col-12 col-md-9">
                            <input type="file" name="LlavePrivada" id="file_key" class="inputfile empty inputfile-6 "
                                accept=".key" >



                            <label for="file_key" style="width: 100%;border-radius: 6px;">
                                <span id="name_file_key"></span>
                                <strong style="font-weight: initial;">
                                    <div id="lbl_load_key">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17"
                                            viewBox="0 0 20 17">
                                            <path
                                                d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z" />
                                        </svg>
                                        Cargar archivo&hellip;
                                    </div>

                                </strong>
                            </label>

                        </div>
                        <div id="clear-input-key" class="color-red"
                            style="width: 100%;height: 10px;padding-left: 96%;margin-bottom: 10px;"
                            data-toggle="tooltip" data-placement="bottom" title="Eliminar archivo">
                            <i class="metismenu-icon pe-7s-close-circle" style="font-size: 22px;"></i>
                        </div>
                    </div>








                    <div class="row form-group">
                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Contraseña del CSD
                                <span class="color-red ">*</span> </label></div>
                        <div class="col-12 col-md-9 ">
                            <input type="password" id="ipt_ContrasenaCSD" required name="ContrasenaCSD" title=""
                                placeholder="Ingrese la contraseña de su CSD" class="mb-2 form-control-sm form-control"
                                value="{{ old('ContrasenaCSD') }}"><small class="form-text text-muted"></small>
                        </div>

                    </div>

                </div>

            </div>

            <div id="step-3" class="tab-pane step-content" style="display: none;">


                <div class="no-results">
                    <div class="swal2-icon swal2-success swal2-animate-success-icon">
                        <div class="swal2-success-circular-line-left" style="background-color: rgb(255, 255, 255);">
                        </div>
                        <span class="swal2-success-line-tip"></span>
                        <span class="swal2-success-line-long"></span>
                        <div class="swal2-success-ring"></div>
                        <div class="swal2-success-fix" style="background-color: rgb(255, 255, 255);"></div>
                        <div class="swal2-success-circular-line-right" style="background-color: rgb(255, 255, 255);">
                        </div>
                    </div>
                    {{-- <div class="results-subtitle mt-4">Finalizar!</div> --}}
                    {{-- <div class="results-title">Llegaste al ultimo paso, haz clic en terminar para
                        continuar!</div>
                    <div class="mt-3 mb-3"></div>--}}
                    <div class="text-center" style="display:none">
                        <button type="submit" id="terminar-registro"
                            class="btn-shadow btn-wide btn btn-success btn-lg" onclick="encode_txt()">Terminar</button>
                    </div>
                </div>


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

    <div class="divider">

    </div>
    <div class="clearfix">
        <button type="button" id="next-btn"
            class="btn-shadow btn-wide float-right btn-pill btn-hover-shine btn btn-primary ">Siguiente</button>
        <button type="button" id="prev-btn"
            class="btn-shadow float-right btn-wide btn-pill mr-3 btn btn-outline-secondary">Anterior</button>
    </div>
    <input type="checkbox" id="aceptar_acuerdos" name="aceptar_acuerdos" value="si" checked style="display:none">
    <input type="hidden" id="no_pagina" name="no_pagina" value="" />
    </form>


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

</div>
</div>

<script>
    function encode_txt(){
        $('#ipt_ContrasenaCSD').val(btoa($('#ipt_ContrasenaCSD').val()))
    }
</script>
@endsection
@section('modals')
<!-- Modal -->




<input type="hidden" id="nu" name="nu" value="" />




@endsection