@extends('layouts.app')

@section('content')
    <meta name="csrf-token" content="{{ csrf_token() }}" />
    <!-- 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/Smart-PA-New-Policy.pdf" target="_blank">policy document</a>.</p>
                </div>
                
            </div>
        </div>
        <!-- extension packs -->
        <div class="customizable-extensions gray-box">
            @if($policy_data['insurance_type'][0]->code == 'PA')
                <div class="select-blocks">
                <div>Please select your Cover Enhancements</div>
            </div>
                <div class="customizable-extensions-inner">
                <h2>Cover Enhancements</h2>
                <div class="block-small-text">Selecting any cover enhancement will double your policy benefit in the event of an accident. Feel free to select
                    multiple cover enhancements, however, your policy benefit will not exceed the more than 2x
                    of the values stated above.</div>
                <div id="total-cover-plans-amount"></div>
                <div class="customizable-extension-blocks">
                                        @foreach($policy_data['extensions'] as $extension)
                        <div id="customizable-policy-extension-block_{{ $extension['id'] }}" class="customizable-extension-block"
                             onclick="addAjaxExtensions('{{ $extension['id'] }}') ">
                            <div class="inner">
                                <div class="img-holder">
                                    <img src="{{asset('/images/fairfirst/store/' . $extension['image'])}}"
                                         alt="{{$extension['title']}}"/>
                                </div>
                                <div class="details">
                                    <div class="caption">{{$extension['title']}}</div>
                                    <div class="coverage">{{$extension['short_description']}}</div>
                                    <div class="read-more"><a href="#extensions-{{$extension['id']}}" class="read-more-zoom">Read More</a></div>
                                    <div class="extensions-{{$extension['id']}} html-snippet" id="extensions-{{$extension['id']}}"
                                         style="display: none;">

                                        <div>
                                            <h3>Extensions</h3>
                                            <div class="img-holder">
                                                <img src="{{asset('/images/fairfirst/store/' . $extension['image'])}}" alt="{{$extension['title']}}">
                                            </div>
                                            <div class="details">
                                                <div class="details-inner">

                                                    <h4>{{$extension['title']}}</h4>
                                                    @if($extension['long_description'])
                                                        <div class="details-content">
                                                            {!! $extension['long_description'] !!}
                                                        </div><!-- /details-content -->
                                                    @endif
                                                </div><!-- /details-inner -->
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            @if($extension['is_default'] == 0)
                                <div class="add">
                                    <span class="bar1"></span>
                                    <span class="bar2"></span>
                                </div>
                            @else  @endif
                            {{--@if($extension['is_percentage']){{$extension['value']}}% @else {{$extension['value']}} @endif--}}
                        </div>
                    @endforeach
                </div>
                <input type="hidden" name="extension_id" id = "extension_id" value='' />
            </div>
            @endif

            <div class="amounts sticky-hide">
                <div id="summary_footer_items">

                </div>
                <div class="plan-actions">
                    <div class="select-different-plan">
                        <a href="{{ url('quote/select_your_policy') }}">Select different plan</a>
                    </div>
                    <div class="btn-holder">
                        <form action="{{route('save-pa-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']}}"/>

                            @if($policy_data['selected_cover_code'] == 'SV')
                                <input type="submit" value="Proceed" class="btn-proceed form-submit" onclick="window.track({'event':'proceed', 'policyType':'LS Silver'})">
                            @endif
                            @if($policy_data['selected_cover_code'] == 'GD')
                                <input type="submit" value="Proceed" class="btn-proceed form-submit" onclick="window.track({'event':'proceed', 'policyType':'LS Gold'})">
                            @endif
                            @if($policy_data['selected_cover_code'] == 'PT')
                                <input type="submit" value="Proceed" class="btn-proceed form-submit" onclick="window.track({'event':'proceed', 'policyType':'LS Platinum'})">
                            @endif
                        </form>
                    </div>
                </div>
            </div>

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

@endsection