@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">
                @if(Session::has('quote') &&  Session::get('quote')['cover_type'] == 'F')
                    <img src="{{ asset('/images/fairfirst/store/' . 'travel-family.png')}}"/>
                @else
                    <img src="{{ asset('/images/fairfirst/store/' . 'travel-alone.png')}}"/>
                @endif
            </div>
            @if(Session::has('quote') &&  Session::get('quote')['policy_type'] == 'COMP')
                <div class="details">
                    <h2>{{$policy_data['selected'][0]['title']}}</h2>

                    <div class="description">
                        <p>{{$policy_data['selected'][0]['description']}}</p>
                    </div>
                </div>
            @else
                <div class="details">
                    <h2>Make Your Own Plan</h2>

                    <div class="description">
                        <p>We’ll spend a bit longer to create a policy tailored to your needs. Pay only for what you need while you create a customized policy in under 3 minutes. </p>
                    </div>
                </div>
            @endif
        </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(Session::has('quote') &&  Session::get('quote')['policy_type'] == 'COMP')
                        @if($policy_data['selected'][0]['plan_include'])
                            <div class="includes">
                                <h3>Your Base Plan Includes</h3>
                                {!! $policy_data['selected'][0]['plan_include'] !!}
                            </div>
                        @endif
                    @else
                        <div class="includes">
                            <h3>Your Base Plan Includes</h3>
                            <ul>
                                <li>Emergency accident and sickness medical expenses, evacuation and repatriation</li>
                                <li>Dental expenses</li>
                                <li>Personal Accident (including common carrier)</li>
                            </ul>
                        </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_Inbound_Travel_Insurance.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 == 'IT')
                <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">
                                        @php $activeId = ''; @endphp
                    @foreach($policy_data['extensions'] as $extension)
                        @php $srcc = $extension['code'] @endphp
                        @php $activeClass = ''; @endphp
                        @if($srcc == 'SRCC' && $policy_data['it_policy_type'] == 'COMP')
                            @php $activeId = $extension['id']; @endphp
                            @php $activeClass = 'active'; @endphp
                        @endif
                        @if ($policy_data['it_policy_type'] == 'COMP')
                            <div id="customizable-policy-extension-block_{{ $extension['id'] }}" class="customizable-extension-block {{ $activeClass }}"
                                 onclick="removeAjaxExtensions('{{ $extension['id'] }}') ">
                        @else
                            <div id="customizable-policy-extension-block_{{ $extension['id'] }}" class="customizable-extension-block {{ $activeClass }}"
                                 onclick="addAjaxExtensions('{{ $extension['id'] }}') ">
                        @endif
                            <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='{{ $policy_data['extension_id'] }}' />
            </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-it-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':'IT {{ $policy_data['selected_cover_code'] }}'})">

                        </form>
                    </div>
                </div>
            </div>

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

@endsection