@extends('user.layouts.applogin-newui')

@section('content')
 
    <section data-test="page-section" data-section-theme="white" class="page-section 
        full-bleed-section
        layout-engine-section
        background-width--full-bleed
        section-height--small
        content-width--wide
        horizontal-alignment--center
        vertical-alignment--middle
        white
        ">
        <div class="section-border">
            <div class="section-background"> </div>
        </div>  
        <div class="content-wrapper" style="">
            <div class="content content_over_wrapper">
                <div data-fluid-engine="true"> 
                    <div class="fluid-engine fe-66608f2b92ee81c96a558808"> 
                        <div class="fe-block fe-block-66608f2b3d44970e371204eb m-b-40" style="mix-blend-mode: normal;">
                            <h1 class="text-center mb-5 page_title" id="candidate-detail-title">My Program</h1>
                            <div class="row justify-content-center">
                               <p class="text-muted mx-auto col-10 col-md-10 col-lg-10 text-center">
                                   It's time to start your American journey with the J-1 Intern or Trainee Program of your dreams.
                                   To receive your account credentials and learn more about our programs, you must first
                                   <a href="https://www.itnusa.com/apply">complete the application form</a> here.
                                   We look forward to assisting you!
                               </p>
                            </div> 
                        </div> 
                        <div class="fe-block fe-block-66608f2b8dbb5260ed880dc5">
                            <div class="sqs-block website-component-block sqs-block-website-component sqs-block-code code-block" data-block-type="1337" data-definition-name="website.components.code" data-sqsp-block="code" id="block-66608f2b8dbb5260ed880dc5">
                                <div class="sqs-block-content">
                                   <div class="row justify-content-center">
                                        <div class="col-lg-8">
                                            <div class="card content-card-otherpage border-0 shadow text-start">
                                                <div class="card-body d-flex flex-column">
                                                    @include('user.includes.status')
                                                    <br/>
                                                    <form id="loginform"
                                                          class="d-flex flex-column form-validator"
                                                          method="POST"
                                                          action="{{ route('login.new') }}">

                                                        {{ csrf_field() }}

                                                        <div class="mb-4 {{ $errors->has('email') ? 'has-error' : '' }}">
                                                            <label class="form-label">Email Address.</label>

                                                            <input type="email"
                                                                   name="email"
                                                                   id="email"
                                                                   class="form-control"
                                                                   value="{{ old('email') }}"
                                                                   placeholder="Enter your email address"
                                                                   autofocus
                                                                   required>

                                                            <div class="help-block with-errors">
                                                                @if ($errors->has('email'))
                                                                    {{ $errors->first('email') }}
                                                                @endif
                                                            </div>
                                                        </div>

                                                        <div class="mb-4 {{ $errors->has('password') ? 'has-error' : '' }}">
                                                            <label class="form-label">Password.</label>

                                                            <div class="position-relative">
                                                                <input type="password"
                                                                       name="password"
                                                                       id="password"
                                                                       class="form-control pe-5"
                                                                       placeholder="Enter your password"
                                                                       data-equals="nowhitespace"
                                                                       required>

                                                                <span toggle="#password"
                                                                      class="fa fa-fw fa-eye field-icon toggle-password position-absolute login-password-icon">
                                                                </span>
                                                            </div>

                                                            <div class="help-block with-errors">
                                                                @if ($errors->has('password'))
                                                                    {{ $errors->first('password') }}
                                                                @endif
                                                            </div>
                                                        </div>

                                                        <div class="mb-4">
                                                            <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center">
                                                                <div class="form-check mb-2 mb-md-0">
                                                                    <input class="form-check-input"
                                                                           type="checkbox"
                                                                           name="remember"
                                                                           id="remember"
                                                                           value="1"
                                                                           {{ old('remember') ? 'checked' : '' }}>

                                                                    <label class="form-check-label" for="remember">
                                                                        Remember Me
                                                                    </label>
                                                                </div>

                                                                <a href="{{ route('password.request.newui') }}"
                                                                   class="text-decoration-none text-md-end">
                                                                    <i class="fa fa-lock me-1"></i>
                                                                    Retrieve Your Password
                                                                </a>

                                                            </div>
                                                        </div>
                                                        
                                                        <div class="d-flex justify-content-center gap-2">
                                                            <button type="submit" class="btn btn-info">
                                                                Log In
                                                            </button>

                                                            <a href="https://internationaltrainee.com/apply_now.php" class="btn btn-info" style="text-decoration: none;">
                                                                Apply Now
                                                            </a>
                                                        </div> 

                                                    </form> 
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
  
@endsection

@section('scripts')
<script>
$(function () { 
    $("#resend_activation_email").on("click", function () {
        show_popup('modal-md');
        get_common_ajax("{{ route('resend.verification.captcha.newui') }}", '', 'modal-md');
    });

    $(document).on('click', '.toggle-password', function () { 
        $(this).toggleClass("fa-eye fa-eye-slash"); 
        let input = $($(this).attr("toggle")); 
        if (input.attr("type") === "password") {
            input.attr("type", "text");
        } else {
            input.attr("type", "password");
        } 
    }); 
});
</script>
@stop