@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;
        }

        .no-wrap {
			white-space:nowrap;
		}
		.d-none {
			display: none;
		}
    </style>
@endsection

@section('content')
    @include('layout.notifications')
    @yield('filter_view')
    <br>
    <div class="card card-custom">
        <div class="card-body">
            <div class="row" id="export-excel">
                <div class="col-md-8"></div>
                <div class="col-md-4">
                    <div style="text-align: right">
                        <a class="btn btn-primary" href="{{ url('report/promo/'. $promo .'/export') }}"><i class="fa fa-file-export"></i> Download</a>
                    </div>
                </div>
            </div>
            <br>
            <br>
            <table class="table table-bordered table-hover" id="kt_datatable">
                <thead>
	                <tr>
	                    <th class="no-wrap">Nama {{ $title }}</th>
	                	<th class="no-wrap">Tipe Diskon</th>
						<th class="no-wrap">Total Order</th>
						<th class="no-wrap">Penjualan Kotor</th>
						<th class="no-wrap">Biaya Pengiriman</th>
						<th class="no-wrap">Total Diskon</th>
						<th class="no-wrap">Total Order Delivery</th>
						<th class="no-wrap">Total Order Pickup</th>
						<th class="no-wrap">Diskon Rata-Rata</th>
						<th class="no-wrap">Detail</th>
	                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </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:'Semua Transaksi',
				operator:[],
				opsi:[]
			},
			title:{
				display:'Nama {{ $title }}',
				operator:[
					['=','adalah'],
					['like','memiliki']
				],
				opsi:[]
			},
			type:{
				display:'Tipe Diskon',
				operator:[
					['=','adalah'],
				],
				opsi:[
					['product discount', 'Diskon Produk'],
					['bill discount', 'Diskon bill'],
					['delivery discount', 'Diskon biaya pengiriman']
				],
			},
			total_transaction:{
				display:'Total Order',
				operator:[
					['=','='],
					['<','<'],
					['>','>'],
					['<=','<='],
					['>=','>=']
				],
				opsi:[],
				type:'number'
			},
			total_gross_sales:{
				display:'Penjualan Kotor',
				operator:[
					['=','='],
					['<','<'],
					['>','>'],
					['<=','<='],
					['>=','>=']
				],
				opsi:[],
				type:'number',
				prepend_text:'Rp'
			},
			total_delivery_fee:{
				display:'Biaya Pengiriman',
				operator:[
					['=','='],
					['<','<'],
					['>','>'],
					['<=','<='],
					['>=','>=']
				],
				opsi:[],
				type:'number'
			},
			total_discount:{
				display:'Total Diskon',
				operator:[
					['=','='],
					['<','<'],
					['>','>'],
					['<=','<='],
					['>=','>=']
				],
				opsi:[],
				type:'number'
			},
			total_transaction_delivery:{
				display:'Total Order Delivery',
				operator:[
					['=','='],
					['<','<'],
					['>','>'],
					['<=','<='],
					['>=','>=']
				],
				opsi:[],
				type:'number'
			},
			total_transaction_pickup:{
				display:'Total Order Pickup',
				operator:[
					['=','='],
					['<','<'],
					['>','>'],
					['<=','<='],
					['>=','>=']
				],
				opsi:[],
				type:'number'
			},
			average_discount:{
				display:'Diskon Rata-Rata',
				operator:[
					['=','='],
					['<','<'],
					['>','>'],
					['<=','<='],
					['>=','>=']
				],
				opsi:[],
				type:'number'
			}
		};

        var table;
		$(document).ready(function() {
            $('.select-order').select2();
            $('#date_start').datepicker({
                autoclose: true,
                todayHighlight: true,
                format: 'dd/MM/yyyy',
                endDate: new Date(new Date().setDate(new Date().getDate())),
                orientation: 'bottom'
            });
            $('#date_end').datepicker({
                autoclose: true,
                todayHighlight: true,
                format: 'dd/MM/yyyy',
                endDate: new Date(new Date().setDate(new Date().getDate())),
                orientation: 'bottom'
            });

			// library initialization
			table = $('#kt_datatable').DataTable({
				serverSide: true,
				ajax: {
					url : "{{ url('report/promo/'.$promo.'/ajax-list') }}",
					type: 'GET',
					data: function (data) {
						const info = $('#kt_datatable').DataTable().page.info();
						data.page = (info.start / info.length) + 1;
						data.promo = '{{ $promo }}'	;
					},
					dataSrc: 'data'
				},
	            fnDrawCallback: function( oSettings ) {
	                $('#list-filter-result-counter').text(oSettings.jqXHR.responseJSON.recordsTotal);
	            },
	            createdRow: function( row, data, dataIndex ) {
				    $(row).addClass('no-wrap');

				},
				fnFooterCallback: function (row, data, start, end, display) {
				    if (display.length > 0) {
				        $("#export-excel").removeClass('d-none');
				    }else {
				        $("#export-excel").addClass('d-none');
				    }
				},
				searching: false,
				responsive: false,
				scrollY: '50vh',
	            scrollX: true,
	            scrollCollapse: true,
	            processing: true
			});

			table.on('draw', function() {
				$('[data-switch=true]').bootstrapSwitch();
				// format price form
		        $('.input-price').inputmask('currency',{
		            removeMaskOnSubmit: true,
		            min:0,
		            prefix: "Rp",
		            autoGroup: true,
		            radixPoint: ",",
		            groupSeparator: ".",
		            rightAlign: false,
		            digits: 0
		        });
			})
		});

    </script>

    @if ($promo == 'subscription')
    	<script type="text/javascript">
    		rules['type'] = {
				display:'Tipe Diskon',
				operator:[
					['=','adalah'],
				],
				opsi:[
					['payment method', 'Media pembayaran'],
					['bill discount', 'Diskon bill'],
					['delivery discount', 'Diskon biaya pengiriman']
				],
			};
    	</script>
    @elseif ($promo == 'bundling')
    	<script type="text/javascript">
    		rules['type'] = {
				display:'Tipe Diskon',
				operator:[
					['=','adalah'],
				],
				opsi:[
					['product discount', 'Diskon produk']
				],
			};
    	</script>
    @endif

@endsection