{% set city = app.request.headers.get('CloudFront-Viewer-City') %}
{% set state = app.request.headers.get('CloudFront-Viewer-Country-Region') %}
{% set zip = app.request.headers.get('CloudFront-Viewer-Postal-Code') %}
{% if findMajor|default(false) %}
    {% set xyz_area = findMajor.xyzArea %}
    {% set xyz_program = findMajor.xyzProgram %}
{% elseif findCategory|default(false) %}
    {% set xyz_area = findCategory.xyzArea %}
    {% set xyz_program = findCategory.xyzProgram %}
{% endif %}
{% set xyz_id = xyz_id|default('xyzid') %}
{% if home %}
    {% set border_color = '#ffc107' %}
{% else %}
    {% set border_color = '#0071bc' %}
{% endif %}
{% if wide %}
<div class="card mb-3 xyz border-0" style="background-color: {{ border_color }};">
<div class="card mx-3 my-3 xyz border-0">
    <div class="row g-0">
        <div class="col-md-2 d-none d-md-flex">
            <img class="img-fluid rounded-start w-auto h-100" style="object-fit: cover; object-position: center;" src="{{ asset("build/images/woman-on-laptop-in-library.png") }}">
        </div>
        <div class="col-md-10">
            <form class="xyz-form row g-2 p-3"
                  action="https://www.universities.com/camelot/school-offers"
                  method="POST"
                  data-xyzid="{{ xyz_id }}"
                  data-xyzarea="{{ xyz_area }}"
                  data-xyzprogram="{{ xyz_program }}">
                <input type="hidden" name="rUnit" value="quickSearchWizard">
                <input type="hidden" name="cityState" value="{{ citystate }}">
                <input type="hidden" name="LeadTrackingRefererDomain" value="universities.com">
                <input type="hidden" name="CaptureURL" value="{{ app.request.uri }}">
                <input type="hidden" maxlength="5" name="zipCode" id="zipCode{{ xyz_id }}" value="{{ zip }}">
                <div class="col-12">
                    <div class="h4 text-primary my-1 my-lg-0 text-md-start">Find Online Schools</div>
                </div>
                <div class="col-12 col-md">
                    <select id="category{{ xyz_id }}" name="category" class="xyz-category form-select" data-xyzid="{{ xyz_id }}" required>
                        <option value="" selected disabled hidden>Area of Study</option>
                        <option value="401">Art &amp; Design</option>
                        <option value="395">Business</option>
                        <option value="400">Computers &amp; Technology</option>
                        <option value="397">Criminal Justice</option>
                        <option value="396">Education</option>
                        <option value="394">Healthcare</option>
                        <option value="402">Liberal Arts &amp; Humanities</option>
                        <option value="398">Nursing</option>
                        <option value="399">Psychology &amp; Counseling</option>
                        <option value="403">Science &amp; Engineering</option>
                        <option value="405">Trades</option>
                    </select>
                </div>
                <div class="col-12 col-md">
                    <select id="tags{{ xyz_id }}" name="tags" class="form-select" required disabled>
                        <option value="" selected disabled hidden>Program of Interest</option>
                    </select>
                </div>
                <div class="col-12 col-md">
                    <select id="educationLevelId{{ xyz_id }}" name="educationLevelId" class="form-select" required>
                        <option value="" selected disabled hidden>Degree Completed</option>
                        <option value="2">High School Diploma/GED</option>
                        <option value="4">Some College</option>
                        <option value="5">Associate Degree</option>
                        <option value="6">Bachelor's Degree</option>
                        <option value="7">Master's Degree</option>
                        <option value="8">Doctorate Degree</option>
                    </select>
                </div>
                <div class="col-12 col-md-auto mb-3">
                    <input type="submit" class="btn btn-warning w-100 px-4" value="Search">
                </div>
                <div class="row g-0">
                    <div class="col-6 text-start small">
                        <a class="xyz-discl text-muted ms-1" name="sponsored-content-disclosure" href="/support/about-us#adv-discl">Sponsored Content</a>
                    </div>
                    <div class="col-6 position-relative">
                        <img width="141" height="12" class="img-fluid xyz-udc-logo position-absolute end-0 bottom-0 me-1 mb-1" src="/build/images/universities-logo-blue@2x.30ee9dbe.png">
                    </div>
                </div>
            </form>
        </div>
        <div class="col-12 d-md-none">
            <img class="img-fluid rounded-bottom w-100" style="object-fit: cover; object-position: center; max-height: 10rem;" src="{{ asset("build/images/woman-on-laptop-in-library.png") }}">
        </div>
    </div>
