<?php require (PAGE_CONTENT.$PageContent);?>
<div class="row">
  <div class="content-wrap">
    <div class="col s12 intro-gold-price">
      <div class="col l6 m6 s12 intro-gold-price-head">
        <h2 class="intro-head-type alrightsansmedium">Gold price chart</h2>
      </div>

      <div class="input-field col l3 m3 s12">
        <?php
        $date = date('Y-m-j');
        $oneMonthsDate = strtotime ( '-1 month' , strtotime ( $date ) ) ;
        $one_month = date ( 'Y-m-j' , $oneMonthsDate );
        $threeMonthsDate = strtotime ( '-3 month' , strtotime ( $date ) ) ;
        $three_months = date ( 'Y-m-j' , $threeMonthsDate );
        $sixMonthsDate = strtotime ( '-6 month' , strtotime ( $date ) ) ;
        $six_months = date ( 'Y-m-j' , $sixMonthsDate );
        $oneYearsDate = strtotime ( '-1 year' , strtotime ( $date ) ) ;
        $one_year = date ( 'Y-m-j' , $oneYearsDate );
        $threeYearsDate = strtotime ( '-3 year' , strtotime ( $date ) ) ;
        $three_years = date ( 'Y-m-j' , $threeYearsDate );
        $sixYearsDate = strtotime ( '-5 year' , strtotime ( $date ) ) ;
        $six_years = date ( 'Y-m-j' , $sixYearsDate );
        $tenYearsDate = strtotime ( '-10 year' , strtotime ( $date ) ) ;
        $ten_years = date ( 'Y-m-j' , $tenYearsDate );
        ?>

        <select class="select" id="goldPeriod">
          <option value="<?php echo $one_month;?>" selected>1 Month</option>
          <option value="<?php echo $three_months;?>">3 Months</option>
          <option value="<?php echo $six_months;?>">6 Months</option>
          <option value="<?php echo $one_year;?>">12 Months</option>
          <option value="<?php echo $three_years;?>">3 Years</option>
          <option value="<?php echo $six_years;?>">5 Years</option>
          <option value="<?php echo $ten_years;?>">10 Years</option>
        </select>
        </div>
      <div class="input-field col l3 m3 s12">
        <select class="select" id="GoldCurrency">
          <option value="ZAR" selected>ZAR</option>
          <option value="USD">USD</option>
        </select>
        </div>


    </div>
      <div class="col s12 gold-price-graph-box">
        <p class="body-txt-type alrightsansmedium gold-c">Gold Price</p>
        <div id="gold-price-chart"></div>
        <div id="gold-price-chart-2"></div>
      </div>
    </div><!-- content-wrap -->
    <div class="col s12 gold-price-overview">
      <div class="content-wrap gold-pricing-head">
        <h1 class="center-align intro-head-type alrightsansmedium"><?php echo $gp_headOverview;?></h1>
        <p class="center-align body-txt-type alrightsansmedium"><?php echo $gp_txtOverview;?><span class="alrightsansregular"> <?php echo date ( 'Y-m-j'); ?></span> </p>
        <p class="center-align body-txt-type alrightsansregular"> <?php echo $gp_pricingInfo_1;?>  </p>
        <p class="center-align body-txt-type alrightsansregular"><?php echo $gp_pricingInfo_2;?> </p>

        <div class="col s12 gold-price-dayly">
            <section class="col l6 s12 gp-l">
                <h2 class="body-head-type alrightsansmedium"><?php echo $gp_curr1;?></h2>
                <p class="body-txt-type alrightsansregular"><?php echo $gp_gp;?><span class="body-txt-type alrightsansmedium right gp-1"></span></p>
                <p class="body-txt-type alrightsansregular"><?php echo $gp_kr;?><span class="body-txt-type alrightsansmedium right gp-2"></span></p>
            </section>
            <section class="col l6 s12 gp-r">
                <h2 class="body-head-type alrightsansmedium"><?php echo $gp_curr2;?></h2>
                <p class="body-txt-type alrightsansregular"><?php echo $gp_gp;?><span class="body-txt-type alrightsansmedium right gp-3"></span></p>
                <p class="body-txt-type alrightsansregular"><?php echo $gp_kr;?><span class="body-txt-type alrightsansmedium right gp-4"></span></p>
            </section>
            <section class="col l6 s12 gp-l">
                <h2 class="body-head-type alrightsansmedium"><?php echo $gp_curr3;?></h2>
                <p class="body-txt-type alrightsansregular"><?php echo $gp_gp;?><span class="body-txt-type alrightsansmedium right gp-5"></span></p>
                <p class="body-txt-type alrightsansregular"><?php echo $gp_kr;?><span class="body-txt-type alrightsansmedium right gp-6"></span></p>
            </section>
            <section class="col l6 s12 gp-r">
                <h2 class="body-head-type alrightsansmedium"><?php echo $gp_curr4;?></h2>
                <p class="body-txt-type alrightsansregular"><?php echo $gp_gp;?><span class="body-txt-type alrightsansmedium right gp-7"></span></p>
                <p class="body-txt-type alrightsansregular"><?php echo $gp_kr;?><span class="body-txt-type alrightsansmedium right gp-8"></span></p>
            </section>
        </div>
          </div><!-- content-wrap -->
    </div>
</div>
