@extends('customerDashboard.layout')

@section('content')

<div class="container-fluid mb-3">
    <div class="row">
        <h2 class="h2">Renewals</h2>
    </div>
    <div class="row">
        <h6 class="h6">Please complete the process below to renew your policy. Renewals are per annum.</h6>
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="main-card mb-3 card p-3" style="border-radius:20px;">
            <div class="card-body">

                {{--  Vehicle area start  --}}
                @if($data->insurance_code == 'MT')
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder">Policy Number</span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> {{ $data->reference }} </span>
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder"> Sum Insured </span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> LKR 6,000,000.00 </span>
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder">Renewal Start Date</span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> {{ $data->policy_end_date }} </span>
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder">Policy Price before deductions</span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> LKR 120,000.00 </span>
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder">No Claim Bonus Deduction</span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> (LKR 8,000.00) </span>
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder">Policy Number</span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> LKR 112,000.00 </span>
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder">Policy Price after deductions</span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> LKR 12,000.00 </span>
                    </div>
                </div>
                @endif
                {{--  Vehicle area end  --}}

                {{--  Pet and Mobile area start  --}}
                @if($data->insurance_code == 'PT' || $data->insurance_code == 'MB')
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder"> Policy Number </span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> {{ $data->reference }} </span>
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder"> Policy Type </span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> {{ $data->title }} </span>
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder"> Renewal Start Date </span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> {{ $data->policy_end_date }} </span>
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder"> Policy Price </span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> LKR {{ $gross_premium }} </span>
                    </div>
                </div>
                @endif
                {{--  Pet and Mobile area end  --}}

                {{--  Life style area start  --}}
                @if($data->insurance_code == 'LS')
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder"> Policy Type </span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> {{ $data->title }} </span>
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder">Lifestyle Covers</span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        @foreach ($extension_packs as $i => $item)
                        <span class="grid-content"> {{ $item['title'] }} <br> </span>
                        @endforeach
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder"> Renewal Start Date </span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> {{ $data->policy_end_date }} </span>
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder"> Policy Price </span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> LKR {{ $gross_premium }} </span>
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder"> Total Extention Amount </span>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-content"> LKR {{ $total_extension_amount }} </span>
                    </div>
                </div>
                @endif
                {{--  Life Style area end  --}}

                {{--  common area end  --}}
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder mb-3"> Taxes and Other Charges
                            <button type="button" data-toggle="collapse" data-target="#taxbrackedown"
                                aria-expanded="false" aria-controls="collapseOne"
                                class="text-right m-0 p-0 btn btn-link">
                                <i class="fa fa-chevron-circle-down mr-3"></i>
                            </button>
                        </span>

                        <div data-parent="#accordion" id="taxbrackedown" aria-labelledby="headingOne" class="collapse">

                            <div class="row">
                                <div class="col-sm-12">
                                    <span class="grid-sub-content"> policy_fee Fee </span>
                                    <span class="grid-sub-content"> Stamp Duty </span>
                                    <span class="grid-sub-content"> NBT </span>
                                    <span class="grid-sub-content"> VAT </span>
                                    <span class="grid-sub-content"> Totel Taxes </span>
                                </div>
                            </div>

                        </div>

                    </div>
                    <div class="col-sm-6 col-xs-6">

                        <span class="grid-content mb-3"> LKR {{ $taxes['total_tax'] }} </span>

                        <div data-parent="#accordion" id="taxbrackedown" aria-labelledby="headingOne" class="collapse">

                            <div class="row">
                                <div class="col-sm-12">
                                    <span class="grid-sub-content"> LKR {{ $taxes['police_fee'] }} </span>
                                    <span class="grid-sub-content"> LKR {{ $taxes['stamp_duty'] }} </span>
                                    <span class="grid-sub-content"> LKR {{ $taxes['nbt'] }} </span>
                                    <span class="grid-sub-content"> LKR {{ $taxes['vat'] }} </span>
                                    <span class="grid-sub-content"> LKR {{ $taxes['total_tax'] }} </span>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
                <hr class="hr">
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-6 col-xs-6">
                        <span class="grid-hedder">Total Cost</span>
                    </div>
                    <div class="col-sm-6 col-xs-6 col-sm-6 col-xs-6">
                        <span class="grid-content"> LKR {{ $total_premium }} </span>
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-sm-12">
                        <div class="custom-checkbox custom-control" style="font-size:16px;">
                            <input type="checkbox" id="termsAndCondition_checkbox" class="custom-control-input">
                            <label class="custom-control-label" for="termsAndCondition_checkbox">
                                I hereby confirm that I have read the terms and conditions Read full
                                <a href="#">Terms and Conditions</a>.
                            </label>
                        </div>
                    </div>
                </div>
                <div class="row mb-3" style="flex-wrap: nowrap;">
                    <div class="col-md-12">
                        <button disabled id="buynow_btn"
                            class="mb-2 mr-2 btn btn-warning btn-lg text-white float-right"> Renew Now </button>
                    </div>
                </div>
                {{--  common area end  --}}

                <div id="accordion" class="mb-3">
                    <div class="p-1">
                        <div id="headingOne" class="mb-4">
                            <button type="button" data-toggle="collapse" data-target="#collapseOne1"
                                aria-expanded="false" aria-controls="collapseOne"
                                class="text-left m-0 p-0 btn btn-link btn-block">
                                <h5 class="m-0 p-0">
                                    @if($data->insurance_code == 'MT')
                                    <i class="fa fa-chevron-circle-down mr-3"></i> Vehicle Details
                                    @elseif($data->insurance_code == 'PT')
                                    <i class="fa fa-chevron-circle-down mr-3"></i> Pet Details
                                    @elseif($data->insurance_code == 'MB')
                                    <i class="fa fa-chevron-circle-down mr-3"></i> Mobile Details
                                    @endif
                                </h5>
                            </button>
                        </div>
                        <div data-parent="#accordion" id="collapseOne1" aria-labelledby="headingOne" class="collapse">

                            {{--  Vehicle details start  --}}
                            @if($data->insurance_code == 'MT')
                            <div class="yy-body">
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder">Vehicle Type</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->vehicle_type }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder">Vehicle Make</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->make }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder">Vehicle Model</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->model }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder">Vehicle YoM </span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->vehicle_yom }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder">Vehicle Fuel Type</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->fuel_type }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder">Vehicle Number Type</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->vehicle_number }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder">Vehicle Registration Number</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->registration_date }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder">First Registration Date</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->registration_date }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder">Cylinder Capacity</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->cc }} </span>
                                    </div>
                                </div>
                            </div>
                            @endif
                            {{--  Vehicle details end  --}}

                            {{--  Pet details start  --}}
                            @if($data->insurance_code == 'PT')
                            <div class="yy-body">
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder">Pet Type</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->pet_category }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder"> Pet Bread </span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->pet_breed }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder"> Pet Name </span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->pet_name }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder"> Pet Gender </span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->pet_gender }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder"> Pet Birthdate </span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->pet_dob }} </span>
                                    </div>
                                </div>
                            </div>
                            @endif
                            {{--  Pet details end  --}}

                            {{--  Mobile details start  --}}
                            @if($data->insurance_code == 'MB')
                            <div class="yy-body">
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder"> Mobile Brand </span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->phone_make }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder"> Mobile Model </span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->phone_model }} </span>
                                    </div>
                                </div>
                            </div>
                            @endif
                            {{--  Mobile details end  --}}


                        </div>
                    </div>

                    {{--    Customer Details start    --}}
                    <div class="p-1">
                        <div id="headingOne" class="mb-4">
                            <button type="button" data-toggle="collapse" data-target="#collapseOne2"
                                aria-expanded="false" aria-controls="collapseOne"
                                class="text-left m-0 p-0 btn btn-link btn-block">
                                <h5 class="m-0 p-0"> <i class="fa fa-chevron-circle-down mr-3"> </i> Owner Profile </h5>
                            </button>
                        </div>
                        <div data-parent="#accordion" id="collapseOne2" aria-labelledby="headingOne" class="collapse">
                            <div class="yy-body">
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder">Owner Name</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->customer_name }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder">Owner NIC</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->customer_nic }} </span>
                                    </div>
                                </div>
                                <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder"> Owner Address </span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->customer_address }} </span>
                                    </div>
                                </div>
                                {{-- <div class="row mb-3" style="flex-wrap: nowrap;">
                                    <div class="col-md-6">
                                        <span class="grid-hedder"> Owner City </span>
                                    </div>
                                    <div class="col-md-6">
                                        <span class="grid-content"> {{ $data->customer_address }} </span>
                            </div>
                        </div> --}}
                        <div class="row mb-3" style="flex-wrap: nowrap;">
                            <div class="col-md-6">
                                <span class="grid-hedder"> Owner Mobile No </span>
                            </div>
                            <div class="col-md-6">
                                <span class="grid-content"> {{ $data->customer_telephone }} </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {{--    Customer Details start    --}}

        </div>

    </div>
    <div class="col-md-4"></div>
</div>
</div>
</div>

@endsection

@section('custom-js')

<script>
    $('#termsAndCondition_checkbox').click(function() {
        $('#buynow_btn').attr('disabled', !this.checked);
    });

</script>

@endsection