</div>
</div>
{% else %}
    <div class="card mb-3 xyz border-0">
        <div class="row g-0">
            <div class="col-12">
                <form class="xyz-form row g-2 p-3"
                      action="https://www.universities.com/camelot/school-offers"
                      method="POST"
                      data-xyzid="{{ xyz_id }}"
                      data-xyzarea="{{ xyz_area }}"
                      data-xyzprogram="{{ xyz_program }}">
                    <input type="hidden" name="rUnit" value="quickSearchWizard">
                    <input type="hidden" name="cityState" value="{{ citystate }}">
                    <input type="hidden" name="LeadTrackingRefererDomain" value="universities.com">
                    <input type="hidden" name="CaptureURL" value="{{ app.request.uri }}">
                    <input type="hidden" maxlength="5" name="zipCode" id="zipCode{{ xyz_id }}" value="{{ zip }}">
                    <div class="col-12">
                        <div class="h4 text-primary my-1 my-lg-0 text-md-start">Find Online Schools</div>
                    </div>
                    <div class="col-12">
                        <select id="category{{ xyz_id }}" name="category" class="xyz-category form-select" data-xyzid="{{ xyz_id }}" required>
                            <option value="" selected disabled hidden>Area of Study</option>
                            <option value="401">Art &amp; Design</option>
                            <option value="395">Business</option>
                            <option value="400">Computers &amp; Technology</option>
                            <option value="397">Criminal Justice</option>
                            <option value="396">Education</option>
                            <option value="394">Healthcare</option>
                            <option value="402">Liberal Arts &amp; Humanities</option>
                            <option value="398">Nursing</option>
                            <option value="399">Psychology &amp; Counseling</option>
                            <option value="403">Science &amp; Engineering</option>
                            <option value="405">Trades</option>
                        </select>
                    </div>
                    <div class="col-12">
                        <select id="tags{{ xyz_id }}" name="tags" class="form-select" required disabled>
                            <option value="" selected disabled hidden>Program of Interest</option>
                        </select>
                    </div>
                    <div class="col-12">
                        <select id="educationLevelId{{ xyz_id }}" name="educationLevelId" class="form-select" required>
                            <option value="" selected disabled hidden>Degree Completed</option>
                            <option value="2">High School Diploma/GED</option>
                            <option value="4">Some College</option>
                            <option value="5">Associate Degree</option>
                            <option value="6">Bachelor's Degree</option>
                            <option value="7">Master's Degree</option>
                            <option value="8">Doctorate Degree</option>
                        </select>
                    </div>
                    <div class="col-12 mb-3">
                        <input type="submit" class="btn btn-warning w-100 px-4" value="Search">
                    </div>
                    <div class="row g-0">
                        <div class="col-6 text-start small">
                            <a class="xyz-discl text-muted ms-1" name="sponsored-content-disclosure" href="/support/about-us#adv-discl">Sponsored Content</a>
                        </div>
                        <div class="col-6 position-relative">
                            <img width="141" height="12" class="img-fluid xyz-udc-logo position-absolute end-0 bottom-0 me-1 mb-1" src="/build/images/universities-logo-blue@2x.30ee9dbe.png">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
{% endif %}