@extends('layouts.app')

@section('content')

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

    <div class="{{$policyClass}}-head gray-box">
        <div class="{{$policyClass}}-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 -->

    @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']}}"/>
                    <input type="hidden" name="extension_id" id="extension_id" value="{{$policy_data['extension_packs']}}" />
                    <span id="policy_data_step" data-step="{{ $policy_data['step'] }}"></span>
                    <!-- Comprehensive covers -->
                    @if($policy_data['selected_cover_code'] == 'COMP')
                        @if($policy_data['step'] == 2)
                            <div class="comprehensive-deductibles gray-box">
                                <div class="select-deductibles">
                                    <div>Please select your Deductible Plan</div>
                                </div>
                                <!-- comprehensive-deductibles-inner -->

                                <div class="comprehensive-deductibles-inner">
                                    <h2>Deductibles</h2>

                                    <div class="block-small-text">"We want you to have maximum ease of purchase when you
                                        decide to get our comprehensive insurance. And that is why, you could also
                                        ""pitch in"" to it. Decide on the portion that you could pool in from the
                                        following. And you will save on your premium. But at the time of an accident,
                                        our payment to you will be ""minus"" to what you committed. "
                                    </div>

                                    <div class="deductible-blocks">
                                        @foreach($policy_data['deductibles'] as $deductible)
                                                                                                                                    <div class="deductible-block" id="deductible-block-id-{{$deductible['id']}}"
                                                 onclick="addDeductible('{{ $deductible['id'] }}')">
                                                <div class="inner">
                                                    <div class="caption">Save</div>
                                                    <div class="amount"><span>LKR</span>
                                                        {{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['base']['basic_premium'] * ($deductible['discount'] / 100),2) }}
                                                    </div>
                                                    <div class="details">
                                                        <div class="discount">{{$deductible['excess'] }} % -
                                                            LKR {{number_format((($deductible['excess']) * ($policy_data['covers'][$policy_data['selected_cover_code']]['base']['sum_insured']))/100, 2) }}</div>
                                                        {{--@if($deductible['id'] != $policy_data['deductible_id'])
                                                            <a href="">Remove</a>
                                                            <!--Can not remove more than 1 should link to customizePolicy()-->
                                                        @endif--}}
                                                        <div class="coverage">
                                                            <h4>{{$deductible['title']}}</h4>
                                                            {{--In the event of a claim you will have to bear this amount.--}}
                                                            {!! $deductible_desc !!}
                                                        </div>

                                                        <div class="read-more"><a
                                                                    href="#deductible-{{$deductible['id']}}"
                                                                    class="read-more-zoom">Read More</a></div>
                                                        <div id="deductible-{{$deductible['id']}}" class="html-snippet"
                                                             style="display: none;">

                                                            <div>
                                                                <h3>{{$deductible['title']}}</h3>

                                                                <div class="details">
                                                                    <div class="details-inner">

                                                                        <h4>{{$deductible['title']}}</h4>
                                                                        @if($deductible['description'])
                                                                            <div class="details-content">
                                                                                                                                                                                                                                                {{--{!! $deductible['description'] !!}--}}
                                                                            </div><!-- /details-content -->
                                                                        @endif
                                                                    </div>
                                                                    <!-- /details-inner -->
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="add">
                                                    <span class="bar1"></span>
                                                    <span class="bar2"></span>
                                                </div>
                                                {{--{{dd($policy_data['covers'][$policy_data['selected_cover_code']]['base']['basic_premium'])}}--}}
                                                <input type="hidden" name="removed-deductible_id"
                                                       value="{{$deductible['id']}}"/>
                                            </div>
                                        @endforeach

                                    </div>
                                </div>


                                <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">
                                            {{--<input type="hidden" name="step" value="2" />--}}
                                            <input type="hidden" id="deductible_id" name="deductible_id" value=""/>
                                            <input type="submit" value="Proceed" class="btn-proceed form-submit"
                                                   onclick="window.track({'event':'proceed', 'policyType':'comprehensive'})">
                                        </div>
                                    </div>
                                </div>

                            </div>
                        @elseif($policy_data['step'] == 1)
                            <div class="customizable-extensions gray-box">
                                @php $coverVal =
                                $policy_data['covers'][$policy_data['selected_cover_code']]['base']['sum_insured'] @endphp
                                @php $riskPremium =
                                $policy_data['covers'][$policy_data['selected_cover_code']]['base']['risk_premium'] @endphp
                                @php $agentRepairFix = $policy_data['agent_repair_fix'] @endphp
                                @php $naturalDisaster =
                                $policy_data['covers'][$policy_data['selected_cover_code']]['natural_disaster'] @endphp
                                <div class="select-blocks">
                                    <div>Please select your Extension Packs</div>
                                </div>
                                <div class="customizable-extensions-inner">
                                    <h2>Extension Packs</h2>

                                    <div class="block-small-text">We offer a range of extension packs to help enhance
                                        your cover even further. Create the perfect cover according to the extensions
                                        you prefer most.
                                    </div>

                                    <div class="customizable-extension-blocks">
                                                                                @foreach($policy_data['extensions'] as $extension)
                                            @if ($extension['code'] == 'AGENT' && (!in_array($quote_data['vehicle_age'], range(4, 5))))
                                                @php continue @endphp
                                            @endif
                                            @if($extension['is_default'] == 0)
                                                @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 $amount = 0 @endphp
                                                                        @if($extension['code'] == 'TC')
                                                                            @php $amount = $tcAmount = ($coverVal *
                                                                            $extension['value'] / 100) @endphp
                                                                        @elseif($extension['code'] == 'SRCC')
                                                                            @php $amount = $srccAmount = ($coverVal *
                                                                            $extension['value'] / 100) @endphp
                                                                        @elseif($extension['code'] == 'AGENT')
                                                                            @php $amount = $agentAmount = ($riskPremium
                                                                            + $naturalDisaster) * ($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>
                                                                {{--@endif--}}
                                                                {{--@if($extension['is_percentage']){{$extension['value']}}% @else {{$extension['value']}} @endif--}}
                                                            </div>
                                                            @else  @endif
                                                            @endforeach
                                                    </div>

                                    </div>
                                    <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">
                                                <input type="hidden" name="step" value="2"/>
                                                <input type="hidden" id="deductible_id" name="deductible_id"
                                                       value="{{$policy_data['deductible_id']}}"/>
                                                {{--<input type="submit" value="Proceed" class="btn-proceed form-submit" onclick="window.track({'event':'proceed', 'policyType':'custom'})">--}}
                                                @if($policy_data['step'] == 2)
                                                    <input type="submit" value="Proceed" class="btn-proceed form-submit"
                                                           onclick="window.track({'event':'saveQuote', 'policyStage':'cover plans', 'policyType':'comprehensive'})">
                                                @endif
                                                @if($policy_data['step'] == 1)
                                                    <input type="submit" value="Proceed" class="btn-proceed form-submit"
                                                           onclick="window.track({'event':'saveQuote', 'policyStage':'Extension packs', 'policyType':'comprehensive'})">
                                                @endif
                                            </div>
                                        </div>
                                    </div>


                                </div>
                        @endif
                    @endif
                </form>
                @include('front.includes.terms')
                @include('front.includes.other-policies')



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