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

{% set location_name = location.abbrName|default(location.displayName|default(location.name)) %}
{% set block_primary = block_get('primary', 'location', 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 %}
        Best colleges in {{ location_name }} - Universities.com
    {% endif %}
{% endapply %}{% endblock %}

{% block meta_description %}Compare rankings of the best universities and community colleges in {{ location_name }} as well as a list of all schools in {{ location_name }}.{% 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 colleges in {{ location_name }}</a></li>
                        {% if location_children %}
                            <li class="list-group-item small"><a href="#local-schools">Find local colleges in {{ location_name }}</a></li>
                        {% endif %}
                        {% if programs %}
                            <li class="list-group-item small"><a href="#top-schools">Top schools offering specific degrees in {{ location_name }}</a></li>
                        {% endif %}

                        {{ include('widget/block/link.html.twig', { name: 'qa_content', type: 'location', text: "Questions About Going to College in " ~ location_name, location: location }, with_context=false) }}

                        <li class="list-group-item small"><a href="#list-schools">List all colleges in {{ location_name }}</a></li>
                    </ul>
                </aside>
            </div>

            <div class="col-lg-9">
                <section class="mt-3">
                    <div class="location card shadow-sm">
                        <div class="card-body">
                            <h1 class="card-title text-center text-md-start fw-light text-primary">Best colleges in {{ location_name }}</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 %}
                                        {% if loop.last %}
                                            <li class="breadcrumb-item active" aria-current="page">{{ location.name }}</li>
                                        {% else %}
                                            <li class="breadcrumb-item"><a href="{{ find_path(location) }}">{{ location.name }}</a></li>
                                        {% endif %}
                                    {% endfor %}
                                </ol>
                            </nav>
                            {{ include('widget/byline.html.twig', { action: path('app_find_location_update_byline', {id: findLocation.id }), page: findLocation }) }}
                            {{ include('widget/block/simple.html.twig', { name: 'primary', type: 'location', location: location }, with_context=false) }}
                        </div>
                    </div>
                </section>

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

                {% if best_universities %}
                <section class="mt-3">
                    <h3 class="mb-3 text-center text-md-start fw-light">Best Four Year Universities in {{ location_name }}</h3>
                    {% for s in best_universities %}
                        {{ include('widget/school/listing.html.twig', { school: s, rank: loop.index }, with_context=false) }}

                        {% if loop.index == 2 or loop.length < 2 and loop.length == loop.index %}
                            {% include 'widget/xyz.html.twig' with {'xyz_id': 'xyzafter2ndinfindidx', 'wide': 1} %}
                        {% endif %}

                        {% if is_mobile() %}
                            {% if loop.index == 10 or loop.length < 10 and loop.length > 4 and loop.length == loop.index %}
                                {% include 'widget/xyz.html.twig' with {'xyz_id': 'xyzafter10thinfindidx', 'wide': 1} %}
                            {% endif %}
                        {% endif %}
                    {% endfor %}
                </section>
                {% endif %}

                {% if best_colleges %}
                <section class="mt-3">
                    <h3 class="mb-3 text-center text-md-start fw-light">Best Community Colleges in {{ location_name }}</h3>
                    {% for s in best_colleges %}
                        {{ include('widget/school/listing.html.twig', { school: s, rank: loop.index }, with_context=false) }}
                    {% 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 in {{ location_name }}</h3>
                        <div class="card-body">
                            <div class="row small">
                                {% for child in location_children %}
                                    <div class="col-md-4">
                                        <a class="small text-primary" href="{{ find_path(child) }}">{{ 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 specific 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, parent) }}" class="text-primary">{{ parent.name }} Schools</a></h6>
                                        <ul class="list-unstyled">
                                        {% for id, program in parent.programs %}
                                            <li><a href="{{ find_path(location, parent, program) }}" class="fw-light small text-primary">{{ program.name }} Schools</a></li>
                                        {% endfor %}
                                        </ul>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </section>
                {% endif %}

                {{ include('widget/block/section.html.twig', { name: 'qa_content', type: 'location', h3: "Questions About Going to College in " ~ location_name, location: location }, with_context=false) }}

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

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

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