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

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('schools') }}
{% endblock %}

{% block scripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('schools') }}
{% endblock %}

{% block title %}Connect with {{ school.name }} - Universities.com{% endblock %}

{% block body %}
    <div class="container">
        <div class="row">
            <div class="col-md-7 p-3 p-md-5 bg-white shadow-lg" style="z-index: 1;">
                <div class="row">
                    <div class="col-sm text-center text-md-start">
                        <h4 class="fw-light text-black-50 border-bottom pb-3 border-gray ">{{ school.name }}</h4>
                    </div>
                </div>
                <div class="row mt-3">
					{% if school.logo %}
						<div class="col-md-auto">
							<picture>
								<source type="image/webp" srcset="{{ school.logo.path | imagine_filter('school_webp_logo') }}">
								<img class="img-thumbnail d-block mx-auto mb-2" src="{{ school.logo.path | imagine_filter('school_logo') }}">
							</picture>
						</div>
					{% endif %}
					<div class="col-md">
                        <ul class="list-unstyled">
                        {% if school.webUrl %}
                            <li class="small"><i class="fal fa-phone"></i> <a class="fw-light" href="tel:{{ school.phone }}{% if school.phone_ext %},{{ school.phone_ext }}{% endif %}">{{ school.phone }}{% if school.phone_ext %} ext. {{ school.phone_ext }} {% endif %}</a></li>
                        {% endif %}
                        {% if school.webUrl %}
                            <li class="small"><i class="fal fa-globe-americas"></i> <a class="fw-light" target="_blank" href="{{ school.webUrl|sanitize_url }}">{{ school.webUrl|sanitize_url|url_host }}</a></li>
                        {% endif %}
                        </ul>
                        <ul class="list-unstyled">
                        {% if school.admUrl %}
                        <li class="small"><i class="fal fa-external-link small"></i> <a class="fw-light" target="_blank" href="{{ school.admUrl|sanitize_url }}">Admissions</a></li>
                        {% endif %}
                        {% if school.aidUrl %}
                        <li class="small"><i class="fal fa-external-link small"></i> <a class="fw-light" target="_blank" href="{{ school.aidUrl|sanitize_url }}">Financial Aid</a></li>
                        {% endif %}
                        {% if school.appUrl %}
                        <li class="small"><i class="fal fa-external-link small"></i> <a class="fw-light" target="_blank" href="{{ school.appUrl|sanitize_url }}">Applications</a></li>
                        {% endif %}
                        {% if school.npcUrl %}
                        <li class="small"><i class="fal fa-external-link small"></i> <a class="fw-light" target="_blank" href="{{ school.npcUrl|sanitize_url }}">Net Price Calculator</a></li>
                        {% endif %}
                        {% if school.vetUrl %}
                        <li class="small"><i class="fal fa-external-link small"></i> <a class="fw-light" target="_blank" href="{{ school.vetUrl|sanitize_url }}">Veteran &amp; Military Benefits</a></li>
                        {% endif %}
                        {% if school.athUrl %}
                        <li class="small"><i class="fal fa-external-link small"></i> <a class="fw-light" target="_blank" href="{{ school.athUrl|sanitize_url }}">Athletic Resources</a></li>
                        {% endif %}
                        {% if school.disUrl %}
                        <li class="small"><i class="fal fa-external-link small"></i> <a class="fw-light" target="_blank" href="{{ school.disUrl|sanitize_url }}">Disability Resources</a></li>
                        {% endif %}
                        </ul>
					</div>
                </div>

                <div class="row">
                    <div class="col-sm text-center text-md-start">
                        <h5 class="fw-light text-black-50 border-bottom pb-3 border-gray ">About Universities.com</h5>

                        <div class="row mt-3">
                            <div class="col-md-auto">
                                <picture>
                                    <img class="img-thumbnail d-block mx-auto mb-2" src="{{ asset("build/images/universities_20_years.png") }}">
                                </picture>
                            </div>
                            <div class="col-md">
                                <p class="fw-light">
								For over 20 years, Universities.com has helped thousands of people achieve their education and career goals.
								By providing university rankings, tuition costs and in depth information on more than 6,000 colleges and universities,
								we help prospective students make more informed decisions about their educational future.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                {% if show_xyz() %}
                <div class="row">
                    <div class="col-sm mt-3">
                        {% include 'widget/xyz.html.twig' with {'xyz_id': 'xyzafterabout', 'white': 1} %}
                    </div>
                </div>
                {% endif %}
            </div>

            <div class="col-md-5 p-3 p-md-5" style="background-color: #ececec;">
                <section>
                    <div class="row">
                        <div class="col-12">
                            <div class="row">
                                <div class="col-md text-center text-md-start">
                                    <h6 class="text-center">School Information</h6>

                                    <h6 class="text-black-50 border-top border-gray pt-3 mt-3">Location</h6>
                                    <address class="fw-light small">
									    {% if school.address|u.trim|length > 0 %}{{ school.address }}<br>{% endif %}
                                        {{ school.city }}, {{ school.state }} {{ school.zip }}{% if school.zip4 %}-{{ school.zip4 }}{% endif %}<br>
                                    </address>
                                    <div class="small"><span>Setting: </span><span class="fw-light">{{ stats.locale }}</span></div>

                                    {% if stats.acceptance_rate or stats.completion_rate %}
                                    <h6 class="text-black-50 border-top border-gray pt-3 mt-3">Selectivity</h6>
                                    {% if stats.acceptance_rate %}
                                    <div class="small"><span>Acceptance Rate: </span><span class="fw-light">{{ stats.acceptance_rate }}% ({{ stats.year }})</span></div>
                                    {% endif %}
                                    {% if stats.completion_rate %}
                                    <div class="small"><span>Completion Rate: </span><span class="fw-light">{{ stats.completion_rate }}% ({{ stats.year }})</span></div>
                                    {% endif %}
                                    {% endif %}

                                    <h6 class="text-black-50 border-top border-gray pt-3 mt-3">Student Body</h6>
                                    <div class="small"><span>Total Enrollments: </span><span class="fw-light">{{ stats.enrolled|number_format }} ({{ stats.year }})</span></div>
                                    <div class="small"><span>Men: </span><span class="fw-light">{{ stats.enrolled_men|number_format }}</span></div>
                                    <div class="small"><span>Women: </span><span class="fw-light">{{ stats.enrolled_women|number_format }}</span></div>

                                    <h6 class="text-black-50 border-top border-gray pt-3 mt-3">Costs</h6>
                                    <div class="small"><span>In State Tuition: </span><span class="fw-light">${{ stats.in_state_tuition|number_format }} ({{ stats.year }})</span></div>
                                    <div class="small"><span>Out of State Tuition: </span><span class="fw-light">${{ stats.out_of_state_tuition|number_format }} ({{ stats.year }})</span></div>
                                    <div class="small"><span>Books: </span><span class="fw-light">${{ stats.books_and_supplies|number_format }}</span></div>
                                    <div class="small"><span>On Campus Room &amp; Board: </span><span class="fw-light">${{ stats.on_campus_room_and_board|number_format }}</span></div>

                                    {% if dapip %}
                                        {% if dapip.institution %}
                                            <h6 class="text-black-50 border-top border-gray pt-3 mt-3">Accreditation</h6>
                                            <div class="small fw-bold">{{ dapip.institution }}</div>
                                        {% endif %}
                                        {% if dapip.specialties %}
                                            <h6 class="text-black-50 border-top border-gray pt-3 mt-3">Specialized Accreditations</h6>
                                            {% for agency, records in dapip.specialties %}
                                                <div class="small mt-3 mb-2"><span class="fw-bold">{{ agency }}</span></div>
                                                <ul class="list-unstyled">
                                                {% for record in records %}
                                                    <li class="small fw-light">{{ record.program.name }}{% if record.department %} ({{ record.department }}){% endif %}</li>
                                                {% endfor %}
                                                </ul>
                                            {% endfor %}
                                        {% endif %}
                                    {% endif %}
                                </div>
                            </div>
                        </div>

                       <div class="small text-black-50 fw-light mt-3">
						   <p class="small">
						   * Sources for school statistics and data include the U.S. Department of Education's
						   National Center for Education Statistics and the Integrated Postsecondary Education
						   Data System. Data may vary depending on school and academic year.
						   </p>
						   <p class="small">
						   ** Source data obtained from U.S. Department of Education's Office of Post-secondary Education (OPE)
						   </p>
						   <p class="small">
						   Universities.com is not associated with, endorsed by, or sponsored by {{ school.name }}.
						   Universities.com has no official or unofficial affiliation with {{ school.name }}.
						   </p>
						</div>
                    </div>
                </section>
            </div>
        </div>
    </div>
{% endblock %}