@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="extension_packs" id="extension_packs" value=""/>
        <input type="hidden" name="cover_plans_ids" id="cover_plans" value="{{$policy_data['cover_plans_ids']}}"/>
        <input type="hidden" name="cover_plans_amounts_summ" id="cover_plans_amounts_summ" value=""/>
        <input type="hidden" name="ext_amounts_summ" id="ext_amounts_summ" value=""/>

            <span id="general_data_amounts"
                  data-page-step="{{ $policy_data['step'] }}"
                  data-policy-data="{{ json_encode($policy_data) }}"
                  data-cover="{{$policy_data['covers'][$policy_data['selected_cover_code']]['gross_premium']}}"
                  data-tax="{{$policy_data['covers'][$policy_data['selected_cover_code']]['tax']['total_tax']}}"
            />
        <!-- 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">
                                    Total Loss (Added)
                                    <div>{{ $policy_data['covers']['CUSTDEFAULT']['default_description'] }}
                                    </div>
                                </div>
                                <div class="amount">
                                    <span class="currency">LKR</span>
                                    <span class="value">{{number_format(($policy_data['covers']['CUSTDEFAULT']['gross_premium']) ,2)}}</span>
                                </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">

                        </div>
                    </div>

                </div>
            </div>
            @endif

                <span id="general_data_amounts" data-page-step="{{ $policy_data['step'] }}"  data-insplans-amount="{{ ($policy_data['covers']['CUSTDEFAULT']['total_premium'] - $policy_data['covers']['CUSTDEFAULT']['tax']['total_tax'])  }}" data-insplans-tax="7000.00"
                      data-policy-data="{{ json_encode($policy_data) }}"/>

            @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="addComponents({{ $coverPlan['id'] }}, '#cover_plans', 'cover-plan', '{{$coverPlan['title']}}')">
                                    <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>
                                {{--@if($coverPlan['is_percentage'])
                                    {{$coverPlan['value'] }} %
                                @else
                                    {{number_format($coverPlan['value'], 2)}}
                                @endif--}}
                            @endforeach

                                {{--<input type="hidden" name="cover_plans" 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 class="extension-group">

                        </div>
                        <div class="detail-line">
                            <div class="detail">@if($policy_data['selected_cover_code'] == 'CUST'){{'Total Loss (Added)'}}@endif</div>
                            <div class="amount">
                                {{--@if($policy_data['covers'][$policy_data['selected_cover_code']]['discount_applied'] == 'Yes')--}}
                                    {{--<div class="original-value"><span>LKR</span>{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['gross_premium'],2)}}</div>--}}
                                {{--@endif--}}
                                <span class="currency">LKR</span>
                                <span class="value">{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['gross_premium_discount'],2)}}</span>
                            </div>
                        </div>
                        @if($policy_data['covers'][$policy_data['selected_cover_code']]['discount_applied'] == 'Yes')
                            <div class="detail-line gross-premium">
                                <div class="detail">Gross premium</div>
                                <div class="amount">
                                    <div class="original-value gross-premium-original-value"><span>LKR</span>{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['gross_premium'],2)}}</div>
                                    <span class="currency">LKR</span>
                                    <span class="value gross-premium-value">{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['gross_premium_discount'],2)}}</span>
                                </div>
                            </div>
                        @endif
                        <div class="detail-line tax">
                            <div class="detail"></div>
                            <div class="amount">
                                <span class="taxes">Taxes and Other Charges</span>
                                <span class="currency">LKR</span>
                                <span class="value">{{ $policy_data['covers']['CUST']['tax']['total_tax'] }}</span>
                            </div>
                        </div>
                        <div class="detail-line total">
                            <div class="detail">Total</div>
                            <div class="amount">
                                <span class="currency">LKR</span>
                                <span id="calc_total" data-calc-total-cust="" class="value"></span>
                            </div>
                        </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)
                                <div id="customizable-policy-extension-block_{{ $extension['id'] }}" class="customizable-extension-block"
                                     onclick="addExtensions('{{ $extension['id'] }}', '#extension_packs', 'extensions', '{{ $extension['title'] }}') ">
                                    <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" value={{$allowedExtensionInputs}}/>--}}
                    </div>
                    <div class="amounts sticky-hide">
                        <!-- extension-group - use this to append blocks based on selected values above -->
                        <div class="extension-group">

                        </div>
                        <div class="detail-line">
                            <div class="detail">@if($policy_data['selected_cover_code'] == 'CUST'){{'Total Loss (Added)'}}@endif</div>
                            <div class="amount">
                                {{--@if($policy_data['covers'][$policy_data['selected_cover_code']]['discount_applied'] == 'Yes')--}}
                                    {{--<div class="original-value"><span>LKR</span>{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['gross_premium'],2)}}</div>--}}
                                {{--@endif--}}
                                <span class="currency">LKR</span>
                                <span class="value">{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['gross_premium'],2)}}</span>
                            </div>
                        </div>
                        @if($policy_data['covers'][$policy_data['selected_cover_code']]['discount_applied'] == 'Yes')
                            <div class="detail-line gross-premium">
                                <div class="detail">Gross premium</div>
                                <div class="amount">
                                    <span class="currency">LKR</span>
                                    <div class="original-value gross-premium-original-value"><span>LKR</span>{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['gross_premium'],2)}}</div>
                                    <span class="currency">LKR</span>
                                    <span class="value gross-premium-value">{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['gross_premium_discount'],2)}}</span>
                                </div>
                            </div>
                        @endif
                        <div class="detail-line tax">
                            <div class="detail"></div>
                            <div id="tax" class="amount">
                                <span class="taxes">Taxes and Other Charges</span>
                                <span class="currency">LKR</span>
                                <span class="value">{{ $policy_data['covers']['CUST']['tax']['total_tax'] }}</span>
                            </div>
                        </div>
                        <div id="total" class="detail-line total">
                            <div class="detail">Total</div>
                            <div class="amount">
                                <span class="currency">LKR</span>
                                <span class="value">6,0001</span>
                            </div>
                        </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