{% extends 'base.html.twig' %}

{% set location_name = location.abbrName|default(location.displayName|default(location.name)) %}
{% set block_primary = block_get('primary', 'category', category=category, location=location) %}
{% if block_primary and block_primary.active and block_primary.content %}
    {% set has_primary_content = true %}
{% else %}
    {% set has_primary_content = false %}
{% endif %}

{% block title %}{% apply spaceless %}
    {% if custom_title %}
        {{ custom_title }}
    {% else %}
        {% if location.slug != 'us' %}
            Best {{ category.name }} Degree Colleges in {{ location_name }} | {{ 'now'|date('Y') }}
        {% else %}
            Best {{ category.name }} Degree Colleges in the U.S. | {{ 'now'|date('Y') }}
        {% endif %}
    {% endif %}
{% endapply %}{% endblock %}

{% block meta_description%}{% apply spaceless %}
    {% if location.slug != 'us' %}
    Discover the best {{ category.name|lower }} degree colleges in {{ location_name }} on Universities.com.
    {% else %}
    Discover the best {{ category.name|lower }} degree colleges in the U.S. on Universities.com.
    {% endif %}
{% endapply %}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('find-best') }}
{% endblock %}

{% block scripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('find-best') }}
{% endblock %}

{% block body %}
    <div class="container">
        <div class="row">
            <div class="col-lg-3">
                <aside class="py-3 sticky-top">
                    {% if show_xyz() and not is_mobile() %}
                        {% include 'widget/xyz.html.twig' with {'xyz_id': 'xyzleftcol'} %}
                    {% endif %}

                    <ul class="list-group">
                        <li class="list-group-item" style="border-top: solid 5px #00415c; !important">
                            <h4 class="lh-2 mt-1 fw-lighter">Page Navigation</h4>
                        </li>
                        <li class="list-group-item small"><a href="#best-schools">Best {{ category.name }} colleges in {{ location_name }}</a></li>
                        {% if location_children %}
                            <li class="list-group-item small"><a href="#local-schools">Find local colleges with {{ category.name }} majors in {{ location_name }}</a></li>
                        {% endif %}
                        {% if programs %}
                            <li class="list-group-item small"><a href="#top-schools">Top schools offering {{ category.name }} degrees in {{ location_name }}</a></li>
                        {% endif %}

                        {{ include('widget/block/link.html.twig', { name: 'degree_what', type: 'category', text: "What is " ~ category.name ~ "?", category: category, location: location}, with_context=false) }}
                        {{ include('widget/block/link.html.twig', { name: 'degree_overview', type: 'category', text: category.name ~ " Degree Overview", category: category, location: location}, with_context=false) }}
                        {{ include('widget/block/link.html.twig', { name: 'degree_certificate', type: 'category', text: "Certificate in " ~ category.name, category: category, location: location}, with_context=false) }}
                        {{ include('widget/block/link.html.twig', { name: 'degree_associate', type: 'category', text: "Associate Degree in " ~ category.name, category: category, location: location}, with_context=false) }}
                        {{ include('widget/block/link.html.twig', { name: 'degree_bachelor', type: 'category', text: "Bachelor's Degree in " ~ category.name, category: category, location: location}, with_context=false) }}
                        {{ include('widget/block/link.html.twig', { name: 'degree_master', type: 'category', text: "Master's Degree in " ~ category.name, category: category, location: location}, with_context=false) }}
                        {{ include('widget/block/link.html.twig', { name: 'degree_doctoral', type: 'category', text: "Doctoral Degree in " ~ category.name, category: category, location: location}, with_context=false) }}
                        {{ include('widget/block/link.html.twig', { name: 'certification_licensure', type: 'category', text: "Certification and Licensure in " ~ category.name, category: category, location: location}, with_context=false) }}
                        {{ include('widget/block/link.html.twig', { name: 'degree_opportunities', type: 'category', text: "What Can I Do with a Degree in " ~ category.name ~ "?", category: category, location: location}, with_context=false) }}
                        {{ include('widget/block/link.html.twig', { name: 'degree_online', type: 'category', text: "Earning an Online " ~ category.name ~ " Degree", category: category, location: location}, with_context=false) }}
                        {{ include('widget/block/link.html.twig', { name: 'career_info', type: 'category', text: category.name ~ " Career and Salary Overview", category: category, location: location}, with_context=false) }}
                        {{ include('widget/block/link.html.twig', { name: 'qa_content', type: 'category', text: category.name ~ " FAQ", category: category, location: location}, with_context=false) }}
                        {{ include('widget/block/link.html.twig', { name: 'testimonials', type: 'category', text: "Expert Testimonials", category: category, location: location}, with_context=false) }}

                        <li class="list-group-item small"><a href="#list-schools">List all {{ category.name }} colleges in {{ location_name }}</a></li>

                        {{ include('widget/block/link.html.twig', { name: 'page_sources', type: 'category', text: "Article Sources", category: category, location: location}, with_context=false) }}
                    </ul>
                </aside>
            </div>

            <div class="col-lg-9">
                <section class="mt-3">

                    <div class="category card shadow-sm">
                        <div class="card-body">
                            <h1 class="card-title text-center text-md-start fw-light text-primary">
                                {% if custom_title %}
                                    {{ custom_title }}
                                {% else %}
                                    Best {{ category }} colleges in {{ location_name }}
                                {% endif %}
                            </h1>
                            <nav aria-label="breadcrumb" class="d-none d-md-block">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="{{ find_path('us') }}">Best Colleges</a></li>
                                    {% for location in locations %}
                                        <li class="breadcrumb-item"><a href="{{ find_path(location.slug) }}">{{ location.name }}</a></li>
                                    {% endfor %}
                                    <li class="breadcrumb-item active" aria-current="page">{{ category.name }}</li>
                                </ol>
                            </nav>

                            {{ include('widget/byline.html.twig', { action: path('app_find_category_update_byline', {id: findCategory.id }), page: findCategory }) }}
                            {{ include('widget/block/simple.html.twig', { name: 'primary', type: 'category', category: category, location: location }, with_context=false) }}
                        </div>
                    </div>
                </section>

                {% if best_schools %}
                <section class="mt-3">
                    <h3 class="mb-3 text-center text-md-start fw-light">Best {{ category.name }} colleges in {{ location_name }} for {{ 'now'|date('Y') }}</h3>
                    {% for s in best_schools %}
                        {{ include('widget/school/listing.html.twig', { school: s, rank: loop.index, category: category }, with_context=false) }}

                        {% if loop.index == 2 or loop.length < 2 and loop.length == loop.index %}
                            {% if findCategory.widget|default %}
                                <section class="my-3">
                                    {{ widget_shortcode(findCategory.widget, 0) }}
                                </section>
                            {% else %}
                                {% include 'widget/xyz.html.twig' with {'xyz_id': 'xyzafter2ndincat', 'wide': 1} %}
                            {% endif %}
                        {% endif %}

                        {% if is_mobile() %}
                            {% if loop.index == 10 or loop.length < 10 and loop.length > 4 and loop.length == loop.index %}
                                {% if findCategory.widget|default %}
                                <section class="my-3">
                                    {{ widget_shortcode(findCategory.widget, 1) }}
                                </section>
                                {% else %}
                                {% include 'widget/xyz.html.twig' with {'xyz_id': 'xyzafter10thincat', 'wide': 1} %}
                                {% endif %}
                            {% endif %}
                        {% endif %}
                    {% endfor %}
                </section>
                {% endif %}

                {% if location_children %}
                <section id="local-schools" class="mt-3">
                    <div class="location card shadow-sm">
                        <h3 class="card-header bg-white text-primary text-center text-md-start fw-light">Find local colleges with {{ category.name }} majors in {{ location_name }}</h3>
                        <div class="card-body">
                            <div class="row">
                                {% for child in location_children %}
                                    <div class="col-md-4">
                                        <a class="small" href="{{ find_path(child, category) }}">{{ child.name }} Colleges</a>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </section>
                {% endif %}

                {% if programs %}
                <section id="top-schools" class="mt-3">
                    <div class="programs card shadow-sm">
                        <h3 class="card-header bg-white text-primary text-center text-md-start fw-light">Top schools offering {{ category.name }} degrees in {{ location_name }}</h3>
                        <div class="card-body">
                            <div class="row small">
                                {% for parent_id, parent in programs %}
                                    <div class="col-md-6">
                                        <h6 class="border-1 border-bottom border-primary"><a href="{{ find_path(location, category, parent) }}" class="text-primary">{{ parent.name }} Schools</a></h6>
                                        <ul class="list-unstyled">
                                        {% for code, program in parent.programs %}
                                            <li><a href="{{ path('app_find_program', {'location': location.slug, 'major': program.slug}) }}" class="fw-light small text-primary">{{ program.display_name|default(program.name) }} Schools</a></li>
                                        {% endfor %}
                                        </ul>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </section>
                {% endif %}

                {{ include('widget/block/section.html.twig', { name: 'degree_what', type: 'category', h3: "What is " ~ category.name ~ "?", category: category, location: location }, with_context=false) }}
                {{ include('widget/block/section.html.twig', { name: 'degree_overview', type: 'category', h3: category.name ~ " Degree Overview", category: category, location: location }, with_context=false) }}
                {{ include('widget/block/section.html.twig', { name: 'degree_certificate', type: 'category', h3: "Certificate in " ~ category.name, category: category, location: location }, with_context=false) }}
                {{ include('widget/block/section.html.twig', { name: 'degree_associate', type: 'category', h3: "Associate Degree in " ~ category.name, category: category, location: location }, with_context=false) }}
                {{ include('widget/block/section.html.twig', { name: 'degree_bachelor', type: 'category', h3: "Bachelor's Degree in " ~ category.name, category: category, location: location }, with_context=false) }}
                {{ include('widget/block/section.html.twig', { name: 'degree_master', type: 'category', h3: "Master's Degree in " ~ category.name, category: category, location: location }, with_context=false) }}
                {{ include('widget/block/section.html.twig', { name: 'degree_doctoral', type: 'category', h3: "Doctoral Degree in " ~ category.name, category: category, location: location }, with_context=false) }}
                {{ include('widget/block/section.html.twig', { name: 'certification_licensure', type: 'category', h3: "Certification and Licensure in " ~ category.name, category: category, location: location }, with_context=false) }}
                {{ include('widget/block/section.html.twig', { name: 'degree_opportunities', type: 'category', h3: "What Can I Do with a Degree in " ~ category.name ~ "?", category: category, location: location }, with_context=false) }}
                {{ include('widget/block/section.html.twig', { name: 'degree_online', type: 'category', h3: "Earning an Online " ~ category.name ~ " Degree", category: category, location: location }, with_context=false) }}
                {{ include('widget/block/section.html.twig', { name: 'career_info', type: 'category', h3: category.name ~ " Career and Salary Overview", category: category, location: location }, with_context=false) }}
                {{ include('widget/block/section.html.twig', { name: 'qa_content', type: 'category', h3: category.name ~ " FAQ", category: category, location: location }, with_context=false) }}
                {{ include('widget/block/section.html.twig', { name: 'testimonials', type: 'category', h3: "Expert Testimonials", category: category, location: location }, with_context=false) }}

                {% if schools %}
                    {% include 'find/widget/schools.html.twig' %}
                {% endif %}

                {{ include('widget/block/section.html.twig', { name: 'page_sources', type: 'category', h3: "Article Sources", category: category, location: location }, with_context=false) }}

                {% if is_mobile() %}
                <section class="mt-3">
                    {% include 'widget/xyz.html.twig' with {'xyz_id': 'xyzbeforefootincat'} %}
                </section>
                {% endif %}

                <div class="mt-3"></div>
            </div>
        </div>
    </div>
{% endblock %}