@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>
            </div>
        </div>
    </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>
                            {!! $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 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">
                        <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" onclick='window.track({"event":"proceed", "policyType":"@if($policy_data['selected_cover_code'] == 'TP'){{'Third Party'}}@else{{'Total Loss'}}@endif"})';>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @endif
                <!--end 3rd party -->
        @include('front.includes.terms')
        @include('front.includes.other-policies')



@endsection