@extends('layouts.app')

@section('content')

    <!-- Load header section -->
    <div class="customizable-head gray-box">
        <div class="customizable-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 class="read-more"><a href="#long_description" class="read-more-zoom">Read More</a></div>
                    <div id="long_description" style="display: none;">{{$policy_data['selected'][0]['description']}}</div>--}}
                </div>
            </div>
        </div>
    </div>
    <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>
    </div>
    <!-- end header section -->
    <span id="selected_policy_type" data-content="{{ $policy_data['selected_cover_code'] }}"></span>

    @if($policy_data['step'] == 1)
        <form action="{{route('check-single-quote')}}" method="post">
    @else
        <form action="{{route('save-quote')}}" method="post">
    @endif
        {{ 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="hidden" name="cover_plans_ids" id="cover_plans_ids" value="{{$policy_data['cover_plans_ids']}}"/>

        <!-- Customize covers -->
        @if($policy_data['selected_cover_code'] == 'CUST')
            <div class="customizable-default-cover gray-box">
                <div class="customizable-default-cover-inner">
                    <div class="details">
                        <h2>Default Cover</h2>

                        <div class="amounts">
                            <div class="detail-line">
                                <div class="detail">
                                    {{ $policy_data['covers']['CUSTDEFAULT']['default_description'] }}
                                </div>
                                <div class="amount">
                                    <span class="currency">LKR</span>
                                    @if (isset($policy_data['covers']['CUSTDEFAULT']['mode']) && $policy_data['covers']['CUSTDEFAULT']['mode'] == \App\Insurance\Calculations::DAILY)
                                        <span class="value">{{number_format(($policy_data['covers']['CUSTDEFAULT'][$policy_data['covers']['CUSTDEFAULT']['mode']]['gross_premium']['calculated']) ,2)}}</span>
                                    @else
                                        <span class="value">{{number_format(($policy_data['covers']['CUSTDEFAULT']['gross_premium']) ,2)}}</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            @if($policy_data['step'] == 2)
            <div class="customizable-default-cover gray-box ">
                <div class="customizable-default-cover-inner">
                    <div class="details">
                        <h2>Cover Plans</h2>

                        <div class="amounts custom-page-selections">
                            @foreach($policy_data['covers'][$policy_data['selected_cover_code']]['cover_plan']['data'] as $cpId => $coverPlanData)
                                @if ($cpId > 1)
                                    <div class="detail-line addon" id="plan_{{ $cpId }}" data-plan-id="{{ $cpId }}">
                                        <div class="detail">
                                            <div class="action">
                                                <div class="remove-button">
                                                    <span></span>
                                                </div>
                                            </div>
                                            <div class="detail-caption">{{ $coverPlanData['title'] }}</div>
                                        </div>
                                        <div class="amount">
                                            <span class="currency">LKR</span>
                                            @if (isset($policy_data['covers'][$policy_data['selected_cover_code']]['mode']) && $policy_data['covers'][$policy_data['selected_cover_code']]['mode'] == \App\Insurance\Calculations::DAILY)
                                                <span class="value">{{number_format(($policy_data['covers'][$policy_data['selected_cover_code']][$policy_data['covers'][$policy_data['selected_cover_code']]['mode']]['cover_plan']['data'][$cpId]['amount']['calculated']) ,2)}}</span>
                                            @else
                                                <span class="value">{{number_format(($coverPlanData['amount']) ,2)}}</span>
                                            @endif
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    </div>

                </div>
            </div>
            @endif

            @if($policy_data['step'] == 1)
                <div class="customizable-addons gray-box">
                    <div class="select-blocks">
                        <div>Please select one or more Cover Plans</div>
                    </div>
                    <div class="customizable-addons-inner">
                        <h2>Cover Plans</h2>

                        <div class="customizable-addon-blocks" >
                            @foreach($policy_data['cover_plans'] as $coverPlan)
                                <div class="customizable-addon-block"
                                    id="cover_plan_block_{{ $coverPlan['id'] }}"  onclick="addAjaxCoverPlans({{ $coverPlan['id'] }})">
                                    <div class="inner">
                                        <div class="img-holder">
                                            <img src="{{ asset('/images/fairfirst/store/' . $coverPlan['image']) }}"
                                                 alt="{{$coverPlan['title']}}"/>
                                        </div>
                                        <div class="details">
                                            <div class="caption">{{$coverPlan['title']}}</div>

                                            <div class="coverage">
                                                <h4>{{$coverPlan['short_description']}}</h4>
                                                {{$coverPlan['title']}}

                                            </div>
                                            <div class="read-more"><a href="#coverplans-{{$coverPlan['id']}}" class="read-more-zoom">Read More</a></div>
                                            <div class="coverplans-{{$coverPlan['id']}} html-snippet" id="coverplans-{{$coverPlan['id']}}"
                                                 style="display: none;">
                                                <div>
                                                    <h3>{{$coverPlan['short_description']}}</h3>
                                                    <div class="img-holder">
                                                        <img src="{{asset('/images/fairfirst/store/' . $coverPlan['image'])}}" alt="{{$coverPlan['title']}}">
                                                    </div>
                                                    <div class="details">
                                                        <div class="details-inner">

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

                                                        </div><!-- /details-inner -->
                                                    </div>
                                                </div>
                                            </div>
                                            @php $basicPremium = $policy_data['covers'][$policy_data['selected_cover_code']]['base']['basic_premium'] @endphp
                                            <span id="cust_coverplan_amount_{{$coverPlan['id']}}" data-coverplansamount="{{ $basicPremium *  ($coverPlan['value'] / 100)}}"/>

                                        </div>
                                    </div>
                                    <div class="add">
                                        <span class="bar1"></span>
                                        <span class="bar2"></span>
                                    </div>
                                </div>
                            @endforeach
                                <input type="hidden" name="cover_plan_id" id = "cover_plan_id" value="1"/>
                                <input type="hidden" name="step" value="2" />
                        </div>
                    </div>

                    <div class="amounts sticky-hide">
                        <!-- extension-group - use this to append blocks based on selected values above -->
                        <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">
                                <input type="submit" value="Proceed" class="btn-proceed form-submit" onclick="window.track({'event':'proceed', 'policyType':'custom'})">
                            </div>
                        </div>
                    </div>

                </div>
            @endif
            @if($policy_data['step'] == 2)

                <!-- extension packs -->
                <div class="customizable-extensions gray-box">
                    <div class="select-blocks">
                        <div>Please select your Extension Packs</div>
                    </div>
                    <div class="customizable-extensions-inner">
                        <h2>Extension Packs</h2>
                        <div id="total-cover-plans-amount" data-addedcoverplansamount={{ $policy_data['covers'][$policy_data['selected_cover_code']]['options'] }}></div>
                        <div class="customizable-extension-blocks">
                                                        @foreach($policy_data['extensions'] as $extension)
                                @if ($extension['code'] == 'SRCC')
                                    @php $srccId = $extension['id'] @endphp
                                @endif
                                @if ($extension['code'] != 'TC')
                                    <div id="customizable-policy-extension-block_{{ $extension['id'] }}" data-extid ={{ $extension['id'] }} data-extcode={{ $extension['code'] }} class="customizable-extension-block"
                                     onclick="addAjaxExtensions('{{ $extension['id'] }}') ">
                                @else
                                    <div id="customizable-policy-extension-block_{{ $extension['id'] }}" data-extid ={{ $extension['id'].','. $srccId }} data-extCode= {{ $extension['code'] }} class="customizable-extension-block tc"
                                         onclick="addAjaxExtensions('{{ $extension['id'].','. $srccId }}') ">
                                @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>

                                            @php $coverVal = $policy_data['covers'][$policy_data['selected_cover_code']]['base']['sum_insured'] @endphp
                                            @php $basicPremium = $policy_data['covers'][$policy_data['selected_cover_code']]['base']['basic_premium'] @endphp
                                            @php $agentRepairFix =  $policy_data['agent_repair_fix'] @endphp
                                            @php $amount = 0 @endphp
                                            @if($extension['code'] == 'TC')
                                                @php $amount = ($coverVal * $extension['value'] / 100) @endphp
                                            @elseif($extension['code'] == 'SRCC')
                                                @php $amount = ($coverVal * $extension['value'] / 100) @endphp
                                            @elseif($extension['code'] == 'AGENT')
                                                @php $amount = ($basicPremium   * $agentRepairFix / 100) @endphp
                                            @elseif($extension['code'] == 'OTHER')
                                                @php $amount = $extension['value'] @endphp
                                            @elseif($extension['code'] == 'ELEC')
                                                @php $amount = $extension['value'] @endphp
                                            @endif
                                            <span id="cust_ext_amount_{{$extension['id']}}" data-extensionamount="{{$amount}}" class="extensions" />

                                        </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_packs']}}" />
                        {{--<input type="hidden" name="extension_id" value={{$allowedExtensionInputs}}/>--}}
                    </div>
                    <div class="amounts sticky-hide">
                        <!-- extension-group - use this to append blocks based on selected values above -->
                        <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">
                                {{--<input type="submit" value="Proceed" class="btn-proceed form-submit" onclick="window.track({'event':'proceed', 'policyType':'custom'})">--}}
                                @if($policy_data['step'] == 1)
                                    <input type="submit" value="Proceed" class="btn-proceed form-submit" onclick="window.track({'event':'saveQuote', 'policyStage':'cover plans', 'policyType':'Make your own'})">
                                @endif
                                @if($policy_data['step'] == 2)
                                    <input type="submit" value="Proceed" class="btn-proceed form-submit" onclick="window.track({'event':'saveQuote', 'policyStage':'Extension packs', 'policyType':'Make your own'})">
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            @endif

        @endif
    </form>

    @include('front.includes.terms')
    {{--@include('front.includes.stickybar')--}}
@endsection