@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
<style>
    ul {margin:0;}

    .box_custom {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .one-line{
        display:flex;
    }
</style>
@endsection
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="row">
                <div class="col-sm-7">
                    <div class="page-title">
                        <div class="title_left">
                            <h3><i class="fa fa-dashboard"></i> Offers Config Summary</h3>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="col-sm-5 text-right" style="padding-top:15px;">
                    <a href="{{ url('lakuemas_elite_subscription/summary_offer_config?detail=show') }}" class="btn btn-success"><i class="fa fa-file-text"></i> View Detail Redeem</a>
                </div>
            </div>

            <div class="row">
                @forelse($offer_lists as $list)
                    <div class="col-xs-12 col-sm-6 col-md-4" @if($list->isactive == '0') style="opacity:0.3" @endif>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h5><b>{{ $list->title }}</b></h5>
                                <img src="{{ env('ALIYUN_OSS_IMAGE_URL') }}/{{ env('ALIYUN_OSS_FOLDER_LAKUSIMPAN_ELITE_SUBSCRIPTION') }}/{{ $list->image }}" width="100%">
                            </div>
                            <div class="panel-body">
                                <table width="100%" class="table">
                                    <tr>
                                        <th>Date Active</th>
                                        <td>{{ \Carbon\Carbon::parse($list->start_date)->format('d M Y') . ' ~ ' . \Carbon\Carbon::parse($list->end_date)->format('d M Y') }}</td>
                                    </tr>
                                    <tr>
                                        <th>Activated At</th>
                                        <td>{{ $list->refresh_time }}</td>
                                    </tr>
                                    <tr style="background: #F1F8E9; cursor:pointer;" onclick="detailVoucher('remaining', '{{ $list->id }}')">
                                        <th>Total Remaining</th>
                                        <td>{{ $list->lakuemas_elite_offer_voucher()->whereNull('date_redeem')->whereNull('lakuemas_elite_customer_id')->count() }}</td>
                                    </tr>
                                    <tr style="background: #FFF8E1; cursor:pointer;" onclick="detailVoucher('redeemed', '{{ $list->id }}')">
                                        <th>Total Redeemed</th>
                                        <td>{{ $list->lakuemas_elite_offer_voucher()->whereNotNull('lakuemas_elite_customer_id')->count() }}</td>
                                    </tr>
                                    <tr>
                                        <th>Redeem @ {{ \Carbon\Carbon::now()->format('d M Y') }}</th>
                                        <td>{{ $list->daily_offer_used }} from {{ $list->daily_offer_limit }}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section("scripts")
    <script type="text/javascript">
        function detailVoucher(status, id) {
            location.href="{{ url('lakuemas_elite_subscription/summary_offer_config?detailStatus=show') }}&status=" + status + '&id=' + id;
        }
    </script>
@endsection