@extends('layouts.frontend_layout.frontend_design')
@section('content')




<section class="section mc-hero-simple section-bottom-size8 section-size1" aria-label="Dynamics 365 Pricing"
          data-bi-area="componenthero-simple-module" data-bi-id="component_hero-simple-module-hero">
    <div class="row row-size7">
        <div class="column medium-10 large-8 medium-centered text-center">
            <h1 id="hero-id" class="text-responsive-36px">Olea pricing</h1>
        </div>
    </div>
    <div class="row row-size2">
        <div class="column medium-8 large-8 medium-centered text-center">
            <p class="text-body3">Select a business area to view pricing information</p>
        </div>
    </div>
    </section>






<section class="section section-size2 show-for-large" aria-label="Select a business area to view pricing information">
    <div class="row row-size4">
        <div class="cards--flex">

            @foreach($plans as $plan)
            <div class="cards--flex__item sd-equalize" data-set="pricing-nav-buttons">
                <a href="#plan{{ $plan->id }}" aria-labelledby="group-customer-data-platform-heading" class="card mc-card mc-card--pricing-page-nav card-size2 pricing-card-button">
                    <h3 id="group-customer-data-platform-heading" class="text-heading3 x-hidden-focus">{{ $plan->name }}</h3>
                    <ul>
                        <li class="text-heading5"></li>
                            <li>Customer Insights</li>
                            <li>Customer Voice</li>
                    </ul>
                </a>
            </div>
            @endforeach
        </div>    </div>
</section>

    @foreach($plans as $plan)

        <section class="section section-white section-size5 section-bottom-size6" id="plan{{ $plan->id }}" data-offer-id="group-customer-data-platform" aria-label="Customer Data Platform">

            <div class="row row-size0 column show-for-large" role="table">



<table class="mc-pricing-table" role="row">
    <caption class="mx-screen-reader">{{ $plan->name }}</caption>
    <thead role="columnheader">
        <tr>
            <th class="f-table-heading-0">
                <span class="text-heading2">{{ $plan->name }}</span>
            </th>
            <th class="f-table-heading-1" id="mc-pricing-column-group-customer-data-platform-desktop-column-0" scope="col">
                <span>First Dynamics&nbsp;365 app</span>
            </th>
            <th class="f-table-heading-1" id="mc-pricing-column-group-customer-data-platform-desktop-column-1" scope="col">
                <span>Subsequent qualifying<sup>1</sup> Dynamics&nbsp;365 app</span>
            </th>
        </tr>
    </thead>
    <tbody class="text-body2">
            <tr class="sd-equalize" data-set="group-customer-data-platform-row-desktop">
                <th class="f-row-heading-0"
                    id="mc-pricing-column-group-customer-data-platform-desktop-row-bb3bb211-f5b5-409d-8782-345aefe6b8dd"
                    scope="row">

                    <a id="cta-group-customer-data-platform-mobile-bb3bb211-f5b5-409d-8782-345aefe6b8dd" href="../ai/customer-insights/index.html" target="_self" class="hyperlink  hyperlink--black" aria-label=""  data-buckettype="InformationalAction" data-bi-mto>Customer Insights</a>

                    <sup></sup>
                </th>
                <td headers="mc-pricing-column-group-customer-data-platform-desktop-row-bb3bb211-f5b5-409d-8782-345aefe6b8dd mc-pricing-column-group-customer-data-platform-desktop-column-0">
                    <div class="mc-included-product-price">
                        <span>
                            <meta itemprop="priceCurrency" content="INR">
                            <span itemprop="price" dir="auto"> ₹ 1,08,070</span>        <sup></sup>

                        </span>
                        <p>Per tenant/month</p>
                    </div>
                </td>
                <td headers="mc-pricing-column-group-customer-data-platform-desktop-row-bb3bb211-f5b5-409d-8782-345aefe6b8dd mc-pricing-column-group-customer-data-platform-desktop-column-1">
                    <div class="mc-included-product-price">
                        <span>
                            <meta itemprop="priceCurrency" content="INR">
                            <span itemprop="price" dir="auto">From  ₹ 72,045</span>        <sup></sup>
                        </span>
                        <p>per tenant/month</p>
                    </div>
                </td>

            </tr>
            <tr class="sd-equalize" data-set="group-customer-data-platform-row-desktop">
                <th class="f-row-heading-0"
                    id="mc-pricing-column-group-customer-data-platform-desktop-row-065e3a3f-879a-42bf-88e9-5568aa463ca6"
                    scope="row">

                    <a id="cta-group-customer-data-platform-mobile-065e3a3f-879a-42bf-88e9-5568aa463ca6" href="../customer-voice/overview/index.html" target="_self" class="hyperlink  hyperlink--black" aria-label=""  data-buckettype="InformationalAction" data-bi-mto>Customer Voice</a>

                    <sup></sup>

                </th>
                <td headers="mc-pricing-column-group-customer-data-platform-desktop-row-065e3a3f-879a-42bf-88e9-5568aa463ca6 mc-pricing-column-group-customer-data-platform-desktop-column-0"
                            colspan="2">
                    <div class="mc-included-product-price">
                        <span>
                            <meta itemprop="priceCurrency" content="INR">
                                <span itemprop="price" dir="auto"> ₹ 14,410</span>
                                <a href="#footnote-2" class="hyperlink hyperlink--black"><sup>2</sup></a>

                        </span>
                        <p>2,000 survey responses per tenant/month*</p>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
    </div>

        <div class="row row-size3">
            <div class="column medium10 medium-centered">
                    <p class="text-body5"><sup>1</sup> Subsequent pricing applies to any tenant in your organisation. To learn about qualifying apps and other discounts, see the <a id="footnote-cdp-cta-1" href="https://go.microsoft.com/fwlink/?LinkId=866544&amp;clcid=0x4009" target="_blank" class="hyperlink  hyperlink--black" aria-label="Licensing guide" >Licensing guide</a> or <a id="footnote-cdp-cta-2" href="index.html" target="_self" class="hyperlink  hyperlink--black" aria-label="Contact more about qualifying apps"  data-pops-up="modal-contact-us">contact us</a>.</p>
                    <p class="text-body5"><sup>2</sup> When purchased as a standalone application or additional capacity.</p>
            </div>
        </div>
        <div class="row row-size3 column button-group button-group--centered">
            <a id="cte-group-customer-data-platform-d365guide" href="https://go.microsoft.com/fwlink/?LinkId=866544&amp;clcid=0x4009" target="_blank" class="button button-arrowlink  button-arrowlink--black" aria-label="Download licensing guide for Dynamics 365"  download="Dynamics 365 Licensing Guide Aug 2019.pdf"> <span>Download the Dynamics&nbsp;365 Licensing Guide</span>
            </a>
        </div>


        </section>
@endforeach

        @endsection