@extends('landing2.view.layouts.app')

@section('add-css')


@endsection

@section('contenido')


    <section class="iq-coming overview-block-ptb text-center">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <img class="img-responsive center-block iq-mb-10 wow zoomIn" id="logo_img" data-wow-duration="1s" src="images/logo-footer.png" alt="" style="visibility: visible; animation-duration: 1s; animation-name: zoomIn;">
                    <div class="big-text iq-tw-7 iq-mt-60" style="font-size: 60px;">ACCESO CLIENTES</div>
                    @if ($errors->has('loginUser'))
                        <span class="help-block">
                                        <strong>{{ $errors->first('loginUser') }}</strong>
                                    </span>
                    @endif
                    @if ($errors->has('password'))
                        <span class="help-block">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </span>
                    @endif
                    <form class="form-inline iq-subscribe" role="form" method="POST"
                          action="/login">
                        {{ csrf_field() }}
                        @if(!empty($redirect))
                            <input type="hidden" name="redirect" value="{{ $redirect }}">
                        @endif
                        <div class="form-group{{ $errors->has('loginUser') ? ' has-error' : '' }}">
                            <input type="text" class="form-control" name="loginUser" value="{{ old('loginUser') }}"  autofocus placeholder="usuario">

                        </div>
                        <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                            <input type="password" class="form-control" name="password" placeholder="password">

                        </div>

                        <button type="submit" class="button iq-mt-15">INGRESAR</button>

                    </form>
                </div>
            </div>
            <div class="row">

            <div class="col-sm-12">
                <br>

                <a href="/password/reset" class="badge badge-light">Olvidó su Contraseña?</a>

            </div>
            </div>

            @php
                $esFlujoPartner = !empty($redirect) && \Illuminate\Support\Str::startsWith($redirect, '/partners');
            @endphp
            <div class="row">
                <div class="col-sm-12">
                    @if($esFlujoPartner)
                        {{-- Flujo "Quiero ser Partner": llegó con redirect=/partners.
                             Se le aclara que debe loguearse DESDE ACÁ para activar el servicio. --}}
                        <div style="display:inline-flex; align-items:flex-start; gap:14px; max-width:540px; width:100%; margin:30px auto 0; padding:16px 20px; border-radius:14px; background:linear-gradient(135deg,#0b8457 0%,#1f8a4c 100%); color:#fff; box-shadow:0 8px 20px rgba(31,138,76,.25); text-align:left;">
                            <span style="flex-shrink:0; width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:22px; background:rgba(255,255,255,.18);">
                                <i class="fa fa-sign-in"></i>
                            </span>
                            <span style="display:flex; flex-direction:column; line-height:1.35;">
                                <strong style="font-size:15px; color:#fff;">Iniciá sesión para activar Partners</strong>
                                <span style="font-size:13.5px; color:#fff;">Para ser Partner tenés que iniciar sesión <u>desde aquí</u>. Así se habilita el servicio <strong>Partners</strong> en tu menú y vas a poder verlo.</span>
                            </span>
                        </div>
                    @else
                        {{-- Login normal: invitación a conocer el programa. --}}
                        <a href="/#partners"
                           style="display:inline-flex; align-items:center; gap:14px; max-width:540px; width:100%; margin:30px auto 0; padding:16px 20px; border-radius:14px; background:linear-gradient(135deg,#3d5ef4 0%,#6b3df4 100%); color:#fff; text-decoration:none; box-shadow:0 8px 20px rgba(61,94,244,.25); text-align:left;">
                            <span style="flex-shrink:0; width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:22px; background:rgba(255,255,255,.18);">
                                <i class="fa fa-users"></i>
                            </span>
                            <span style="display:flex; flex-direction:column; line-height:1.35;">
                                <strong style="font-size:15px; color:#fff;">Sumate al Programa Partners</strong>
                                <span style="font-size:13.5px; color:#fff;">Ganá una comisión recurrente del 20% recomendando Taxes.</span>
                                <span style="font-weight:700; margin-top:4px; color:#fff;">Conocé el programa &rarr;</span>
                            </span>
                        </a>
                    @endif
                </div>
            </div>
        </div>
    </section>


@endsection


@section('scripts')

@endsection