@php($user = Auth::guard('web')->user())
@extends('advertiser.layout.app')

@section('advertiser_title', trans('pricing.pricing_page.common.pricing') )

@section('advertiser_content')
@if(!empty($user))
@section('back_button')
{{-- <div class="right_wrapper">
    <div class="right_bar">
        <div class="right_back">
            <a href="{{ route('home', app()->getLocale()) }}" class="backBtn">{{ trans('landing.commen.backbtn') }}</a>
        </div>
    </div>
</div> --}}
@stop
<div class="map_viewBg">
    <img src="{{asset('advertiser_user/images/map_bg.jpg')}}" alt="map-bg"/>
</div>
@endif
<!-- //CONTENT START// -->
<div class="content-wrap">
    <!-- //CONTAINER START// -->
    <div class="container">
        <div class="cloud_content">
            <div class="map_view_cldBox">
                <div class="cldMid_box">
                    <div class="cld_pric_wrap">
                        <div class="cld_pricingBox">
                            <ul class="cld_prcList row m_0">
                                <li class="widget_prcList col-md-3">
                                    <div class="widgetBox">
                                        <div class="prcList_tp">
                                            <i class="icn_calendar"></i>
                                            <h2 class="prcHead">5 {{ trans('pricing.pricing_page.section1.price_code') }}</h2>
                                            <span class="prcDays">{{ trans('pricing.pricing_page.common.per_day') }}</span>
                                        </div>
                                        <div class="prcList_md">
                                            <h3 class="prc_mdHead">{{ trans('pricing.pricing_page.section1.daily') }}</h3>
                                            <p class="prc_mdTxt">
                                                2 {{ trans('pricing.pricing_page.section1.slots') }}<br />
                                                16:9  & 9:16 {{ trans('pricing.pricing_page.section1.screens') }} <br />
                                                {{ trans('pricing.pricing_page.section1.place') }} <br />
                                                24h {{ trans('pricing.pricing_page.section1.support') }} <span class="prc_value no_vlue">{{ trans('pricing.pricing_page.section1.value') }}</span>
                                            </p>
                                        </div>
                                        <div class="prcList_ft">
                                            <a href="#">{{ trans('pricing.pricing_page.common.select_plan') }}</a>
                                        </div>
                                    </div>
                                </li>
                                <li class="widget_prcList col-md-3">
                                    <div class="widgetBox">
                                        <div class="prcList_tp">
                                            <i class="icn_calendar"></i>
                                            <h2 class="prcHead">15 {{ trans('pricing.pricing_page.section2.price_code') }}</h2>
                                            <span class="prcDays">{{ trans('pricing.pricing_page.common.per_week') }}</span>
                                        </div>
                                        <div class="prcList_md">
                                            <h3 class="prc_mdHead">{{ trans('pricing.pricing_page.section2.daily') }}</h3>
                                            <p class="prc_mdTxt">
                                                4 {{ trans('pricing.pricing_page.section2.slots') }} <br />
                                                16:9  & 9:16 {{ trans('pricing.pricing_page.section2.screens') }} <br />
                                                {{ trans('pricing.pricing_page.section2.place') }} <br />
                                                24h {{ trans('pricing.pricing_page.section2.support') }} <span class="prc_value no_vlue">{{ trans('pricing.pricing_page.section2.value') }}</span>
                                            </p>
                                        </div>
                                        <div class="prcList_ft">
                                            <a href="#">{{ trans('pricing.pricing_page.common.select_plan') }}</a>
                                        </div>
                                    </div>
                                </li>
                                <li class="widget_prcList col-md-3">
                                    <div class="widgetBox">
                                        <div class="prcList_tp">
                                            <i class="icn_calendar"></i>
                                            <h2 class="prcHead">60 {{ trans('pricing.pricing_page.section3.price_code') }}</h2>
                                            <span class="prcDays">{{ trans('pricing.pricing_page.common.per_month') }}</span>
                                        </div>
                                        <div class="prcList_md">
                                            <h3 class="prc_mdHead">{{ trans('pricing.pricing_page.section3.daily') }}</h3>
                                            <p class="prc_mdTxt">
                                                12 {{ trans('pricing.pricing_page.section3.slots') }} <br />
                                                16:9  & 9:16 {{ trans('pricing.pricing_page.section3.screens') }} <br />
                                                {{ trans('pricing.pricing_page.section3.place') }} <br />
                                                24h {{ trans('pricing.pricing_page.section3.support') }} <span class="prc_value yes_vlue">{{ trans('pricing.pricing_page.section3.value') }}</span>
                                            </p>
                                        </div>
                                        <div class="prcList_ft">
                                            <a href="#">{{ trans('pricing.pricing_page.common.select_plan') }}</a>
                                        </div>
                                    </div>
                                </li>
                                <li class="widget_prcList col-md-3">
                                    <div class="widgetBox widget_msgList">
                                        <div class="prcList_tp">
                                            <i class="icn_calendar"></i>
                                            <h2 class="prcHead">220 {{ trans('pricing.pricing_page.section4.price_code') }}</h2>
                                            <span class="prcDays">{{ trans('pricing.pricing_page.common.per_annum') }}</span>
                                        </div>
                                        <div class="prcList_md">
                                            <h3 class="prc_mdHead">{{ trans('pricing.pricing_page.section4.daily') }}</h3>
                                            <p class="prc_mdTxt">
                                                80 {{ trans('pricing.pricing_page.section4.slots') }} <br />
                                                16:9  & 9:16 {{ trans('pricing.pricing_page.section4.screens') }} <br />
                                                {{ trans('pricing.pricing_page.section4.place') }} <br />
                                                24h {{ trans('pricing.pricing_page.section4.support') }} <span class="prc_value yes_vlue">{{ trans('pricing.pricing_page.section4.value') }}</span>
                                            </p>
                                        </div>
                                        <div class="prcList_ft">
                                            <a href="#">{{ trans('pricing.pricing_page.common.select_plan') }}</a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>


        
    </div>
    <!-- //CONTAINER END// -->
</div>
<!-- //CONTENT END// -->
@stop

@section('advertiser_styles')
    <style>
        .screen_selected {
            display: block !important;
        }
        
        .help-block {
            color: red;
        }
        li.rgh_icon i.i_gps {
            background-position: 1px -313px;
        }
    </style>
@stop

@section('advertiser_js')
    @include('advertiser.modules.pricing.js.index')
@stop