@extends('layouts.app')

@section('content')

    <!-- Load header section -->

    <span id="selected_policy_type" data-content="{{ $policy_data['selected_cover_code'] }}"></span>

    <div class="comprehensive-head gray-box">
        <div class="comprehensive-head-inner">
            <div class="img-holder">
                <img src="{{ asset('/images/fairfirst/store/' . $policy_data['selected'][0]['icon'])}}"/>
            </div>
            <div class="details">
                <h2>{{$policy_data['selected'][0]['title']}}</h2>

                <div class="description">
                    <p>{{$policy_data['selected'][0]['description']}}</p>
                </div>
            </div>
        </div>

    </div>
    <!-- end header section -->

    <!-- 3rd Party -->
    <div class="thirdparty-overview gray-box">
        <div class="thirdparty-overview-inner">
            <h2>Overview</h2>

            <div class="plan-details">
                @if($policy_data['selected'][0]['plan_include'])
                    <div class="includes">
                        <h3>Your Plan Includes</h3>
                        {!! $policy_data['selected'][0]['plan_include'] !!}
                    </div>
                @endif

                @if($policy_data['selected'][0]['plan_exclude'])
                    <div class="excludes">
                        <h3>Your Plan Excludes</h3>
                        {!! $policy_data['selected'][0]['plan_exclude'] !!}
                    </div>
                @endif
            </div>

            <div class="plan-details-more">
                <p>For more inclusions and exclusions, please refer the <a href="https://www.fairfirst.lk/pdf/Fairfirst_Mobile_Screen_Insurance_Policy.pdf" target="_blank">policy document</a>.</p>
            </div>

        </div>
        <div class="amounts stick-hide">
            <div id="summary_footer_items">

            </div>

            <div class="plan-actions">
                <div class="select-different-plan">
                    <a href="{{ url('quote/select_your_policy') }}">Select a different plan</a>
                </div>
                <div class="btn-holder">
                    <form action="{{route('save-mobile-quote')}}" method="post">
                        {{ csrf_field() }}
                        <input type="hidden" name="policy" value="{{$policy_data['selected_cover_code']}}"/>
                        <input type="hidden" name="policy_id" value="{{$policy_data['policy_id']}}"/>

                        <input type="submit" value="Proceed" class="btn-proceed form-submit" onclick="window.track({'event':'proceed', 'policyType':'MB {{ $policy_data['selected_cover_code'] }}'})">

                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--end 3rd party -->



@endsection