@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 -->

    <form action="{{route('save-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="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'] == 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