@if(Request::segment(1) == '' || Request::segment(1) == 'index')
<section class="mt-100">
    <div class="pxp-container">
        <h2 class="pxp-section-h2 text-center">Stay Up to Date</h2>
        <p class="pxp-text-light text-center">Subscribe to our newsletter to receive our weekly feed.</p>

        <div class="row mt-4 mt-md-5 justify-content-center">
            <div class="col-md-9 col-lg-7 col-xl-6 col-xxl-5">
                <div class="pxp-subscribe-1-container pxp-animate-in pxp-animate-in-top pxp-in">
                    <div class="pxp-subscribe-1-image">
                        <img src="images/subscribe.png" alt="Stay Up to Date">
                    </div>
                    <div class="pxp-subscribe-1-form">                                  
                        <form action="{{ route('subscribes.emails') }}" method="post" enctype='multipart/form-data'>
                            @csrf
                            <div class="input-group">
                                <input type="email" name="email" id="email" required class="form-control" 
                                placeholder="Enter your email...">    
                                <p style="color:red">
                                    @if ($errors->has('email'))
                                        {{ $errors->first('email') }}
                                    @endif
                                </p>
                                <button type="submit" class="btn btn-primary">Subscribe></button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif


<footer class="pxp-main-footer mt-100">
    <div class="pxp-main-footer-top pt-100 pb-100" style="background-color: var(--pxpMainColorLight);">
        <div class="pxp-container">
            <div class="row" style="font-weight:500 !important">

                <div class="col-lg-2">
                    <div class="pxp-footer-logo">
                        <span href="{{ route('landing') }}" class="pxp-animate">
                            <a href="{{ route('landing') }}">
                                <img src="https://uniwolc.com/assets/images/logo.png" style="height: 44px;">
                            </a>
                        </span>
                    </div>
                    <div class="mt-3 mt-md-4 pxp-footer-section">
                        <div class="pxp-footer-text">
                            166 Geary St,<br>
                            15th Floor,<br>
                            94 San Francisco,<br>
                            CA 94108
                        </div>
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="pxp-footer-section">
                        <h3>Link</h3>
                        <ul class="pxp-footer-list">
                            <li><a href="{{ route('students') }}">Students</a></li>
                            <li><a href="{{ route('schools') }}">Schools</a></li>
                            <li><a href="{{ route('recruiterspartners') }}">Recruiters</a></li>
                        </ul>
                    </div>
                </div>  

                <div class="col-lg-6 col-xl-7 col-xxl-8">
                    <div class="row" >
                        <div class="col-md-6 col-xl-4 col-xxl-3 mb-4">
                            <div class="pxp-footer-section">
                                <h3>About</h3>
                                <ul class="pxp-footer-list">
                                    <li><a href="{{ url('careers') }}">Careers</a></li>
                                    <li><a href="{{ url('blog') }}">Blog</a></li>
                                    <li><a href="{{ url('news') }}">News</a></li>
                                    <li><a href="{{ url('press') }}">Press</a></li>
                                    <li><a href="{{ url('life') }}">Life</a></li>
                                    <li><a href="{{ url('leadership') }}">Leadership</a></li>
                                    <li><a href="{{ url('contact') }}">Contact</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-6 col-xl-4 col-xxl-3 mb-4">
                            <div class="pxp-footer-section">
                                <h3>Discover</h3>
                                <ul class="pxp-footer-list">
                                    <li>
                                        <a href="{{ url('programs') }}">Discover Programs</a>
                                    </li>
                                    <li>
                                        <a href="{{ url('schools') }}">Discover Schools</a>
                                    </li>
                                    <li><a href="{{ url('registration') }}">Register</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-6 col-xl-4 col-xxl-3 mb-4">
                            <div class="pxp-footer-section">
                                <h3>Resources</h3>
                                <ul class="pxp-footer-list">
                                    <li><a href="{{ route('oursolutions') }}">Our Solutions</a></li>
                                    <li><a href="{{ route('ukresources') }}">UK Resources</a></li>
                                    <li><a href="{{ route('auresources') }}">AU Resources</a></li>
                                    
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-6 col-xl-4 col-xxl-3 mb-4">
                            <div class="pxp-footer-section">
                                <h3>Helpful Resources</h3>
                                <ul class="pxp-footer-list">
                                    <li><a href="{{ route('privacypolicy') }}">Privacy & Cookies Policy</a></li>
                                    <li><a href="{{ route('termconditions') }}">Terms & Conditions</a></li>
                                    <li><a href="{{ route('uniwolcfees') }}">Uniwolc Fees</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="pxp-main-footer-bottom" style="background-color: var(--pxpMainColorLight);">
        <div class="pxp-container">
            <div class="row justify-content-between align-items-center">
                <div class="col-lg-auto">
                    <div class="pxp-footer-copyright pxp-text-light">© 2024 Uniwolc. All Right Reserved.</div>
                </div>
                <div class="col-lg-auto">
                    <div class="pxp-footer-social mt-3 mt-lg-0">
                        <ul class="list-unstyled">
                            <li><a href="https://www.facebook.com/uniwolc"><span class="fa fa-facebook"></span></a></li>
                            <li><a href="https://www.linkedin.com/company/uniwolc"><span class="fa fa-twitter"></span></a></li>
                            <li><a href="https://twitter.com/UniWolc"><span class="fa fa-instagram"></span></a></li>
                            <li><a href="https://www.instagram.com/uniwolc/"><span class="fa fa-linkedin"></span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<div class="modal fade pxp-user-modal" id="pxp-signin-modal" aria-hidden="true" aria-labelledby="signinModal"
    tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="pxp-user-modal-fig text-center">
                    <img src="images/signin-fig.png" alt="Sign in">
                </div>
                <h5 class="modal-title text-center mt-4" id="signinModal">Welcome back!</h5>
                <form class="mt-4">
                    <div class="form-floating mb-3">
                        <input type="email" class="form-control" id="pxp-signin-email" placeholder="Email address">
                        <label for="pxp-signin-email">Email address</label>
                        <span class="fa fa-envelope-o"></span>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="password" class="form-control" id="pxp-signin-password" placeholder="Password">
                        <label for="pxp-signin-password">Password</label>
                        <span class="fa fa-lock"></span>
                    </div>
                    <a href="#" class="btn rounded-pill pxp-modal-cta">Continue</a>
                    <div class="mt-4 text-center pxp-modal-small">
                        <a href="#" class="pxp-modal-link">Forgot password</a>
                    </div>
                    <div class="mt-4 text-center pxp-modal-small">
                        New to Jobster? <a role="button" class="" data-bs-target="#pxp-signup-modal"
                            data-bs-toggle="modal" data-bs-dismiss="modal">Create an account</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade pxp-user-modal" id="pxp-signup-modal" aria-hidden="true" aria-labelledby="signupModal"
    tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="pxp-user-modal-fig text-center">
                    <img src="images/signup-fig.png" alt="Sign up">
                </div>
                <h5 class="modal-title text-center mt-4" id="signupModal">Create an account</h5>
                <form class="mt-4">
                    <div class="form-floating mb-3">
                        <input type="email" class="form-control" id="pxp-signup-email"
                            placeholder="Email address">
                        <label for="pxp-signup-email">Email address</label>
                        <span class="fa fa-envelope-o"></span>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="password" class="form-control" id="pxp-signup-password"
                            placeholder="Create password">
                        <label for="pxp-signup-password">Create password</label>
                        <span class="fa fa-lock"></span>
                    </div>
                    <a href="#" class="btn rounded-pill pxp-modal-cta">Continue</a>
                    <div class="mt-4 text-center pxp-modal-small">
                        Already have an account? <a role="button" class="" data-bs-target="#pxp-signin-modal"
                            data-bs-toggle="modal">Sign in</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>