@extends('customerDashboard.layout')

@section('content')


<div class="container-fluid mb-3">

    <div class="row">
        <h2 class="h2">
            Motor Insurance
        </h2>
    </div>

</div>

<div class="main-card mb-3 card">
    <div class="card-body">

        <div class="row mb-3" style="flex-wrap: nowrap;">

            <div class="col-sm-5">
                <span class="grid-hedder"> 3rd Party Insurance </span>
            </div>

            <div class="col-sm-5">

            </div>

            <div class="col-sm-2">
                <input type="checkbox" data-toggle="toggle" data-on="ON" data-off="OFF" disabled checked
                    data-onstyle="success" data-offstyle="danger" id="checkbox_tp">
            </div>

        </div>

        <div class="row mb-3" style="flex-wrap: nowrap;">

            <div class="col-sm-5">
                <span class="grid-hedder"> Total Loss </span>
            </div>

            <div class="col-sm-5">
                <span class="grid-hedder">
                    <span class="grid-sub-content-2"> Per day </span>
                    LKR {{ number_format($TL_total_premium/365, 2, '.', ',') }}
                </span>
            </div>

            <div class="col-sm-2">
                {{-- if product type TL or COMP switch on --}}
                <input type="checkbox" data-toggle="toggle" data-on="ON" data-off="OFF" @if($data['product_code']=='TL'
                    || $data['product_code']=='COMP' ) checked disabled @endif data-onstyle="success"
                    data-offstyle="danger" id="checkbox_tl">

            </div>

        </div>

        <div class="row mb-3" style="flex-wrap: nowrap;">

            <div class="col-sm-5">
                <span class="grid-hedder"> Comprehensive </span>
            </div>

            <div class="col-sm-5">
                <span class="grid-hedder">
                    <span class="grid-sub-content-2"> Per day </span>
                    LKR {{ number_format($COMP_total_premium/365, 2, '.', ',') }}
                </span>
            </div>

            <div class="col-sm-2">
                <input type="checkbox" data-toggle="toggle" data-on="ON" data-off="OFF"
                    @if($data['product_code']=='COMP' ) checked disabled @endif data-onstyle="success"
                    data-offstyle="danger" id="checkbox_comp">
            </div>

        </div>

    </div>
</div>

@endsection


@section('custom-js')

<script>
    $(document).ready(function() {

        let tp_url = '{{ route('customer-dashboard-enhanceTo',['policy_number'=>base64_encode($data->reference),'product'=>'TL']) }}';
        let comp_url = '{{ route('customer-dashboard-enhanceTo',['policy_number'=>base64_encode($data->reference),'product'=>'COMP']) }}';

        $('#checkbox_tl').change(function() {
            window.location.href= tp_url;
        });

        $('#checkbox_comp').change(function() {
            window.location.href= comp_url;
        });

    });

</script>


@endsection