@extends('layouts.app')
@section('content')

  <!-- Middle Column -->
  <div class="dc-col m9">
    <div class="dc-row-padding">
      <div class="dc-col">
        <div class="dc-card dc-round dc-white dc-center">
          <div class="dc-container">

            <div class="dc-col m2 dc-tile">
              <div class="dc-card dc-round dc-white dc-center">
                <div class="dc-container">
                  <p></p>
                  <img src="{{ asset('images/dashboard/rx.png')}}" alt="Forest" style="width: 100%;">
                  <p><a href="/rxservices"><button class="dc-button dc-block dc-theme-l4">RX Services</button></a></p>
                </div>
              </div>
            </div>

            <div class="dc-col m2 dc-tile">  
              <div class="dc-card dc-round dc-white dc-center">
                <div class="dc-container">
                  <p></p>
                  <img src="{{ asset('images/dashboard/shop.png')}}" alt="Forest" style="width: 100%;">
                  <p><button class="dc-button dc-block dc-theme-l4">Online Shop</button></p>
                </div>
              </div>
            </div>

            <div class="dc-col m2 dc-tile">  
              <div class="dc-card dc-round dc-white dc-center">
                <div class="dc-container">
                  <p></p>
                  <img src="{{ asset('images/dashboard/callandpickup.png')}}" alt="Forest" style="width: 100%;">
                  <p><button class="dc-button dc-block dc-theme-l4">Pick/Deliver</button></p>
                </div>
              </div>
            </div>

            <div class="dc-col m2 dc-tile">  
              <div class="dc-card dc-round dc-white dc-center">
                <div class="dc-container">
                  <p></p>
                  <img src="{{ asset('images/dashboard/branchlocation.png')}}" alt="Forest" style="width: 100%;">
                  <p><button class="dc-button dc-block dc-theme-l4">Store Locator</button></p>
                </div>
              </div>
            </div>

            <div class="dc-col m2 dc-tile">  
              <div class="dc-card dc-round dc-white dc-center">
                <div class="dc-container">
                  <p></p>
                  <img src="{{ asset('images/dashboard/medfinder.png')}}" alt="Forest" style="width: 100%;">
                  <p><button class="dc-button dc-block dc-theme-l4">Medfinder</button></p>
                </div>
              </div>
            </div>

            <div class="dc-col m2 dc-tile">  
              <div class="dc-card dc-round dc-white dc-center">
                <div class="dc-container">
                  <p></p>
                  <img src="{{ asset('images/dashboard/greencard.png')}}" alt="Forest" style="width: 100%;">
                  <p><button class="dc-button dc-block dc-theme-l4">Greencard</button></p>
                </div>
              </div>
            </div>

            <div class="dc-col m2 dc-tile">  
              <div class="dc-card dc-round dc-white dc-center">
                <div class="dc-container">
                  <p></p>
                  <img src="{{ asset('images/dashboard/social.png')}}" alt="Forest" style="width: 100%;">
                  <p><button class="dc-button dc-block dc-theme-l4">Social & News</button></p>
                </div>
              </div>
            </div>

            <div class="dc-col m2 dc-tile">  
              <div class="dc-card dc-round dc-white dc-center">
                <div class="dc-container">
                  <p></p>
                  <img src="{{ asset('images/dashboard/myaccount.png')}}" alt="Forest" style="width: 100%;">
                  <p><a href="/myaccount"><button class="dc-button dc-block dc-theme-l4">My Account</button></a></p>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
  <!-- End Middle Column -->
  </div>
@endsection