{#
/**
 * @file
 * Default theme implementation for a webform submission form.
 *
 * Available variables:
 * - form: The webform submission form.
 *
 * @ingroup themeable
 */
#}
{# This is just a mockup #}
<div class="container">
  <div class="row">
       <img src="/themes/custom/yrdsb/icons/map.png" alt="School Map" width="100%">
  </div>
</div>
<div class="container">
 <div class="row pt-32 ml-0">
    <div class="pl-0">
        <div class="row pr-20 mr-30">
            <div class='school-locator-street-number school-locator-left'>
                {{ form.elements.address.address }}
            </div> 
            <div class='school-locator-street-name'>
                {{ form.elements.address.address_2 }}
            </div>
        </div>
        <div class="row"> 
            <div class='school-locator-municipality pt-16'>
                {{ form.elements.municipality }}
            </div>
        </div>
        <div class="row">
            <div class="row ml-0 pt-24 school-locator-actions mb-sm-0 mb-32 pb-sm-32 pb-lg-48">
                <div class="school-locator-submit">
                    {{ form.elements.actions }}
                </div>
                <div class="school-locator-reset">
                    {{ form.elements.actions_01 }}
                </div>
            </div> 
        </div>
    </div>
    <div class="school-locator-list pl-md-10 pl-0 pl-lg-0">
        {{ form.elements.school_types }}
    </div>
  </div>
</div>

<div class="row school-year d-flex justify-content-center pb-sm-16">
    <div class="school-year-current text-align-center fs-16 fs-sm-20">
        <div class="px-sm-0 school-year-container"><span class="school-year">2019 - 2020</span> School Year</div>
        <hr>
    </div>
    <div class="school-year-next text-align-center fs-16 fs-sm-20">
        <div class="px-sm-0 school-year-container"><span class="school-year">2020 - 2021</span> School Year</div>
        <hr>
    </div>
</div>

<div class="container card school-card-container mb-12" >
  <div class="row">
    <div class="school-profile-picture">
       <img src="/themes/custom/yrdsb/icons/school-image.png" alt="Smiley face" width="340px" height="308px">
    </div>
    <div class="col-sm">
        <div class="school-profile-card-name px-15">
            <h3 class="fs-16 fs-sm-20 pt-20 bp-8 font-weight-bold">Adrienne Clarkson P.S.</h3>
        </div>
        <div class="row pl-30" >
            <div class="school-profile-card-left" >
                <span class="fs-14 mb-0 font-weight-bold">Grades</span>
                <p class="fs-14 fs-sm-18 mb-12">2 - 8 (French Immersion)</p>
                <span class="fs-14 mb-0 font-weight-bold">Principal</span>
                <p class="fs-14 fs-sm-18 mb-12">Ndia Rusiello</p>
                <span class="fs-14 mb-0 font-weight-bold">Vice-Principal</span>
                <p class="fs-14 fs-sm-18 mb-12">Ruth Walker-Rosewood</p>
                <span class="fs-14 mb-0 font-weight-bold">Bell Times</span>
                <p class="fs-14 fs-sm-18">8:05 am - 2:35 pm</p>
            </div>
            <div class="px-lg-30 px-0 school-profile-card-right" >
                <a href="#">
                    <p class="fs-14 fs-sm-16 mb-8">
                        68 Queens College Drive<br>
                        Richmond Hill<br>
                        L4B1X3
                    </p>
                </a>
                
                <label class="sr-only">for telephone</label>
                <p class="fs-14 fs-sm-16 mb-0 school-profile-card-phone"> Tel:<span> (905) 470-2227</span></p>
                <label class="sr-only">for telephone</label>
                <p class="fs-14 fs-sm-16 school-profile-card-phone"> Tel:<span> (647) 795-7612</span></p>

                <a href="#">
                    <p class="fs-14 fs-sm-16 mb-8">
                        Website Link
                    </p>
                </a>
            </div>
        </div>
    </div>
  </div>
</div>
<div class="container card school-card-container mb-12" >
  <div class="row">
    <div class="school-profile-picture">
       <img src="/themes/custom/yrdsb/icons/school-image.png" alt="Smiley face" width="340px" height="308px">
    </div>
    <div class="col-sm">
        <div class="school-profile-card-name px-15">
            <h3 class="fs-16 fs-sm-20 pt-20 bp-8 font-weight-bold">Adrienne Clarkson P.S.</h3>
        </div>
        <div class="row pl-30" >
            <div class="school-profile-card-left" >
                <label class="fs-14 mb-0 font-weight-bold">Grades</label>
                <p class="fs-14 fs-sm-18 mb-12">2 - 8 (French Immersion)</p>
                <label class="fs-14 mb-0 font-weight-bold">Principal</label>
                <p class="fs-14 fs-sm-18 mb-12">Ndia Rusiello</p>
                <label class="fs-14 mb-0 font-weight-bold">Vice-Principal</label>
                <p class="fs-14 fs-sm-18 mb-12">Ruth Walker-Rosewood</p>
                <label class="fs-14 mb-0 font-weight-bold">Bell Times</label>
                <p class="fs-14 fs-sm-18">8:05 am - 2:35 pm</p>
            </div>
            <div class="px-lg-30 px-0 school-profile-card-right" >
                <a href="#">
                    <p class="fs-14 fs-sm-16 mb-8">
                        68 Queens College Drive<br>
                        Richmond Hill<br>
                        L4B1X3
                    </p>
                </a>
                
                <label class="sr-only">for telephone</label>
                <p class="fs-14 fs-sm-16 mb-0 school-profile-card-phone"> Tel:<span> (905) 470-2227</span></p>
                <label class="sr-only">for telephone</label>
                <p class="fs-14 fs-sm-16 school-profile-card-phone"> Tel:<span> (647) 795-7612</span></p>

                <a href="#">
                    <p class="fs-14 fs-sm-16 mb-8">
                        Website Link
                    </p>
                </a>
            </div>
        </div>
    </div>
  </div>
</div>