@extends('layouts.app')

@section('content')

    <!-- Load header section -->
        <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="#">Read More</a></div>
                </div>
            </div>
        </div>

        @if($policy_data['selected_cover_code'] == 'COMP')
            <div class="select-deductibles">
                <div>Please select your Deductible Plan</div>
            </div>
        @endif
    </div>
    <!-- end header section -->

    <!-- 3rd Party -->
    @if($policy_data['selected_cover_code'] == 'TP' || $policy_data['selected_cover_code'] == 'TL')
        <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>
                            <ul>
                                @foreach(explode(',',$policy_data['selected'][0]['plan_include']) as $include)
                                    <li>{{$include}}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    @if($policy_data['selected'][0]['plan_exclude'])
                        <div class="excludes">
                            <h3>Your Plan Excludes</h3>
                            <ul>
                                @foreach(explode(',',$policy_data['selected'][0]['plan_exclude']) as $exclude)
                                    <li>{{$exclude}}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </div>
            </div>
            <div class="amounts">
                <div class="detail-line">
                    <div class="detail">@if($policy_data['selected_cover_code'] == 'TP'){{'Third Party'}}@else{{'Total Loss'}}@endif</div>
                    <div class="amount">
                        <span class="currency">LKR</span>
                        <span class="value">{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['gross_premium'],2)}}</span>
                    </div>
                </div>
                {{--<div id="deductible-line">--}}
                    {{--<div id="deductible_title" class="detail"></div>--}}
                    {{--<div id="deductible_desc" class="detail"></div>--}}
                    {{--<div class="amount">--}}
                        {{--<span class="currency">LKR</span>--}}
                        {{--<span id="deductible_amount" class="value">{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['gross_premium'],2)}}</span>--}}
                    {{--</div>--}}
                {{--</div>--}}
                <div class="detail-line tax">
                    <div class="detail"></div>
                    <div class="amount">
                        <span class="taxes">Taxes</span>
                        <span class="currency">LKR</span>
                        <span class="value">{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['tax']['total_tax'],2)}}</span>
                    </div>
                </div>
                <div class="detail-line total">
                    <div class="detail">Total</div>
                    <div class="amount">
                        <span class="currency">LKR</span>
                        <span class="value">{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['total_premium'],2)}}</span>
                    </div>
                </div>

                <div class="plan-actions">
                    <div class="select-different-plan">
                        <a href="#">Select different plan</a>
                    </div>
                    <div class="btn-holder">
                        <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="deductible_id" value="{{$policy_data['deductible_id']}}"/>
                            <input type="submit" value="Proceed" class="btn-proceed form-submit">
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @endif
                <!--end 3rd party -->

        <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="extension_packs" id="extension_packs" value=""/>
            <input type="hidden" name="cover_plans" id="cover_plans" value=""/>

            <!-- Comprehensive covers -->
        @if($policy_data['selected_cover_code'] == 'COMP')
            <div class="comprehensive-deductibles gray-box">
                <!-- comprehensive-deductibles-inner -->
                <div class="comprehensive-deductibles-inner">
                    <h2>Overview</h2>


                    <div class="deductible-blocks">
                        @foreach($policy_data['deductibles'] as $deductible)
                            <div class="deductible-block">
                                <div class="inner">
                                    <div class="caption">Save</div>
                                    <div class="amount"><span>LKR</span>
                                        {{number_format((($deductible['excess']) * ($policy_data['covers'][$policy_data['selected_cover_code']]['base']['sum_insured']))/100, 2) }}
                                    </div>
                                    <div class="details">
                                        <div class="discount">{{$deductible['excess'] }} %</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>COVERAGE</h4>
                                            {{$deductible['title']}}
                                        </div>

                                        <div class="read-more"><a href="#">Read More</a></div>
                                        <div id="deductible-"{{$deductible['id']}}
                                             style="display: none;">{{$deductible['description']}}</div>
                                    </div>
                                </div>
                                <div class="add">
                                    <span class="bar1"></span>
                                    <span class="bar2"></span>
                                </div>
                            </div>
                            <input type="hidden" name="removed-deductible_id" value="{{$deductible['id']}}"/>
                        @endforeach
                        <input type="hidden" name="deductible_id" value="{{$policy_data['deductible_id']}}"/>
                    </div>
                </div>
            </div>
            <!-- 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 class="customizable-extension-blocks">
                                                @foreach($policy_data['extensions'] as $extension)
                            <div class="customizable-extension-block">
                                <div class="inner">
                                    <div class="img-holder">
                                        <img src="{{asset('/images/fairfirst/store/' . $extension['image'])}}"
                                             alt=""/>
                                    </div>
                                    <div class="details">
                                        <div class="caption">{{$extension['title']}}</div>
                                        <div class="coverage">{{$extension['short_description']}}</div>
                                        <div class="read-more"><a href="#">Read More</a></div>
                                        <div class="extensions-"{{$extension['id']}}
                                             style="display: none;">{{$extension['long_description']}}</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" value={{$allowedExtensionInputs}}/>
                </div>


                <div class="amounts">
                    <div class="detail-line">
                        <div class="detail">
                            {{$policy_data['selected'][0]['title']}}
                            <div>{{$policy_data['selected'][0]['description']}}</div>
                        </div>
                        <div class="amount">
                            <span class="currency">LKR</span>
                            <span class="value">{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['gross_premium'],2)}}</span>
                        </div>
                    </div>

                    <!-- todo: need to complete -->
                    <div class="detail-line">
                        <div class="detail">
                            0.5% Deductible
                            <div>Description</div>
                        </div>
                        <div class="amount">
                            <span class="currency">LKR</span>
                            <span class="value">{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['gross_premium'],2)}}</span>
                        </div>
                    </div>

                    <div class="detail-line tax">
                        <div class="detail"></div>
                        <div class="amount">
                            <span class="taxes">Taxes</span>
                            <span class="currency">LKR</span>
                            <span class="value">{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['tax']['total_tax'],2)}}</span>
                        </div>
                    </div>
                    <div class="detail-line total">
                        <div class="detail">Total</div>
                        <div class="amount">
                            <span class="currency">LKR</span>
                            <span class="value">{{number_format($policy_data['covers'][$policy_data['selected_cover_code']]['total_premium'],2)}}</span>
                        </div>
                    </div>

                    <div class="plan-actions">
                        <div class="select-different-plan">
                            <a href="#">Select different plan</a>
                        </div>
                        <div class="btn-holder">
                            <input type="submit" value="Proceed" class="btn-proceed form-submit">
                        </div>
                    </div>
                </div>

            </div>
            @endif

                    <!-- 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']['total_premium'],2)}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="customizable-addons gray-box">
                    <div class="select-blocks">
                        <div>Please select One or More Covering 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" onclick="addComponents({{ $coverPlan['id'] }}, '#cover_plans', 'cover-plan')">
                                    <div class="inner">
                                        <div class="img-holder">
                                            <img src="{{ asset('/images/fairfirst/store/' . $coverPlan['image']) }}"
                                                 alt=""/>
                                        </div>
                                        <div class="details">
                                            <div class="caption">{{$coverPlan['title']}}</div>

                                            <div class="coverage">
                                                <h4>COVERAGE</h4>
                                                {{$coverPlan['short_description']}}
                                            </div>
                                        </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"/>
                        </div>
                    </div>

                    <!-- 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 class="customizable-extension-blocks">
                                                                @foreach($policy_data['extensions'] as $extension)
                                    <div class="customizable-extension-block" onclick="addComponents({{ $extension['id'] }}, '#extension_packs', 'extensions')">
                                        <div class="inner">
                                            <div class="img-holder">
                                                <img src="{{asset('/images/fairfirst/store/' . $extension['image'])}}"
                                                     alt=""/>
                                            </div>
                                            <div class="details">
                                                <div class="caption">{{$extension['title']}}</div>
                                                <div class="coverage">{{$extension['short_description']}}</div>
                                                <div class="read-more"><a href="#">Read More</a></div>
                                                <div class="extensions-"{{$extension['id']}}
                                                     style="display: none;">{{$extension['long_description']}}</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" value={{$allowedExtensionInputs}}/>
                        </div>
                    </div>

                    <div class="amounts">
                        <!-- extension-group - use this to append blocks based on selected values above -->
                        <div class="extension-group">
                            <div class="detail-line addon">
                                <div class="detail">
                                    <div class="action">
                                        <div class="remove-button">
                                            <span></span>
                                        </div>
                                    </div>
                                    <div class="detail-caption">Agent Repair</div>
                                </div>
                                <div class="amount">
                                    <span class="currency">LKR</span>
                                    <span class="value">130,000</span>
                                </div>
                            </div>
                            {{--<div class="detail-line addon">--}}
                                {{--<div class="detail">--}}
                                    {{--<div class="action">--}}
                                        {{--<div class="remove-button">--}}
                                            {{--<span></span>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                    {{--<div class="detail-caption">Strikes and Civil</div>--}}
                                {{--</div>--}}
                                {{--<div class="amount">--}}
                                    {{--<span class="currency">LKR</span>--}}
                                    {{--<span class="value">130,000</span>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        </div>
                        <div class="detail-line tax">
                            <div class="detail"></div>
                            <div class="amount">
                                <span class="taxes">Taxes</span>
                                <span class="currency">LKR</span>
                                <span class="value">6,0001</span>
                            </div>
                        </div>
                        <div 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="#">Select different plan</a>
                            </div>
                            <div class="btn-holder">
                                <input type="submit" value="Proceed" class="btn-proceed form-submit">
                            </div>
                        </div>
                    </div>
                </div>
                @endif
                </form>

                <!--- show other policies if not customizable -->
                @if($policy_data['selected_cover_code'] != 'CUST')
                    <!-- other-policies -->
                    <div class="other-policies">
                        <div class="other-policies-inner">
                            @if (count($policy_data['insurance_covers']) > 1)
                                <h2>Other policy options</h2>
                            @endif

                            <div class="other-policy-blocks">
                                @foreach($policy_data['insurance_covers'] as $key => $policy)
                                    @if($policy['cover_code'] != $policy_data['selected_cover_code'] && $policy_data['covers'][$policy['cover_code']]['total_premium'])
                                                                                <!-- policy-block -->
                                        <div class="policy-block {{$isNew}}">
                                            <div class="inner">
                                                <h3>{{$buttonTitle}}</h3>

                                                <div class="amount">
                                                    <span>LKR</span>{{number_format($policy_data['covers'][$policy['cover_code']]['total_premium'],2)}}
                                                </div>
                                                <form action="{{route('check-single-quote')}}" method="post">
                                                    {{ csrf_field() }}
                                                    @if($policy['cover_code'] != $policy_data['selected_cover_code'] && $policy_data['covers'][$policy['cover_code']]['total_premium'])
                                                        <input type="hidden" name="policy"
                                                               value="{{$policy['cover_code']}}">
                                                        <input type="hidden" name="policy_id" value="{{$policy['id']}}">

                                                        <div class="btn-holder">
                                                            <input type="submit" value=""
                                                                   class="btn-plan">
                                                        </div>

                                                    @endif
                                                </form>
                                            </div>
                                        </div>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @endif


                            <!-- terms -->
                    <div class="terms-and-conditions">
                        <div class="terms-and-conditions-inner">

                            <div class="terms-header"><h3>Terms and Conditions</h3></div>
                            <div class="terms-details">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend enim eget
                                    neque
                                    vulputate aliquet. Ut aliquet risus sapien. Aliquam erat volutpat. Proin commodo
                                    tempus est
                                    sed mollis. Etiam ante tellus, dapibus in dolor id, dignissim imperdiet dolor.
                                    Aliquam non
                                    tempor lorem. Fusce ac nibh est.</p>

                                <p>Aliquam erat volutpat. Cras sit amet ultricies velit. Integer velit purus, tempus in
                                    ornare
                                    non, vulputate blandit turpis. Cras non tristique eros. Donec vel malesuada erat,
                                    vitae
                                    egestas nulla. Nam malesuada urna erat, sed consectetur lorem congue at. In iaculis
                                    tempor
                                    elit at aliquam. Pellentesque nec ultricies turpis. Phasellus in elementum lorem.
                                    Nullam
                                    vitae ligula et velit feugiat eleifend vel quis dui. In a erat placerat, volutpat
                                    sapien
                                    eget, pellentesque erat.</p>

                                <p>Aliquam vel magna magna. Quisque sit amet arcu dui. Pellentesque dui justo, ornare ut
                                    sapien
                                    id, rutrum porta sem. Maecenas maximus erat eros, et ornare dolor mattis ut. Aenean
                                    in ipsum
                                    quis diam egestas aliquam. Vestibulum mauris ipsum, viverra a vehicula sed, pharetra
                                    at
                                    tortor. Fusce tristique dapibus est, id congue tortor tristique ut. Etiam
                                    sollicitudin
                                    placerat leo, vitae lacinia turpis luctus in. Maecenas venenatis fermentum luctus.
                                    Aliquam
                                    vitae ipsum ornare, pellentesque metus varius, condimentum orci. Nunc nec arcu
                                    ipsum.
                                    Maecenas mollis blandit lectus, at laoreet tellus facilisis eu. Proin molestie
                                    pretium eros.
                                    Pellentesque non malesuada enim. Duis dapibus, purus ac aliquet imperdiet, nisi
                                    turpis
                                    interdum arcu, quis mollis eros purus eu mi. Fusce sed magna felis. </p>

                            </div>

                        </div>
                    </div>
                    <!-- /terms -->
@endsection