@extends('customerDashboard.layout')
@section('content')

{{-- summery view section --}}
<div class="mb-3 card">
    <div class="card-header-tab card-header">
        <div class="card-header-title font-size-lg text-capitalize font-weight-normal">
            <i class="header-icon lnr-charts icon-gradient bg-happy-green"> </i>
            Summary
        </div>
    </div>
    <div class="no-gutters row">
        <div class="col-sm-6 col-md-4 col-xl-4">
            <div class="card no-shadow rm-border bg-transparent widget-chart text-left">
                <div class="icon-wrapper rounded-circle">
                    <div class="icon-wrapper-bg opacity-10 bg-warning"></div>
                    <i class="lnr-laptop-phone text-dark opacity-8"></i>
                </div>
                <div class="widget-chart-content">
                    <div class="widget-subheading"> Active Policies </div>

                    @if ($active_quotes_count != 0)
                    <div class="widget-numbers">
                        {{ $active_quotes_count }}
                    </div>
                    @else
                    <div class="widget-numbers" style="font-size:1.25rem;line-height:2.5rem;">
                        <span style="font-size:1rem; line-height:0.5rem">No Active Policies</span>
                    </div>
                    @endif

                </div>
            </div>
            <div class="divider m-0 d-md-none d-sm-block"></div>
        </div>
        <div class="col-sm-6 col-md-4 col-xl-4">
            <div class="card no-shadow rm-border bg-transparent widget-chart text-left">
                <div class="icon-wrapper rounded-circle">
                    <div class="icon-wrapper-bg opacity-9 bg-danger"></div>
                    <i class="lnr-graduation-hat text-white"></i>
                </div>
                <div class="widget-chart-content">
                    <div class="widget-subheading"> Expired Policies </div>

                    @if ($expired_quotes_count != 0)
                    <div class="widget-numbers">
                        {{ $expired_quotes_count }}
                    </div>
                    @else
                    <div class="widget-numbers" style="font-size:1.25rem;line-height:2.5rem;">
                        <span style="font-size:1rem; line-height:0.5rem">No Expired Policies</span>
                    </div>
                    @endif

                </div>
            </div>
            <div class="divider m-0 d-md-none d-sm-block"></div>
        </div>
        <div class="col-sm-12 col-md-4 col-xl-4">
            <div class="card no-shadow rm-border bg-transparent widget-chart text-left">
                <div class="icon-wrapper rounded-circle">
                    <div class="icon-wrapper-bg opacity-9 bg-success"></div>
                    <i class="lnr-apartment text-white"></i>
                </div>
                <div class="widget-chart-content">
                    <div class="widget-subheading"> Available Promotions </div>

                    @if ($promo_count != 0)
                    <div class="widget-numbers">
                        {{ $promo_count }}
                    </div>
                    @else
                    <div class="widget-numbers" style="font-size:1.25rem;line-height:2.5rem;">
                        <span style="font-size:1rem; line-height:0.5rem">No Available Promotions </span>
                    </div>
                    @endif

                </div>
            </div>
        </div>
    </div>

</div>

