@extends('Frontend.partials.layout')

@section('content')
<style>
    .energy_iframe {
        width: 66% !important;
        height: calc(58vw/1.5) !important;
        border: none !important;
        background: #dddddd4d !important;
        /* border-top: 3px solid #2FAB66 !important; */
        padding: 15px !important
    }
    @media (max-width: 2560px) and (min-width: 2000px) {
        .energy_iframe {
            margin-top: 50px !important;
        }
    }
    @media (max-width: 520px) and (min-width: 320px) {
        .energy_iframe {
            width: 100% !important;
            height: calc(81vw/1.5) !important;
            padding: 8px !important;
        }
    }

</style>
{{-- analysis content dashboard view --}}
<section class="analysis-content dsh-view">
    <div class="row">
        <div class="col-md-5 col-sm-5 col-12">
            <div class="analysis-content-header d-flex align-items-center">
                <div class="logo">
                    <i class="fas fa-home primary-color"></i>
                </div>
                <div class="heading primary-color">
                    <h2>{{ ucfirst($name) }}</h2>
                    <p>{{ ucfirst('Premium Edition') }}</p>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div>
                <iframe class="energy_iframe mt-4" style="clear: both; display: block; margin: 0 auto;" src="{{ asset('/premium') }}/index.html#start.html" width="300" height="150" ></iframe>
            </div>
        </div>
    </div>

</section>
{{-- analysis content dashboard view /--}}
@endsection