@extends('layout.default')
@include('layout.filter')

@section('styles')
    <!--begin::Page Vendors Styles(used by this page)-->
    <link href="{{env('STORAGE_URL_VIEW')}}plugins/custom/datatables/datatables.bundle.css?v=7.0.8" rel="stylesheet" type="text/css" />
    <!--end::Page Vendors Styles-->

    <style>
        /*To nowrap text*/
        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default{
            white-space: nowrap;
        }
    </style>
@endsection

@section('content')
    @include('layout.notifications')
    @yield('filter_view')
    <br>
    <div class="card card-custom">
        <div class="card-body">
            @if(!empty($data))
                <div class="row">
                    <div class="col-md-8">
                        <form action="{{url('report/promo/'.$promo)}}?sorting=1" method="POST">
                            {{ csrf_field() }}
                            <div class="form-group row">
                                <div class="col-4">
                                    <select class="select2 form-control select-order" name="order">
                                        <option value="title" @if(isset($order) && $order == 'title') selected @endif>title</option>
                                        <option value="type" @if(isset($order) && $order == 'type') selected @endif>tipe diskon</option>
                                        <option value="total_transaction" @if(isset($order) && $order == 'total_transaction') selected @endif>total transaction</option>
                                        <option value="total_gross_sales" @if(isset($order) && $order == 'total_gross_sales') selected @endif>total gross sales</option>
                                        <option value="total_delivery_fee" @if(isset($order) && $order == 'total_delivery_fee') selected @endif>total delivery fee</option>
                                        <option value="total_discount" @if(isset($order) && $order == 'total_discount') selected @endif>total diskon</option>
                                        <option value="total_transaction_delivery" @if(isset($order) && $order == 'total_transaction_delivery') selected @endif>total transaction delivery</option>
                                        <option value="total_transaction_pickup" @if(isset($order) && $order == 'total_transaction_pickup') selected @endif>total pickup transaction</option>
                                        <option value="average_discount" @if(isset($order) && $order == 'average_discount') selected @endif>Average Discount</option>
                                    </select>
                                </div>
                                <div class="col-4">
                                    <select class="select2 form-control select-order" name="order_type">
                                        <option value="desc" @if(isset($order_type) && $order_type == 'desc') selected @endif>Descending</option>
                                        <option value="asc" @if(isset($order_type) && $order_type == 'asc') selected @endif>Ascending</option>
                                    </select>
                                </div>
                                <div class="col-4">
                                    <button type="submit" class="btn btn-warning">Show</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="col-md-4">
                        <div style="text-align: right">
                            <a class="btn btn-primary" href="{{url()->current()}}?export=1"><i class="fa fa-file-export"></i> Export Excel</a>
                        </div>
                    </div>
                </div>
                <br>
                <br>
            @endif
            <div style="overflow-x: scroll;">
	            <table class="table table-bordered table-hover" id="kt_datatable">
	                <thead>
	                <tr>
	                    <th class="text-nowrap">title</th>
	                	<th class="text-nowrap">tipe diskon</th>
						<th class="text-nowrap">total transaction</th>
						<th class="text-nowrap">total gross sales</th>
						<th class="text-nowrap">total delivery fee</th>
						<th class="text-nowrap">total diskon</th>
						<th class="text-nowrap">total transaction delivery</th>
						<th class="text-nowrap">total pickup transaction</th>
						<th class="text-nowrap">Average Discount</th>
						<th class="text-nowrap">Action</th>
	                </tr>
	                </thead>
	                <tbody>
	                @if(!empty($data))
                    	@php
                    		$custom_date_start = date('Y-m-d', strtotime( $date_start ?? date('Y-m-d') ));
                    		$custom_date_end = date('Y-m-d', strtotime( $date_end ?? date('Y-m-d') ));
                    	@endphp
	                    @foreach($data as $val)
	                        <tr>
	                            {{-- <td class="text-nowrap"><a href="{{ url('transaction/detail/'.$val['id_transaction']) }}">{{$val['transaction_receipt_number']}}</a></td> --}}
	                            <td class="text-nowrap">{{ $val['title'] }}</td>
	                            <td class="text-nowrap">{{ $val['type'] }}</td>
	                            <td class="text-nowrap">{{ number_format($val['total_transaction']) }}</td>
	                            <td class="text-nowrap">{{ 'Rp. '.number_format($val['total_gross_sales']) }}</td>
	                            <td class="text-nowrap">{{ 'Rp. '.number_format($val['total_delivery_fee']) }}</td>
	                            <td class="text-nowrap">{{ 'Rp. '.number_format($val['total_discount']) }}</td>
	                            <td class="text-nowrap">{{ number_format($val['total_transaction_delivery']) }}</td>
	                            <td class="text-nowrap">{{ number_format($val['total_transaction_pickup']) }}</td>
	                            <td class="text-nowrap">{{ number_format($val['average_discount']) }}</td>
	                            <td class="text-nowrap">
	                            	@if ($val['type'] != 'delivery discount')
	                                	<a class="btn btn-sm btn-info text-nowrap" target="_blank" href="{{ url('report/promo/'.$promo.'/detail/'.$val['id_promo'].'?filter_type='.$filter_type.'&date_start='.$custom_date_start.'&date_end='.$custom_date_end) }}"><i class="fa fa-pen"></i>Detail</a>
	                            	@endif
	                            </td>
	                        </tr>
	                    @endforeach
	                @else
	                    <tr>
	                        <td colspan="8" style="text-align: center">Data Not Available</td>
	                    </tr>
	                @endif
	                </tbody>
	            </table>
            </div>
			<div class="row" style="margin-top: 20px; float: right;">
                <div class="col-md-12">
                    @if (!empty($data_paginator))
                        {{ $data_paginator->links() }}
                    @endif
                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')
    <script src="{{env('STORAGE_URL_VIEW')}}plugins/custom/datatables/datatables.bundle.js?v=7.0.8"></script>
    {{-- <script src="{{env('STORAGE_URL_VIEW')}}js/pages/form-repeater.js?v=7.0.8"></script>
    <script src="{{env('STORAGE_URL_VIEW')}}plugins/global/jquery-repeater/jquery.repeater.js?v=7.0.8"></script> --}}
    @yield('filter_script')
    <script>
    	rules = {
			all_transaction:{
				display:'All Transaction',
				operator:[],
				opsi:[]
			},
			title:{
				display:'title',
				operator:[
					['=','='],
					['like','Like']
				],
				opsi:[]
			},
			type:{
				display:'tipe diskon',
				operator:[
					['=','='],
				],
				opsi:[
					['product discount', 'Product discount'],
					['bill discount', 'Bill discount'],
					['delivery discount', 'Delivery discount']
				],
			},
			total_transaction:{
				display:'total transaction',
				operator:[
					['=','='],
					['<','<'],
					['>','>'],
					['<=','<='],
					['>=','>=']
				],
				opsi:[],
				type:'number'
			},
			total_gross_sales:{
				display:'total gross sales',
				operator:[
					['=','='],
					['<','<'],
					['>','>'],
					['<=','<='],
					['>=','>=']
				],
				opsi:[],
				type:'number'
			},
			total_delivery_fee:{
				display:'total delivery fee',
				operator:[
					['=','='],
					['<','<'],
					['>','>'],
					['<=','<='],
					['>=','>=']
				],
				opsi:[],
				type:'number'
			},
			total_discount:{
				display:'total diskon',
				operator:[
					['=','='],
					['<','<'],
					['>','>'],
					['<=','<='],
					['>=','>=']
				],
				opsi:[],
				type:'number'
			},
			total_transaction_delivery:{
				display:'total transaction delivery',
				operator:[
					['=','='],
					['<','<'],
					['>','>'],
					['<=','<='],
					['>=','>=']
				],
				opsi:[],
				type:'number'
			},
			total_transaction_pickup:{
				display:'total pickup transaction',
				operator:[
					['=','='],
					['<','<'],
					['>','>'],
					['<=','<='],
					['>=','>=']
				],
				opsi:[],
				type:'number'
			},
			average_discount:{
				display:'Average Discount',
				operator:[
					['=','='],
					['<','<'],
					['>','>'],
					['<=','<='],
					['>=','>=']
				],
				opsi:[],
				type:'number'
			}
		};
        var table;
        $(document).ready(function() {
            // $('.repeater').repeater({
            //     show: function () {
            //         $(this).slideDown();
            //         $('.select2-container').remove();
            //         $('.select2').select2({
            //             placeholder: "Search"
            //         });
            //         $('.select2-container').css('width','100%');
            //     }
            // });
            $('.select-order').select2();
            $('#date_start').datepicker({
                autoclose: true,
                todayHighlight: true,
                format: 'mm/dd/yyyy',
                endDate: new Date(new Date().setDate(new Date().getDate())),
                orientation: 'bottom'
            });
            $('#date_end').datepicker({
                autoclose: true,
                todayHighlight: true,
                format: 'mm/dd/yyyy',
                endDate: new Date(new Date().setDate(new Date().getDate())),
                orientation: 'bottom'
            });

            /*table = $('#kt_datatable').DataTable({
				searching: false,
				paginate: false,
				responsive: false,
				scrollY: '50vh',
	            scrollX: true,
	            scrollCollapse: true,
	            ordering: false,
	            bInfo: false
			});*/
        });

    </script>

    @if ($promo == 'subscription')
    	<script type="text/javascript">
    		rules['type'] = {
				display:'tipe diskon',
				operator:[
					['=','='],
				],
				opsi:[
					['payment method', 'Payment method'],
					['bill discount', 'Bill discount'],
					['delivery discount', 'Delivery discount']
				],
			};
    	</script>
    @elseif ($promo == 'bundling')
    	<script type="text/javascript">
    		rules['type'] = {
				display:'tipe diskon',
				operator:[
					['=','='],
				],
				opsi:[
					['product discount', 'Product discount']
				],
			};
    	</script>
    @endif

@endsection