@extends('system.cliiente.layout.layout')

@section('css')
    <style>
        li {
            color: #DB3920;
        }

        .active .bs-stepper-circle {
            background: #DB3920;
        }

        .stripe-connect {
            background: #635bff;
            display: inline-block;
            height: 38px;
            text-decoration: none;
            width: 180px;

            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;

            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;

            -webkit-font-smoothing: antialiased;
        }

        .stripe-connect span {
            color: #ffffff;
            display: block;
            font-family: sohne-var, "Helvetica Neue", Arial, sans-serif;
            font-size: 15px;
            font-weight: 400;
            line-height: 14px;
            padding: 11px 0px 0px 24px;
            position: relative;
            text-align: left;
        }

        .stripe-connect:hover {
            background: #7a73ff;
        }

        .stripe-connect.slate {
            background: #0a2540;
        }

        .stripe-connect.slate:hover {
            background: #425466;
        }

        .stripe-connect.white {
            background: #ffffff;
        }

        .stripe-connect.white span {
            color: #0a2540;
        }

        .stripe-connect.white:hover {
            background: #f6f9fc;
        }

        .stripe-connect span::after {
            background-repeat: no-repeat;
            background-size: 49.58px;
            content: "";
            height: 20px;
            left: 62%;
            position: absolute;
            top: 28.95%;
            width: 49.58px;
        }

        /* Logos */
        .stripe-connect span::after {
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 468 222.5' style='enable-background:new 0 0 468 222.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M414,113.4c0-25.6-12.4-45.8-36.1-45.8c-23.8,0-38.2,20.2-38.2,45.6c0,30.1,17,45.3,41.4,45.3 c11.9,0,20.9-2.7,27.7-6.5v-20c-6.8,3.4-14.6,5.5-24.5,5.5c-9.7,0-18.3-3.4-19.4-15.2h48.9C413.8,121,414,115.8,414,113.4z M364.6,103.9c0-11.3,6.9-16,13.2-16c6.1,0,12.6,4.7,12.6,16H364.6z'/%3E%3Cpath class='st0' d='M301.1,67.6c-9.8,0-16.1,4.6-19.6,7.8l-1.3-6.2h-22v116.6l25-5.3l0.1-28.3c3.6,2.6,8.9,6.3,17.7,6.3 c17.9,0,34.2-14.4,34.2-46.1C335.1,83.4,318.6,67.6,301.1,67.6z M295.1,136.5c-5.9,0-9.4-2.1-11.8-4.7l-0.1-37.1 c2.6-2.9,6.2-4.9,11.9-4.9c9.1,0,15.4,10.2,15.4,23.3C310.5,126.5,304.3,136.5,295.1,136.5z'/%3E%3Cpolygon class='st0' points='223.8,61.7 248.9,56.3 248.9,36 223.8,41.3 '/%3E%3Crect x='223.8' y='69.3' class='st0' width='25.1' height='87.5'/%3E%3Cpath class='st0' d='M196.9,76.7l-1.6-7.4h-21.6v87.5h25V97.5c5.9-7.7,15.9-6.3,19-5.2v-23C214.5,68.1,202.8,65.9,196.9,76.7z'/%3E%3Cpath class='st0' d='M146.9,47.6l-24.4,5.2l-0.1,80.1c0,14.8,11.1,25.7,25.9,25.7c8.2,0,14.2-1.5,17.5-3.3V135 c-3.2,1.3-19,5.9-19-8.9V90.6h19V69.3h-19L146.9,47.6z'/%3E%3Cpath class='st0' d='M79.3,94.7c0-3.9,3.2-5.4,8.5-5.4c7.6,0,17.2,2.3,24.8,6.4V72.2c-8.3-3.3-16.5-4.6-24.8-4.6 C67.5,67.6,54,78.2,54,95.9c0,27.6,38,23.2,38,35.1c0,4.6-4,6.1-9.6,6.1c-8.3,0-18.9-3.4-27.3-8v23.8c9.3,4,18.7,5.7,27.3,5.7 c20.8,0,35.1-10.3,35.1-28.2C117.4,100.6,79.3,105.9,79.3,94.7z'/%3E%3C/g%3E%3C/svg%3E");
        }

        .stripe-connect.white span::after {
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 468 222.5' style='enable-background:new 0 0 468 222.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%230A2540;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M414,113.4c0-25.6-12.4-45.8-36.1-45.8c-23.8,0-38.2,20.2-38.2,45.6c0,30.1,17,45.3,41.4,45.3 c11.9,0,20.9-2.7,27.7-6.5v-20c-6.8,3.4-14.6,5.5-24.5,5.5c-9.7,0-18.3-3.4-19.4-15.2h48.9C413.8,121,414,115.8,414,113.4z M364.6,103.9c0-11.3,6.9-16,13.2-16c6.1,0,12.6,4.7,12.6,16H364.6z'/%3E%3Cpath class='st0' d='M301.1,67.6c-9.8,0-16.1,4.6-19.6,7.8l-1.3-6.2h-22v116.6l25-5.3l0.1-28.3c3.6,2.6,8.9,6.3,17.7,6.3 c17.9,0,34.2-14.4,34.2-46.1C335.1,83.4,318.6,67.6,301.1,67.6z M295.1,136.5c-5.9,0-9.4-2.1-11.8-4.7l-0.1-37.1 c2.6-2.9,6.2-4.9,11.9-4.9c9.1,0,15.4,10.2,15.4,23.3C310.5,126.5,304.3,136.5,295.1,136.5z'/%3E%3Cpolygon class='st0' points='223.8,61.7 248.9,56.3 248.9,36 223.8,41.3 '/%3E%3Crect x='223.8' y='69.3' class='st0' width='25.1' height='87.5'/%3E%3Cpath class='st0' d='M196.9,76.7l-1.6-7.4h-21.6v87.5h25V97.5c5.9-7.7,15.9-6.3,19-5.2v-23C214.5,68.1,202.8,65.9,196.9,76.7z'/%3E%3Cpath class='st0' d='M146.9,47.6l-24.4,5.2l-0.1,80.1c0,14.8,11.1,25.7,25.9,25.7c8.2,0,14.2-1.5,17.5-3.3V135 c-3.2,1.3-19,5.9-19-8.9V90.6h19V69.3h-19L146.9,47.6z'/%3E%3Cpath class='st0' d='M79.3,94.7c0-3.9,3.2-5.4,8.5-5.4c7.6,0,17.2,2.3,24.8,6.4V72.2c-8.3-3.3-16.5-4.6-24.8-4.6 C67.5,67.6,54,78.2,54,95.9c0,27.6,38,23.2,38,35.1c0,4.6-4,6.1-9.6,6.1c-8.3,0-18.9-3.4-27.3-8v23.8c9.3,4,18.7,5.7,27.3,5.7 c20.8,0,35.1-10.3,35.1-28.2C117.4,100.6,79.3,105.9,79.3,94.7z'/%3E%3C/g%3E%3C/svg%3E");
        }

        /* Please remove from your implementation. Used to display the white button on the white background */
        .stripe-connect.white {
            left: 1px;
            position: relative;
            top: 1px;
        }

    </style>