<div class="row">
    <div class="col-md-6">


        {{-- Active Policies section --}}
        <div class="card mb-3">
            <div class="card-header-tab card-header">
                <div class="card-header-title font-size-lg text-capitalize font-weight-normal">
                    <i class="header-icon lnr-laptop-phone mr-3 text-muted opacity-6"> </i> Active Policies
                </div>
            </div>
            <div class="card-body">
                <div class="row">

                    @foreach($active_quotes as $qoute)

                    <div class="col-sm-12 col-md-12 col-lg-6 mb-4">
                        <div class="card card-btm-border card-shadow-success border-success card-shadow">
                            <div class="card-header">
                                <span class="text-center"> {{ $qoute->title }} </span>
                            </div>
                            <div class="card-body">

                                <div class="row mb-2" style="flex-wrap: nowrap;">
                                    <div class="col-md-5">
                                        <span class="grid-content">Product </span>
                                    </div>
                                    <div class="col-md-7">
                                        <span class="grid-content-text">
                                            {{ $qoute->vehicle_type }}
                                            {{ $qoute->pet_category }}
                                            {{ $qoute->pa_occupation }}
                                            {{ $qoute->travel_type }}
                                            {{ $qoute->phone_model }}
                                        </span>
                                        <span class="grid-content-text">
                                          |  {{ $qoute->product }}
                                        </span>
                                    </div>
                                </div>

                                <div class="row mb-2" style="flex-wrap: nowrap;">
                                    <div class="col-md-5">
                                        <span class="grid-content">Vehicle No.</span>
                                    </div>
                                    <div class="col-md-7">
                                        @if($qoute->insurance_code == 'MT')
                                        <span class="grid-content-text"> {{ $qoute->vehicle_number }} </span>
                                        @else
                                        <span class="grid-content-text"> N/A </span>
                                        @endif
                                    </div>
                                </div>

                                <hr>

                                <div class="row">
                                    <div class="col-md-4" style="margin-left: -10px;">
                                        @if($qoute->insurance_code == 'MT' )
                                        <a class="mt-2 btn-pill btn-sm btn btn-success"
                                            href="{{ route('customer-dashboard-enhancePolicy', [ base64_encode($qoute->reference) ]) }}">
                                            Enhance
                                        </a>
                                        @else
                                        <button disabled="disabled" class="mt-2 btn-sm btn-pill btn btn-success">
                                            Enhance
                                        </button>
                                        @endif
                                    </div>
                                    <div class="col-md-4">

                                        @if($qoute->renewal_status == 'Renew' && $qoute->insurance_code != 'TR' &&
                                        $qoute->insurance_code != 'MT')

                                        <a class="mt-2 mx-2 btn-sm btn-pill btn btn-success"
                                            href="{{ route('customer-dashboard-renewPolicy', [ base64_encode($qoute->reference) ]) }}">
                                            {{ $qoute->renewal_status }}
                                        </a>

                                        @else

                                        <button disabled="disabled" class="mt-2 mx-2 btn-sm btn-pill btn btn-success">
                                            {{ $qoute->renewal_status }}
                                        </button>

                                        @endif

                                    </div>
                                    @if(!empty(json_decode($qoute->document_paths)) )
                                        <div class="col-md-4">
                                            <a class="mt-2  btn-sm btn-pill btn btn-success" href="{{ '/download/' . json_decode($qoute->document_paths)->schedule }}">
                                                View
                                            </a>
                                        </div>
                                    @endif
                                </div>

                            </div>
                        </div>
                    </div>

                    @endforeach

                </div>
            </div>
        </div>

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

        {{-- Expired policies section --}}
        <div class="card mb-3">
            <div class="card-header-tab card-header">
                <div class="card-header-title font-size-lg text-capitalize font-weight-normal">
                    <i class="header-icon lnr-laptop-phone mr-3 text-muted opacity-6"></i> Expired Policies
                </div>
            </div>
            <div class="card-body">

                <div class="row">

                    @foreach($expired_quotes as $qoute)

                    <div class="col-sm-12 col-md-12 col-lg-6 mb-4">
                        <div class="card card-btm-border card-shadow-danger border-danger card-shadow">
                            <div class="card-header">
                                <span class="text-center"> {{ $qoute->title }} </span>
                            </div>
                            <div class="card-body">

                                <div class="row mb-2" style="flex-wrap: nowrap;">
                                    <div class="col-md-5">
                                        <span class="grid-content">Product</span>
                                    </div>
                                    <div class="col-md-7">
                                        <span class="grid-content-text">
                                            {{ $qoute->vehicle_type }}
                                            {{ $qoute->pet_category }}
                                            {{ $qoute->pa_occupation }}
                                            {{ $qoute->travel_type }}
                                            {{ $qoute->phone_model }}
                                        </span>
                                        <span class="grid-content-text">
                                          |  {{ $qoute->product }}
                                        </span>
                                    </div>
                                </div>

                                <div class="row mb-2" style="flex-wrap: nowrap;">
                                    <div class="col-md-5">
                                        <span class="grid-content">Vehicle No.</span>
                                    </div>
                                    <div class="col-md-7">
                                        @if($qoute->insurance_code == 'MT')
                                        <span class="grid-content-text"> {{ $qoute->vehicle_number }} </span>
                                        @else
                                        <span class="grid-content-text"> N/A </span>
                                        @endif
                                    </div>
                                </div>

                                <hr>

                                <div class="row" style="flex-wrap: nowrap;">
                                    <div class="col-md-6 text-center">

                                        <a class="mt-2 btn-sm btn-pill btn btn-warning"
                                            href="{{ route('customer-dashboard-renewPolicy', [ base64_encode($qoute->reference) ]) }}">
                                            Renew
                                        </a>

                                    </div>
                                    <div class="col-md-6 text-center">

                                        <a class="mt-2 btn-sm btn-pill btn btn-warning" href="#">
                                            view
                                        </a>

                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    @endforeach

                </div>

            </div>
        </div>


    </div>
