@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-header">
			<div class="card-title">
				<h3 class="card-label">{{$promo_title}}</h3>
			</div>
		</div>
        <div class="card-body">
            @if(!empty($data))
                <div class="row">
                    <div class="col-md-8">
                    	<form action="{{ Request::url() }}?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="product_code" @if(isset($order) && $order == 'product_code') selected @endif>Kode Produk</option>
                                        <option value="product_name" @if(isset($order) && $order == 'product_name') selected @endif>Nama Produk</option>
                                        <option value="type" @if(isset($order) && $order == 'type') selected @endif>Tipe Produk</option>
                                        <option value="variant_group" @if(isset($order) && $order == 'variant_group') selected @endif>Variant Group</option>
                                        <option value="sold_qty" @if(isset($order) && $order == 'sold_qty') selected @endif>Jumlah Terjual</option>
                                        <option value="price_now" @if(isset($order) && $order == 'price_now') selected @endif>Harga Sekarang</option>
                                        <option value="total_gross_sales" @if(isset($order) && $order == 'total_gross_sales') selected @endif>Total Gross Sales</option>
                                        <option value="total_discount" @if(isset($order) && $order == 'total_discount') selected @endif>Total Diskon</option>
                                        <option value="average_discount" @if(isset($order) && $order == 'average_discount') selected @endif>Rata-rata Diskon</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">Tampilkan</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> Download</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">Kode Produk</th>
	                    <th class="text-nowrap">Nama Produk</th>
	                    <th class="text-nowrap">Tipe Produk</th>
	                    <th class="text-nowrap">Variant Group</th>
	                    <th class="text-nowrap">Jumlah Terjual</th>
	                    <th class="text-nowrap">Harga Sekarang</th>
	                    <th class="text-nowrap">Total Gross Sales</th>
	                    <th class="text-nowrap">Total Diskon</th>
	                    <th class="text-nowrap">Rata-rata Diskon</th>
	                </tr>
	                </thead>
	                <tbody>
	                @if(!empty($data))
	                    @foreach($data as $val)
	                        <tr>
	                            <td class="text-nowrap">{{ $val['product_code'] }}</td>
	                            <td class="text-nowrap">{{ $val['product_name'] }}</td>
	                            <td class="text-nowrap">{{ $val['type'] }}</td>
	                            <td class="text-nowrap">{{ $val['variant_group'] }}</td>
	                            <td class="text-nowrap">{{ number_format($val['sold_qty']) }}</td>
	                            <td class="text-nowrap">{{ 'Rp. '.number_format($val['price_now']) }}</td>
	                            <td class="text-nowrap">{{ 'Rp. '.number_format($val['total_gross_sales']) }}</td>
	                            <td class="text-nowrap">{{ 'Rp. '.number_format($val['total_discount']) }}</td>
	                            <td class="text-nowrap">{{ 'Rp. '.number_format($val['average_discount']) }}</td>
	                        </tr>
	                    @endforeach
	                @else
	                    <tr>
	                        <td colspan="8" style="text-align: center">Data Not Available</td>
	                    </tr>
	                @endif
	                </tbody>
	            </table>
            </div>
            <div class="row">
                <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>

        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: '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'
            });

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

    </script>

@endsection