@endsection

@section('body')


    @if (session('mensaje'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('mensaje') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    @if (session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ session('error') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    <div class="container mb-10">
        <div class="row">
            <div class="col">
                <div class="card">
                    <div class="card-body">
                        <ul>
                            <li>
                                <h5 class="card-title">Información</h5>

                            </li>
                        </ul>
                        <table class="table align-items-center table-flush" style="margin: none">

                            <tbody>
                                <tr>
                                    <th>Nombre</th>
                                    <td>{{ Auth::user()->name }}</td>
                                </tr>
                                <tr>
                                    <th>Apellido</th>
                                    <td>{{ Auth::user()->last_name }}</td>
                                </tr>

                                <tr>
                                    <th>Celular</th>
                                    <td>{{ Auth::user()->cellphone }}</td>
                                </tr>

                                <tr>
                                    <th>Correo</th>
                                    <td>{{ Auth::user()->email }}</td>
                                </tr>

                                <tr>
                                    <th>Estado</th>
                                    <td>
                                        @if ($soicitud->cv == null && $soicitud->estado_solicitud == 0)
                                            @if ($soicitud->Domiciliary->tipoDomiciliario == 22)
                                                Sin informacion adicional
                                            @else
                                                Sin hoja de vida
                                            @endif
                                        @endif
                                        @if ($soicitud->cv != null && $soicitud->estado_solicitud == 0)
                                            En revisión
                                        @endif

                                        @if ($soicitud->estado_solicitud == 1)
                                            Entrevista
                                        @endif

                                        @if (env('MULTISERVER') == 'US')
                                            @if ($soicitud->estado_solicitud == 2)
                                                Aceptado
                                            @endif
                                            @if ($soicitud->estado_solicitud == 4)
                                                Finalizado
                                            @endif
                                        @else
                                            @if ($soicitud->estado_solicitud == 2)
                                                Aceptado
                                            @endif
                                            @if ($soicitud->estado_solicitud == 4)
                                                Aceptado
                                            @endif
                                        @endif

                                        @if ($soicitud->estado_solicitud == 3)
                                            Rechazado
                                        @endif
                                    </td>
                                </tr>
                            </tbody>

                        </table>
                    </div>
                </div>
            </div>
            <div class="col">
                @if ($soicitud->Domiciliary->tipoDomiciliario == 22)
                    <div class="card">
                        <div class="card-body">
                            <ul>
                                <li>
                                    <h5 class="card-title">Información del restaurante</h5>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <img style="width:100%;border-radius:6px;"
                                            @if($infoRest->fotoPerfil != null)
                                                src="{{ env('ADMIN_URL') . '/files/fotoPerfil/' . $infoRest->fotoPerfil}}"
                                            @else
                                                src=""
                                            @endif
                                                alt="" class="img img-responsive">
                                        </div>
                                        <div class="col">
                                            <h3>{{ $infoRest->userName }}</h3>

                                            <h5>
                                                El restaurante <b>{{ $infoRest->userName }}</b> te ha inscrito a la
                                                plataforma de domicilios como un domiciliario aliado a su restaurante.
                                            </h5>
                                        </div>
                                    </div>
                                </li>
                            </ul>

                            <ul>
                                <li>
                                    <h5 class="card-title">Tipo de Pago</h5>
                                    <div class="row">
                                        <h5>Tipo de pago seleccionado: {{ $tipoPago->name }}</h5>
                                        @if ($tipoPago->id == 24)
                                            <small>
                                                El pago de los domicilios los hace el restaurante, Enjoit no se hace
                                                responsable de ningún tipo de retribución pactada por las partes
                                                interesadas.
                                            </small>
                                        @endif

                                    </div>
                                    <br>
                                    @if ($soicitud->cv == null)
                                        <div class="form-group mb-0">
                                            <div class="row">
                                                <label class="custom-toggle">
                                                    <input type="checkbox" name="acceptRest" id="acceptRest"
                                                        class="form-control">
                                                    <span class="custom-toggle-slider rounded-circle"></span>
                                                </label>
                                                <p class="mb-0 pl-2" for="acceptRest"><b>Acepto el tipo de Pago y el
                                                        restaurante</b></p>
                                            </div>
                                        </div>
                                    @endif
                                </li>
                            </ul>
                        </div>
                    </div>
                @else
                    <ul>
                        <li>
                            <h5 class="mb-10 ">Acciones</h5>

                        </li>

                        <ul style="list-style-type: none;">

                            @if ($soicitud->cv == null && $soicitud->estado_solicitud == 0)
                                <div class="card">
                                    <div class="card-body">
                                        <h5 class="card-title">Montar archivos</h5>

                                        <button type="submit" class="btn btn-primary form-group" data-toggle="modal"
                                            data-target="#exampleModal">{{ env('MULTISERVER') != 'US' ? 'Enviar Hoja de vida' : 'Enviar información adicional' }}</button>
                                    </div>
                                </div>
                            @endif

                            @if ($soicitud->cv != null && $soicitud->estado_solicitud == 0)
                                @if (env('MULTISERVER') == 'US')
                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="card-title"> Los documentos fueron mandados</h5>
                                            <p>Sus documentos fueron enviados correctamente ,acutalmente nuestró comite lo
                                                esta revisando</p>
                                            <p>Se notificará por correo y sms los resultados</p>
                                        </div>
                                    </div>
                                @else
                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="card-title"> Hoja de vida Mandada</h5>
                                            <p>Su hoja de vida fue enviada correctamente ,acutalmente nuestró comite lo esta
                                                revisando</p>
                                            <p>Se notificará por correo y sms los resultados</p>
                                        </div>
                                    </div>
                                @endif
                            @endif


                            @if ($soicitud->cv != null && $soicitud->estado_solicitud == 1)
                                @if (env('MULTISERVER') != 'US')
                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="card-title"> Pasaste a la entrevista!!</h5>
                                            <p>Pasaste a la siguiente etapa</p>
                                            <p> <strong> La fecha de la entrevista será el dia :</p>
                                            <p></strong> {{ $soicitud->fecha_entrevista }}</p>
                                            <p><strong> En el siguiente lugar:</strong></p>
                                            <p>{{ $soicitud->observaciones }}</p>
                                        </div>
                                    </div>
                                @endif
                            @endif

                            @if ($soicitud->cv != null && $soicitud->estado_solicitud == 2)
                                @if (env('MULTISERVER') == 'US')
                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="card-title"> Bienvenido a Enjoit!!</h5>
                                            <p>¡ Genial ! , ya casi eres parte de nosotros, para terminar con el proceso, es
                                                necesario que te registres en Stripe</p>
                                            <a onclick="createAccount()" class="stripe-connect"><span>Connect
                                                    with</span></a>
                                            <br>
                                            <p>¿Por qué es necesario registrarse en Stripe? Para realizar los pagos a los
                                                domiciliarios, utilizamos Stripe para gestionarlos de manera automática y
                                                que sea lo más fácil y eficiente para el domiciliario recibir sus pagos.</p>

                                        </div>
                                    </div>
                                @else
                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="card-title"> Bienvenido a Enjoit!!</h5>
                                            <p>¡ Genial ! , ya casi eres parte de nosotros, para terminar con el proceso, es
                                                necesario que te registres en NovuEPay</p>
                                                <a href="javascript:;"
                                                onclick=""
                                                class="btn btn-primary">Vincularme</a>
                                            <br>
                                            <p>¿Por qué es necesario registrarse en NovuEPay? Para realizar los pagos a los
                                                domiciliarios, utilizamos cobru para gestionarlos de manera automática y que
                                                sea lo más fácil y eficiente para el domiciliario recibir sus pagos.</p>

                                        </div>

                                        {{-- <div class="card-body">
                                            <h5 class="card-title"> Bienvenido a Enjoit!!</h5>
                                            <p>¡ Genial ! , ya casi eres parte de nosotros, para terminar con el proceso, es
                                                necesario que te registres en Cobru</p>
                                            <a href="javascript:;" class="btn btn-primary" data-toggle="modal"
                                                data-target="#createCobru">Registrarme</a><a href="javascript:;"
                                                data-toggle="modal" data-target="#vincularCobru"
                                                class="btn btn-primary">Vincularme</a>
                                            <br>
                                            <p>¿Por qué es necesario registrarse en Cobru? Para realizar los pagos a los
                                                domiciliarios, utilizamos cobru para gestionarlos de manera automática y que
                                                sea lo más fácil y eficiente para el domiciliario recibir sus pagos.</p>

                                        </div> --}}
                                    </div>
                                @endif
                                {{-- <div class="col-md-3" style="padding-top:24px">
                                </div> --}}
                            @endif

                            @if ($soicitud->cv != null && $soicitud->estado_solicitud == 3)
                                <div class="card">
                                    <div class="card-body">
                                        <h5 class="card-title"> Lamentablemente no pudiste pasar</h5>
                                        <p><strong>Su solicitud fue rechazada por los siguientes motivos</strong></p>
                                        <p>{{ $soicitud->observaciones }}</p>
                                    </div>
                                </div>
                            @endif

                            @if ($soicitud->cv != null && $soicitud->estado_solicitud == 2 && $soicitud->resultado)
                                @if (env('MULTISERVER') == 'US')
                                    @if ($dataUser != null)
                                        @if ($infoPasarela->state_stripe == 'ACTIVE')
                                            <div class="card">
                                                <div class="card-body">
                                                    <h5 class="card-title"> ¡Excelente! ya eres parte de nosotros.</h5>
                                                    <p>Bienvenido a enjoit!!</p>
                                                </div>
                                            </div>
                                        @else
                                            <div class="col-md-12 text-center">
                                                @if (!$dataUser->details_submitted || !$dataUser->charges_enabled || !$dataUser->payouts_enabled)
                                                    @if (count($dataUser->requirements->errors) > 0)
                                                        <div class="alert alert-danger alert-dismissible" role="alert">
                                                            <button type="button" class="close" data-dismiss="alert"
                                                                aria-label="Close"><span
                                                                    aria-hidden="true">&times;</span></button>
                                                            {{-- 😓 {{Session::get('message_error')}} 😒 --}}
                                                            @foreach ($dataUser->requirements->errors as $item)
                                                                - {{ $item->reason }}
                                                            @endforeach
                                                            <br><br>
                                                            Please login for more information on Stripe.
                                                        </div>
                                                    @endif
                                                    {{-- <a type="button" href="{{ \App\Helpers\ConectionStripe::getLinkAccessLogin($dataUser->id)->url }}" target="_blank" class="btn btn-success"><span>Login in Stripe</span></a> --}}
                                                    <div class="col-md-12 text-center">
                                                        <a type="button" href="https://dashboard.stripe.com/login"
                                                            target="_blank" class="btn btn-success"> <span>Login in
                                                                Stripe</span></a>
                                                        <p style="font-size: 13px; padding-left: 8px;">Visit Stripe for more
                                                            information about the problems.</p>
                                                    </div>
                                                @endif
                                            </div>
                                        @endif
                                    @else
                                        {{-- <a onclick="createAccount()" class="stripe-connect"><span>Connect with</span></a> --}}
                                    @endif

                                @else

                                @endif
                            @else
                                @if ($soicitud->cv != null && $soicitud->estado_solicitud == 4)
                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="card-title"> ¡Excelente! ya eres parte de nosotros.</h5>
                                            <p>Bienvenido a enjoit!!</p>
                                        </div>
                                    </div>
                                </div>
                                @endif
                            @endif


                        </ul>
                    </ul>
                @endif
            </div>
        </div>
        @if ($soicitud->Domiciliary->tipoDomiciliario == 22)
            <div class="row">
                <div class="col-12">
                    @if ($soicitud->Domiciliary->tipoDomiciliario == 22)
                        @if ($soicitud->cv == null && $soicitud->estado_solicitud == 0)
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">Montar archivos</h5>

                                    <button type="submit" class="btn btn-primary form-group"
                                        onclick="validateRest()">{{ env('MULTISERVER') != 'US' ? 'Enviar Hoja de vida' : 'Enviar información adicional' }}</button>
                                </div>
                            </div>
                        @endif

                        @if ($soicitud->cv != null && $soicitud->estado_solicitud == 0)
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title"> Hoja de vida Mandada</h5>
                                    <p>Su hoja de vida fue enviada correctamente ,actualmente nuestro comite lo esta
                                        revisando</p>
                                    <p>Se notificará por correo y sms los resultados</p>
                                </div>
                            </div>
                        @endif

                        @if ($soicitud->cv != null && $soicitud->estado_solicitud == 2 && $dataUser == null)
                            @if (env('MULTISERVER') == 'US')
                                <div class="card">
                                    <div class="card-body">
                                        <h5 class="card-title"> Bienvenido a Enjoit!!</h5>
                                        <p>¡ Genial ! , ya casi eres parte de nosotros, para terminar con el proceso, es
                                            necesario que te registres en Stripe</p>
                                        <a onclick="createAccount()" class="stripe-connect"><span>Connect with</span></a>
                                        <br>
                                        <p>¿Por qué es necesario registrarse en Stripe? Para realizar los pagos a los
                                            domiciliarios, utilizamos Stripe para gestionarlos de manera automática y que
                                            sea lo más fácil y eficiente para el domiciliario recibir sus pagos.</p>

                                    </div>
                                </div>

                                <div class="col-md-3" style="padding-top:24px">
                                </div>
                            @else
                                <div class="card">
                                    <div class="card-body">
                                        <h5 class="card-title"> Bienvenido a Enjoit!!</h5>
                                        <p>¡ Genial ! , ya casi eres parte de nosotros, para terminar con el proceso, es
                                            necesario que te registres en NovuEPay</p>
                                            <a href="javascript:;"
                                            onclick="vincularmeNovu()"
                                            class="btn btn-primary">Vincularme</a>
                                        <br>
                                        <p>¿Por qué es necesario registrarse en NovuEPay? Para realizar los pagos a los
                                            domiciliarios, utilizamos cobru para gestionarlos de manera automática y que
                                            sea lo más fácil y eficiente para el domiciliario recibir sus pagos.</p>
                                    </div>
                                    {{-- <div class="card-body">
                                        <h5 class="card-title"> Bienvenido a Enjoit!!</h5>
                                        <p>¡ Genial ! , ya casi eres parte de nosotros, para terminar con el proceso, es
                                            necesario que te registres en Cobru</p>
                                        <a href="javascript:;" class="btn btn-primary" data-toggle="modal"
                                            data-target="#createCobru">Registrarme</a><a href="javascript:;"
                                            data-toggle="modal" data-target="#vincularCobru"
                                            class="btn btn-primary">Vincularme</a>
                                        <br>
                                        <p>¿Por qué es necesario registrarse en Cobru? Para realizar los pagos a los
                                            domiciliarios, utilizamos cobru para gestionarlos de manera automática y que sea
                                            lo más fácil y eficiente para el domiciliario recibir sus pagos.</p>

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

                                    <div class="col-md-3" style="padding-top:24px">
                                    </div>

                            @endif

                        @endif

                        @if (env('MULTISERVER') == 'US')
                            @if ($dataUser != null)
                                @if ($infoPasarela->state_stripe == 'ACTIVE')
                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="card-title"> ¡Excelente! ya eres parte de nosotros.</h5>
                                            <p>Bienvenido a enjoit!!</p>
                                        </div>
                                    </div>
                                @else
                                    <div class="col-md-12 text-center">
                                        @if (!$dataUser->details_submitted || !$dataUser->charges_enabled || !$dataUser->payouts_enabled)
                                            @if (count($dataUser->requirements->errors) > 0)
                                                <div class="alert alert-danger alert-dismissible" role="alert">
                                                    <button type="button" class="close" data-dismiss="alert"
                                                        aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                    {{-- 😓 {{Session::get('message_error')}} 😒 --}}
                                                    @foreach ($dataUser->requirements->errors as $item)
                                                        - {{ $item->reason }}
                                                    @endforeach
                                                    <br><br>
                                                    Please login for more information on Stripe.
                                                </div>
                                            @endif
                                            {{-- <a type="button" href="{{ \App\Helpers\ConectionStripe::getLinkAccessLogin($dataUser->id)->url }}" target="_blank" class="btn btn-success"><span>Login in Stripe</span></a> --}}
                                            <div class="col-md-12 text-center">
                                                <a type="button" href="https://dashboard.stripe.com/login" target="_blank"
                                                    class="btn btn-success"> <span>Login in Stripe</span></a>
                                                <p style="font-size: 13px; padding-left: 8px;">Visit Stripe for more
                                                    information about the problems.</p>
                                            </div>
                                        @endif
                                    </div>
                                @endif
                            @else
                                {{-- <a onclick="createAccount()" class="stripe-connect"><span>Connect with</span></a> --}}
                            @endif
                        @elseif(env('MULTISERVER') == "CO")
                            @if ($dataUser != null)
                                @if ($soicitud->cv != null && $soicitud->estado_solicitud == 4 && $dataUser->active)
                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="card-title"> ¡Excelente! ya eres parte de nosotros. </h5>
                                            <p>Bienvenido a enjoit!!, Tu numero de telefono cobru es +57
                                                {{ $dataUser->celular ?? $infoPasarela->idAccount }}</p>
                                        </div>
                                    </div>
                                @else
                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="card-title">Hay algunos problemas</h5>
                                            <p>Hemos tenido problemas con tu cuenta cobru, por favor comunicate con el
                                                administrador</p>
                                        </div>
                                    </div>
                                @endif
                            @else

                            @endif
                        @endif

                    @else
                        @if ($soicitud->cv == null && $soicitud->estado_solicitud == 0)
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">Montar archivos</h5>

                                    <button type="submit" class="btn btn-primary form-group" data-toggle="modal"
                                        data-target="#exampleModal">Enviar Hoja de vida</button>
                                </div>
                            </div>
                        @endif

                        @if ($soicitud->cv != null && $soicitud->estado_solicitud == 0)
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title"> Hoja de vida Mandada</h5>
                                    <p>Su hoja de vida fue enviada correctamente ,actualmente nuestro comite lo esta
                                        revisando</p>
                                    <p>Se notificará por correo y sms los resultados</p>
                                </div>
                            </div>
                        @endif


                        @if ($soicitud->cv != null && $soicitud->estado_solicitud == 1)
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title"> Pasaste a la entrevista!!</h5>
                                    <p>Pasaste a la siguiente etapa</p>
                                    <p> <strong> La fecha de la entrevista será el dia :</p>
                                    <p></strong> {{ $soicitud->fecha_entrevista }}</p>
                                    <p><strong> En el siguiente lugar:</strong></p>
                                    <p>{{ $soicitud->observaciones }}</p>
                                </div>
                            </div>
                        @endif

                        @if ($soicitud->cv != null && $soicitud->estado_solicitud == 2 && $dataUser == null)
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title"> Bienvenido a Enjoit!!</h5>
                                    <p>¡ Genial ! , ya casi eres parte de nosotros, para terminar con el proceso, es
                                        necesario que te registres en Stripe</p>
                                    <a onclick="createAccount()" class="stripe-connect"><span>Connect with</span></a>
                                    <br>
                                    <p>¿Por qué es necesario registrarse en Stripe? Para realizar los pagos a los
                                        domiciliarios, utilizamos Stripe para gestionarlos de manera automática y que sea lo
                                        más fácil y eficiente para el domiciliario recibir sus pagos.</p>

                                </div>
                            </div>
                            <div class="col-md-3" style="padding-top:24px">
                            </div>
                        @endif

                        @if ($soicitud->cv != null && $soicitud->estado_solicitud == 3)
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title"> Lamentablemente no pudiste pasar</h5>
                                    <p><strong>Su solicitud fue rechazada por los siguientes motivos</strong></p>
                                    <p>{{ $soicitud->observaciones }}</p>
                                </div>
                            </div>
                        @endif

                        @if (env('MULTISERVER') == 'US')
                            @if ($dataUser != null)
                                @if ($infoPasarela->state_stripe == 'ACTIVE')
                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="card-title"> ¡Excelente! ya eres parte de nosotros.</h5>
                                            <p>Bienvenido a enjoit!!</p>
                                        </div>
                                    </div>
                                @else
                                    <div class="col-md-12 text-center">
                                        @if (!$dataUser->details_submitted || !$dataUser->charges_enabled || !$dataUser->payouts_enabled)
                                            @if (count($dataUser->requirements->errors) > 0)
                                                <div class="alert alert-danger alert-dismissible" role="alert">
                                                    <button type="button" class="close" data-dismiss="alert"
                                                        aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                    {{-- 😓 {{Session::get('message_error')}} 😒 --}}
                                                    @foreach ($dataUser->requirements->errors as $item)
                                                        - {{ $item->reason }}
                                                    @endforeach
                                                    <br><br>
                                                    Please login for more information on Stripe.
                                                </div>
                                            @endif
                                            {{-- <a type="button" href="{{ \App\Helpers\ConectionStripe::getLinkAccessLogin($dataUser->id)->url }}" target="_blank" class="btn btn-success"><span>Login in Stripe</span></a> --}}
                                            <div class="col-md-12 text-center">
                                                <a type="button" href="https://dashboard.stripe.com/login" target="_blank"
                                                    class="btn btn-success"> <span>Login in Stripe</span></a>
                                                <p style="font-size: 13px; padding-left: 8px;">Visit Stripe for more
                                                    information about the problems.</p>
                                            </div>
                                        @endif
                                    </div>
                                @endif
                            @else
                                {{-- <a onclick="createAccount()" class="stripe-connect"><span>Connect with</span></a> --}}
                            @endif

                        @else
                            @if ($soicitud->cv != null && $soicitud->estado_solicitud == 4)
                                <div class="card">
                                    <div class="card-body">
                                        <h5 class="card-title"> ¡Excelente! ya eres parte de nosotros.</h5>
                                        <p>Bienvenido a enjoit!!</p>
                                    </div>
                                </div>
                            @endif
                        @endif
                    @endif
                </div>
            </div>
        @endif
    </div>


    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Montar</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="{{ route('hojaDeVida') }}" method="POST" id="curriculum" accept-charset="UTF-8"
                    enctype="multipart/form-data">
                    <div class="modal-body">
                        <input type="hidden" name="type" value="1">

                        @csrf

                        @if (env('MULTISERVER') != 'US')
                            <div class="form-group">
                                <label for="">Hoja de vida:</label>
                                <input type="file" name="file" id="file" accept="application/pdf" class="form-control"
                                onchange="getSize()" required>
                                <small class="text-danger">{{ $errors->first('file') }}</small>

                            </div><br>

                            <div class="form-group">
                                <label for="">Cara frontal cédula:</label>
                                <input type="file" name="cedulaFrontal" id="cedulaFrontal" accept="image/jpeg"
                                    class="form-control" onchange="getSize()" required>
                                <small class="text-danger">{{ $errors->first('cedulaFrontal') }}</small>
                            </div>

                            <div class="form-group">
                                <label for="">Cara trasera cédula:</label>
                                <input type="file" name="cedulaTrasera" id="cedulaTrasera" accept="image/jpeg"
                                    class="form-control" onchange="getSize()" required>
                                <small class="text-danger">{{ $errors->first('cedulaTrasera') }}</small>
                            </div>
                        @endif

                        <div class="form-group">
                            <label for="">Seleccionar tipo de vehículos:</label>
                            <select name="vehiculo" id="vehiculo" class="form-control" onchange="vehiculos()">
                                <option value="0" selected disabled>Seleccione algun vehículos</option>
                                @foreach ($vehiculos as $item)
                                    <option value="{{ $item->id }}">{{ $item->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group" id="auto1"
                            style="display: {{ old('vehiculo') == 1 || old('vehiculo') == 2 ? 'block' : 'none' }};">
                            <label for="Soat">Auto Ensurance:</label>
                            <input type="file" name="autoEnsurance" id="autoEnsurance" accept="image/jpeg"
                                class="form-control" onchange="getSize()">
                        </div>

                        <div class="form-group" id="regis1"
                            style="display: {{ old('vehiculo') == 1 || old('vehiculo') == 2 ? 'block' : 'none' }};">
                            <label for="Soat">Registration:</label>
                            <input type="file" name="registration" id="registration" accept="image/jpeg"
                                class="form-control" onchange="getSize()">
                        </div>

                        <div class="form-group" id="drive1"
                            style="display: {{ old('vehiculo') == 1 || old('vehiculo') == 2 ? 'block' : 'none' }};">
                            <label for="Soat">Drive License:</label>
                            <input type="file" name="driveLicense" id="driveLicense" accept="image/jpeg"
                                class="form-control" onchange="getSize()">
                        </div>

                        <div class="col form-group mb-0">
                            <div class="row">
                                <label class="custom-toggle">
                                    <input type="checkbox" name="terminos" id="terminos" class="form-control">
                                    <span class="custom-toggle-slider rounded-circle"></span>
                                </label>
                                <p class="mb-0 pl-2" for="terminos"><b>Aceptar <a href="/terminos y condiciones"
                                            target="_blank"> términos y condiciones</a> </b></p>
                            </div>
                        </div>

                    </div>

                    <div class="modal-footer">
                        <button type="button" onclick="enviarArchivos()" class="btn btn-primary">Enviar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="transportModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Montar</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="{{ route('hojaDeVida') }}" method="POST" id="curriculum2" accept-charset="UTF-8"
                    enctype="multipart/form-data">
                    <div class="modal-body">
                        <input type="hidden" name="type" value="2">
                        @csrf
                        @if (env('MULTISERVER') != 'US')
                            <div class="form-group">
                                <label for="">Hoja de vida:</label>
                                <input type="file" name="file" id="file" accept="application/pdf" class="form-control"
                                onchange="getSize(1)" required>
                                <small class="text-danger">{{ $errors->first('file') }}</small>

                            </div> <br>

                            <div class="form-group">
                                <label for="">Cara frontal cédula:</label>
                                <input type="file" name="cedulaFrontal" id="cedulaFrontal" accept="image/jpeg"
                                    class="form-control" onchange="getSize(1)" required>
                                <small class="text-danger">{{ $errors->first('cedulaFrontal') }}</small>
                            </div>

                            <div class="form-group">
                                <label for="">Cara trasera cédula:</label>
                                <input type="file" name="cedulaTrasera" id="cedulaTrasera" accept="image/jpeg"
                                    class="form-control" onchange="getSize(1)" required>
                                <small class="text-danger">{{ $errors->first('cedulaTrasera') }}</small>
                            </div>
                        @endif

                        <div class="form-group">
                            <label for="vehiculo2">Seleccionar tipo de vehículos:</label>
                            <select name="vehiculo" id="vehiculo2" class="form-control" onchange="vehiculos(2)">
                                <option value="0" selected disabled>Seleccione algun vehículos</option>
                                @foreach ($vehiculos as $item)
                                    <option value="{{ $item->id }}">{{ $item->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group" id="auto"
                            style="display: {{ old('vehiculo2') == 1 || old('vehiculo2') == 2 ? 'block' : 'none' }};">
                            <label for="Soat">Auto Ensurance:</label>
                            <input type="file" name="autoEnsurance" id="autoEnsurance" accept="image/jpeg"
                                class="form-control" onchange="getSize(1)">
                        </div>

                        <div class="form-group" id="regis"
                            style="display: {{ old('vehiculo2') == 1 || old('vehiculo2') == 2 ? 'block' : 'none' }};">
                            <label for="Soat">Registration:</label>
                            <input type="file" name="registration" id="registration" accept="image/jpeg"
                                class="form-control" onchange="getSize(1)">
                        </div>

                        <div class="form-group" id="drive"
                            style="display: {{ old('vehiculo2') == 1 || old('vehiculo2') == 2 ? 'block' : 'none' }};">
                            <label for="Soat">Drive License:</label>
                            <input type="file" name="driveLicense" id="driveLicense" accept="image/jpeg"
                                class="form-control" onchange="getSize(1)">
                        </div>

                        <div class="col form-group mb-0">
                            <div class="row">
                                <label class="custom-toggle">
                                    <input type="checkbox" name="terminos" id="terminos2" class="form-control">
                                    <span class="custom-toggle-slider rounded-circle"></span>
                                </label>
                                <p class="mb-0 pl-2" for="terminos"><b>Aceptar <a href="/terminos y condiciones"
                                            target="_blank"> términos y condiciones</a> </b></p>
                            </div>
                        </div>

                    </div>

                    <div class="modal-footer">
                        <button type="button" onclick="enviarArchivos(2)" class="btn btn-primary">Enviar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    @if (env('MULTISERVER') != 'US')
        <div class="modal fade" id="createCobru" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Crear cuenta cobru</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="{{ route('hojaDeVida') }}" method="POST" id="formCobru" accept-charset="UTF-8"
                        enctype="multipart/form-data">
                        <div class="modal-body">
                            <input type="hidden" name="type" value="2">
                            @csrf
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="nombre">Nombres</label>
                                            <input type="text" name="nombre" id="nombre" class="form-control" required>
                                            <small class="text-danger">{{ $errors->first('nombre') }}</small>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="apellido">Apellidos</label>
                                            <input type="text" name="apellido" id="apellido" class="form-control" required>
                                            <small class="text-danger">{{ $errors->first('apellido') }}</small>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="typeID">Tipo ID</label>
                                            <select name="typeID" id="typeID" class="form-control" required>
                                                <option value="0">CC</option>
                                                <option value="1">CE</option>
                                                <option value="2">TI</option>
                                                <option value="3">NIT</option>
                                                <option value="4">PSP</option>
                                            </select>
                                            <small class="text-danger">{{ $errors->first('email') }}</small>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="identificacion">Identificación</label>
                                            <input type="text" name="identificacion" id="identificacion"
                                                class="form-control" required>
                                            <small class="text-danger">{{ $errors->first('identificacion') }}</small>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="email">Email</label>
                                            <input type="text" name="email" id="email" class="form-control" required>
                                            <small class="text-danger">{{ $errors->first('email') }}</small>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="genero">Genero</label>
                                            <select name="genero" id="genero" class="form-control" required>
                                                <option value="0">Ninguno</option>
                                                <option value="1">Hombre</option>
                                                <option value="2">Mujer</option>
                                            </select>
                                            <small class="text-danger">{{ $errors->first('genero') }}</small>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="fechaN">Fecha de nacimiento</label>
                                            <input type="date" name="fechaN" id="fechaN" class="form-control" required>
                                            <small class="text-danger">{{ $errors->first('fechaN') }}</small>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="fechaE">Fecha de expedicion</label>
                                            <input type="date" name="fechaE" id="fechaE" class="form-control" required>
                                            <small class="text-danger">{{ $errors->first('fechaE') }}</small>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="celularValid">Celular</label>
                                            <input type="number" name="celularValid" id="celularValid" class="form-control"
                                                required>
                                            <small class="text-danger">{{ $errors->first('celularValid') }}</small>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="person">Tipo de persona</label>
                                            <select name="person" id="person" class="form-control" required>
                                                <option value="1">Natural</option>
                                                <option value="2">Jurídica</option>
                                            </select>
                                            <small class="text-danger">{{ $errors->first('person') }}</small>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="password">Contraseña</label>
                                            <input type="password" name="password" id="password" class="form-control"
                                                required>
                                            <small class="text-danger">{{ $errors->first('password') }}</small>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="password_confirmation">Confirmar contraseña</label>
                                            <input type="password" name="password_confirmation" id="password_confirmation"
                                                class="form-control" required>
                                            <small
                                                class="text-danger">{{ $errors->first('password_confirmation') }}</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" name="celular" id="celular">
                        </div>
                        <div class="modal-footer">
                            <button type="button" onclick="validCelular()" class="btn btn-primary">Crear</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="modal fade" id="vincularCobru" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Vinculacion cobru</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form id="vincular">
                        <div class="modal-body">
                            @csrf
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="celularValid1">Número de teléfono</label>
                                        <input type="number" min="1" name="celular" id="celularValid1" class="form-control"
                                            required>
                                        <small class="text-danger">{{ $errors->first('celularValid1') }}</small>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="modal-footer">
                            <button type="button" onclick="validCelular(1)" class="btn btn-primary">Enviar</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="modal" tabindex="-1" id="modalvalid">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">
                            Codigo de verificación
                        </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                    <label for="exampleInputEmail1"> {{ trans('payments.code') }} </label>
                                    <input type="number" name="validCode" class="form-control" min="0" id="validCode"
                                        aria-describedby="nameInput" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary" onclick="validCode()"> Validar</button>
                    </div>
                </div>
            </div>
        </div>
    @endif
    <hr><br>
    <ul>
        <li>
            <h5 class="mb-10 ">¿ Cómo va mi solicitud ?</h5>

        </li>
    </ul>
    <div class="bs-stepper">
        <div class="bs-stepper-header" role="tablist">
            <!-- your steps here -->
            <div class="step active " data-target="#logins-part">
                <span class="bs-stepper-circle"><i class="fa fa-check" aria-hidden="true"></i></span>
                @if ($soicitud->Domiciliary->tipoDomiciliario == 22 && env('MULTISERVER') == 'US')
                    <span class="bs-stepper-label">Sin informacion adicional</span>
                @else
                    <span class="bs-stepper-label">Sin hoja de vida</span>
                @endif
            </div>

            <div class="line "></div>

            <div class="step {{ $soicitud->cv != null && $soicitud->estado_solicitud >= 0 ? 'active' : '' }} "
                data-target="#information-part">
                <span class="bs-stepper-circle"><i class="fa fa-check" aria-hidden="true"></i></span>
                <span class="bs-stepper-label">Enviado</span>
            </div>

            <div class="line "></div>

            <div class="step {{ $soicitud->cv != null && $soicitud->estado_solicitud >= 0 ? 'active' : '' }}"
                data-target="#information-part">
                <span class="bs-stepper-circle"><i class="fa fa-check" aria-hidden="true"></i></span>
                <span class="bs-stepper-label">En revisión</span>
            </div>

            <div class="line "></div>

            @if (env('MULTISERVER') != 'US')
                <div class="step {{ $soicitud->estado_solicitud >= 1 ? 'active' : '' }}" data-target="#information-part">
                    <span class="bs-stepper-circle"><i class="fa fa-check" aria-hidden="true"></i></span>
                    <span class="bs-stepper-label">Entrevista</span>
                </div>

                <div class="line"></div>
            @endif

            @if ($soicitud->estado_solicitud != 3)
                @if ($tipoPago->id != 24)
                    <div class="step {{ $soicitud->estado_solicitud >= 2 ? 'active' : '' }}"
                        data-target="#information-part">
                        <span class="bs-stepper-circle"><i class="fa fa-check" aria-hidden="true"></i></span>
                        <span class="bs-stepper-label">Aceptado</span>
                    </div>

                    <div class="line "></div>

                    <div class="step {{ $soicitud->estado_solicitud >= 4 ? 'active' : '' }}"
                        data-target="#information-part">
                        <span class="bs-stepper-circle"><i class="fa fa-check" aria-hidden="true"></i></span>
                        <span class="bs-stepper-label">Finalizado</span>
                    </div>
                @else
                    <div class="step {{ $soicitud->estado_solicitud >= 2 ? 'active' : '' }}"
                        data-target="#information-part">
                        <span class="bs-stepper-circle"><i class="fa fa-check" aria-hidden="true"></i></span>
                        <span class="bs-stepper-label">Aceptado</span>
                    </div>
                @endif
            @else
                <div class="step {{ $soicitud->estado_solicitud == 3 ? 'active' : '' }}" data-target="#information-part">
                    <span class="bs-stepper-circle"><i class="fa fa-check" aria-hidden="true"></i></span>
                    <span class="bs-stepper-label">Rechazado</span>
                </div>
            @endif
        </div>

        <div class="bs-stepper-content">
            <!-- your steps content here -->
            <div id="logins-part" class="content" role="tabpanel" aria-labelledby="logins-part-trigger"></div>
            <div id="information-part" class="content" role="tabpanel" aria-labelledby="information-part-trigger"></div>
        </div>
    </div>


@endsection

@section('js')
    <script>

        const getSize = (e=0) => {
            let sizeAcumulate = 0
            const maxSize = 10 //MB

            input1 = document.querySelectorAll("#file")[e]
            input2 = document.querySelectorAll("#cedulaFrontal")[e]
            input3 = document.querySelectorAll("#cedulaTrasera")[e]
            input4 = document.querySelectorAll("#autoEnsurance")[e]
            input5 = document.querySelectorAll("#registration")[e]
            input6 = document.querySelectorAll("#driveLicense")[e]

            if(input1.files.length === 1){
                sizeAcumulate += Number((input1.files[0].size / (1024 * 1024)).toFixed(2))
            }
            if(input2.files.length === 1){
                sizeAcumulate += Number((input2.files[0].size / (1024 * 1024)).toFixed(2))
            }
            if(input3.files.length === 1){
                sizeAcumulate += Number((input3.files[0].size / (1024 * 1024)).toFixed(2))
            }
            if(input4.files.length === 1){
                sizeAcumulate += Number((input4.files[0].size / (1024 * 1024)).toFixed(2))
            }
            if(input5.files.length === 1){
                sizeAcumulate += Number((input5.files[0].size / (1024 * 1024)).toFixed(2))
            }
            if(input6.files.length === 1){
                sizeAcumulate += Number((input6.files[0].size / (1024 * 1024)).toFixed(2))
            }
            console.log(sizeAcumulate.toFixed(2))
            if (sizeAcumulate >= maxSize) {
                Swal.fire({
                    title: 'Alerta!',
                    text: "Los archivos adjuntos superan el limite de 10MB",
                    icon: 'warning',
                    showConfirmButton: true,
                    }).then((result) => {
                    if (result.isConfirmed) {
                        $('#curriculum')[0].reset()
                        $('#curriculum2')[0].reset()
                    }
                })
            }
        };

        function enviarArchivos(type = "") {
            if (!$('#terminos' + type).prop('checked')) {
                swal.fire('Error', 'Es necesario aceptar los términos y condiciones para continuar', 'error')
            } else {
                $('#curriculum' + type).submit();
            }
        }

        function validateRest() {
            if (!$('#acceptRest').prop('checked')) {
                swal.fire('Error', 'Es necesario aceptar el tipo de pago y el Restaurante para continuar', 'error')
                $('#transportModal').modal('hide')
            } else {
                $('#transportModal').modal('show')
            }
        }

        function abrirModalHojaDeVida() {
            // $('#modalHojaDeVida').modal('show');
            $('#modalHojaDeVida').modal('show');
        }

        function cerrarModalHojaDeVida() {
            $('#modalHojaDeVida').modal('hide');
        }

        function vehiculos(type = null) {
            if (type == null) {
                var option = document.getElementById('vehiculo').value;
                if (option != 0) {
                    if (option > 5) {
                        document.getElementById('auto1').style.display = 'block';
                        document.getElementById('regis1').style.display = 'block';
                        document.getElementById('drive1').style.display = 'block';
                    } else {
                        document.getElementById('auto1').style.display = 'none';
                        document.getElementById('regis1').style.display = 'none';
                        document.getElementById('drive1').style.display = 'none';
                    }
                } else {
                    document.getElementById('auto1').style.display = 'none';
                    document.getElementById('regis1').style.display = 'none';
                    document.getElementById('drive1').style.display = 'none';
                }
            } else {
                var option = document.getElementById('vehiculo2').value;
                if (option != 0) {
                    if (option > 5) {
                        document.getElementById('auto').style.display = 'block';
                        document.getElementById('regis').style.display = 'block';
                        document.getElementById('drive').style.display = 'block';

                    } else {
                        document.getElementById('auto').style.display = 'none';
                        document.getElementById('regis').style.display = 'none';
                        document.getElementById('drive').style.display = 'none';
                    }
                } else {
                    document.getElementById('auto').style.display = 'none';
                    document.getElementById('regis').style.display = 'none';
                    document.getElementById('drive').style.display = 'none';

                }
            }
        }

        function createAccount() {
            var host = "{{ $_SERVER['HTTP_HOST'] }}";
            $.ajax({
                url: UrlHost_ + "/solicitud/stripe/createAccount",
                type: 'post',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function() {
                    swal.fire({
                        title: "Cargando...",
                        text: "Espere un momento",
                        showConfirmButton: false
                    });
                },
                success: function(response) {
                    if (response.code == 200) {
                        //   console.log(response.data)
                        window.open(response.data, '_blank');
                    } else {
                        if (response.code == 202) {
                            window.open(response.data, '_blank');
                        } else {
                            swal.fire("Error!", response.message, "info");
                        }
                    }
                    swal.close();
                },
                error: function(xhr) {
                    swal.fire("Error!", "Ha ocurrido un error intente mas tarde", "error");
                }
            });
        }

        function vincularmeNovu() {
            $.ajax({
                url: UrlHost_ + "/solicitud/novu/vincular",
                type: 'post',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function() {
                    swal.fire({
                        title: " {{ trans('payments.cargando') }} ",
                        text: " {{ trans('payments.espereUnMomento') }} ",
                        showConfirmButton: false,
                    });
                },
                success: function(response) {
                    if (response.code == 200) {
                        window.location.reload(false);
                        swal.close()
                    } else {
                        swal.fire("Error!", " {{ trans('payments.errorMessage') }} ", "error");
                    }
                    // swal.close();
                },
                error: function(xhr) {
                    swal.fire("Error!", " {{ trans('payments.errorMessage') }} ", "error");
                }
            });
        }

        {{--

        var msgBoolean = false;
        var validarVariable = '';
        var valid = false;
        var msgCode = "";
        var collapseVincular = document.getElementById('collapseVinculacion');
        var collapseRegistro = document.getElementById('collapseRegistro');


        function validCode() {
            var cdeIn = document.getElementById('validCode').value;
            if (msgCode == cdeIn) {
                valid = true;
                // swal("Succces!", "Codigo correcto", "success");
                Swal.fire({
                    title: 'Confirmado!!',
                    text: 'Código validado correctamente!',
                    showDenyButton: true,
                    confirmButtonText: `Ok`,
                }).then((result) => {
                    /* Read more about isConfirmed, isDenied below */
                    if (result.isConfirmed) {
                        if (validarVariable == '') {
                            validarProceso();
                        } else {
                            vincular()
                        }
                        swal.close();
                    } else {
                        Swal.close()
                    }
                })
                // swal.fire({
                //         title: "Confirmado!",
                //         text: "Código correcto",
                //         showConfirmButton: true,
                //     },
                //     function(isConfirm) {
                //         if (isConfirm) {
                //             if (validarVariable == '') {
                //                 validarProceso();
                //                 $("#showConfirmButton").click();
                //                 swal.close();
                //             } else {
                //                 vincular()
                //                 // $("#showConfirmButton").click();
                //                 swal.close();
                //             }
                //         }
                //     });

                $('#modalvalid').modal('hide')
                document.getElementById("celularValid").disabled = false;


            } else {
                swal.fire("Error!", "Error de codigo", "error");
            }
        }

        function vincular() {
            if (valid) {
                var formData = new FormData(document.getElementById("vincular"));

                $.ajax({
                    url: UrlHost_ + "/solicitud/cobru/vincular",
                    data: formData,
                    type: 'post',
                    dataType: 'json',
                    cache: false,
                    contentType: false,
                    processData: false,
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(response) {
                        console.log(response)
                        if (response.code == 200) {
                            // swal('Muy bien!', response.message, 'success');
                            swal.fire({
                                    title: "Muy bien!",
                                    text: response.message,
                                    type: 'success',
                                    showConfirmButton: true,
                                },
                                function(isConfirm) {
                                    if (isConfirm) {
                                        $('#vincular')[0].reset()
                                        window.location.reload
                                    } else {
                                        swal.close()
                                    }
                                });
                        } else if (response.code == 400) {
                            var datos = response.data
                            var message = ""
                            Object.entries(datos).forEach(([key, value]) => {
                                value.forEach((error) => {
                                    message += "- " + error + "\n";
                                })
                            });
                            swal.fire(response.message, message, 'error')
                        } else {
                            swal.fire('Ops!', response.message, 'error')
                        }
                    },
                    error: function(xhr) {
                        swal.fire({
                            title: 'Ups!',
                            text: 'Hemos tenido problemas al enviar (ERR), intenta mas tarde',
                            type: "warning",
                            animation: false,
                            showConfirmButton: true
                        });
                    }
                });
            }
        }

        function validCelular(validar = '') {
            if ($('#celularValid' + validar).val() != $('#celular').val()) {
                msgBoolean = false
            }

            if (!msgBoolean) {
                if (document.getElementById('celularValid' + validar).value == "" || (document.getElementById(
                        'celularValid' + validar).value).length != 10) {
                    swal.fire("Error", "Celular invalido, por favor ingrese uno correcto", 'error')
                    return false;
                }
                msgCode = Math.floor(Math.random() * (999999 - 100000)) + 100000;
                var data = {
                    'phone': document.getElementById('celularValid' + validar).value,
                    'msg': msgCode
                }
                $.ajax({
                    url: UrlHost_ + "/solicitud/cobru/send/msg",
                    type: 'post',
                    data: data,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function() {
                        swal.fire({
                            title: "Cargando...",
                            text: "Espere un momento, por favor ",
                            showConfirmButton: false,
                        });
                    },
                    success: function(response) {
                        $('#validCode').val('')
                        if (response.code == 200) {
                            if (validar == '') {
                                swal.close();
                                msgBoolean = true;
                                document.getElementById('celularValid' + validar).disabled = true;
                                document.getElementById('celular').value = document.getElementById(
                                    'celularValid' + validar).value;
                                $('#modalvalid').modal('toggle')
                            } else {
                                swal.close();
                                $('#modalvalid').modal('toggle')
                            }
                            validarVariable = validar;
                        } else {
                            swal.fire("Error!", "Hubo un error, espere unos segundos", "error");
                        }
                        // swal.close();
                    },
                    error: function(xhr) {
                        swal.fire("Error!",
                            "Hubo un error al momento de mandar el sms, intentelo más tarde",
                            "error");
                    }
                });
            } else {
                if (!valid) {
                    $('#modalvalid').modal('toggle')
                } else {
                    if (validar == '') {
                        validarProceso()
                    } else {
                        vincular()
                    }
                }
            }
        }

        function validarProceso() {
            if (msgBoolean) {
                if (valid && document.getElementById('celular').value != "") {
                    var formData = new FormData(document.getElementById("formCobru"));

                    $.ajax({
                        url: UrlHost_ + "/solicitud/cobru/createAccount",
                        data: formData,
                        type: 'post',
                        dataType: 'json',
                        cache: false,
                        contentType: false,
                        processData: false,
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function(response) {
                            console.log(response)
                            if (response.code == 200) {
                                swal.fire({
                                        title: "Muy bien!",
                                        text: response.message,
                                        type: 'success',
                                        showConfirmButton: true,
                                    },
                                    function(isConfirm) {
                                        if (isConfirm) {
                                            $('#formCobru')[0].reset()
                                            window.location.reload
                                        } else {
                                            swal.close()
                                        }
                                    });
                            } else if (response.code == 400) {
                                var datos = response.data
                                var message = ""
                                Object.entries(datos).forEach(([key, value]) => {
                                    value.forEach((error) => {
                                        message += "- " + error + "\n";
                                    })
                                });
                                swal.fire(response.message, message, 'error')
                            } else {
                                swal.fire('Ops!', response.message, 'error')
                            }
                        },
                        error: function(xhr) {
                            swal.fire({
                                title: 'Ups!',
                                text: 'Hemos tenido problemas al enviar (ERR), intenta mas tarde',
                                type: "warning",
                                animation: false,
                                showConfirmButton: true
                            });
                        }
                    });
                } else {
                    swal.fire("Error", "Error con el código de verificación", "error");
                }
            } else {
                swal.fire("Error", "Celular no valido", "error");
            }
        }--}}
    </script>
@endsection