@extends('customerDashboard.layout')

@section('content')

<div class="container-fluid mb-3">
    <div class="row">
        <h2 class="h2">Available Promotions</h2>
    </div>
    <div class="row">
        <h6 class="h6">
            discription
        </h6>
    </div>
</div>

<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>

                {{-- for applicable product --}}

                <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>

                {{-- end of applicable product --}}

                <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>

@endsection