</div>



{{-- Promotion section --}}
<div class="card mb-3">
    <div class="card-header-tab card-header">
        <div class="card-header-title font-size-lg text-capitalize font-weight-normal">
            <i class="header-icon lnr-laptop-phone mr-3 text-muted opacity-6"></i> Available Promotions
        </div>
    </div>
    <div class="card-body">

        @if ($promotions == [] || $promotions == '' || $promotions == null)
        <div class="row d-flex justify-content-center">
            <span class="p-4 text-center"> No Available Promotions </span>
        </div>
        @endif

        <div class="row">
            @foreach($promotions as $key1 => $promotion)
            <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3">
                <div class="card promo-card info-box info-ribbon mb-3">
                    <div class="card-body">
                        <aside>
                            <p> @if ($promotion->is_percentage == 0) save @else off @endif </p>
                        </aside>
                        <div class="row mb-3">
                            <div class="col-sm-12 ">
                                <span class="text-center">
                                    <span class="promotion-card-discount-sign">
                                        @if($promotion->is_percentage == 0) LKR
                                        <span
                                            class="promotion-card-discount-price">{{ number_format($promotion->discount, 0, '.', ',') }}
                                        </span>
                                        @endif
                                    </span>
                                    <div class="promotion-card-discount-sign-precent">
                                        @if($promotion->is_percentage)
                                        <span
                                            class="promotion-card-discount-price">{{ number_format($promotion->discount, 0, '.', ',') }}
                                        </span> %
                                        @endif
                                    </div>
                                </span>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-sm-12 text-center">
                                @foreach ($promotion->coupons as $key => $code)
                                <div class="input-group">
                                    <input type="text" class="form-control promocode-input" id="clipboard-{{ $key1 }}"
                                        value="{{ $code['coupon'] }}" readonly>
                                    <div class="input-group-append">
                                        <button type="button" data-clipboard-target="#clipboard-{{ $key1 }}"
                                            class="btn btn-primary btn-copy clipboard-trigger"
                                            data-toggle="tooltip-light" data-placement="right"
                                            title="Copy to Clipboard">
                                            <i class="fa fa-copy"></i>
                                        </button>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="row mb-3 mt-3">
                            <div class="col-sm-12 text-center">
                                <span class="promo-name"> {{ $promotion->name }} </span>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-sm-12 text-left">
                                <span class="promo-applicable-products">
                                    @php
                                    $applicable_products = $promotion->applicable_products;
                                    $data = json_decode($applicable_products);
                                    $Products = App\Models\InsuranceTypes::whereIn('id', $data)->get();
                                    @endphp
                                    <ul>
                                        @php
                                        foreach ($Products as $Product) {
                                        echo("<li>". $Product->title . "</li>");
                                        }
                                        @endphp
                                    </ul>
                                </span>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-sm-12 text-center">
                                <span class="text-center"> Valid until {{ $promotion->end_date }} </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>

{{-- Buy new Policy --}}
<div class="card mb-3">
    <div class="card-header-tab card-header">
        <div class="card-header-title font-size-lg text-capitalize font-weight-normal">
            <i class="header-icon lnr-laptop-phone mr-3 text-muted opacity-6"></i> Buy New Policy
        </div>
    </div>
    <div class="card-body">
        <div class="row">

            @foreach($all_policies as $policy)

            <div class="col-md-3">
                <div class="card mr-3 mb-3 p-1" style="border-radius: 20px;">
                    <div class="card-body">
                        <div class="grid">
                            <div class="row justify-content-center">
                                <div style="font-size: 80px">
                                    <i class="fa {{ $policy->icon }} ff-icon-color"> </i>
                                </div>
                            </div>
                            <div class="row justify-content-center">
                                <div class="h4 text-center">
                                    {{ $policy->title }}
                                </div>
                            </div>
                            <div class="row justify-content-center">
                                <div class="text-center">
				<a class="mb-2 mr-2 mt-4 btn btn-primary btn-lg text-white font-weight-bold" href="{{ $policy->links }}" > Buy Now </a>
				</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            @endforeach
        </div>
    </div>
</div>





@endsection