@extends('layouts.admin')

@section('content')
    <style>
        /* Copy Week Style */
        .bootstrap-datetimepicker-widget .datepicker-days table tbody tr:hover {
            background-color: #eee;
        }
    </style>
    <div class="page-header text-uppercase">
        <ul class="list-unstyled space-list m-0">
            <li>
                <p>{{ __('report.inventory_sale_title')}}</p>

            </li>
            <li>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{ __('common.home')}}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{ __('report.inventory_sale_title')}}</li>
                    </ol>
                </nav>
            </li>
        </ul>
    </div>
    <div class="admin-area-col">
        <div class="row employee-list-view">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 employee-list-full">
                <div class="round-white-bg box-shadow">
                    {!! Form::open(array('route' => $route, 'method' => 'GET', 'class'=>'filter_form mobile_filter d-block')) !!}
                    <div class="row filters_list">
                        <div class="col-md-3 filters">
                            <div class="form-group custom-input-group custom-input-group-small">
                                {!! Form::label("date", __('report.date')) !!}
                                <div class="orders_dt_picker_range"
                                     style="background: #fff; cursor: pointer; padding: 8px 6px; border: 1px solid #ccc; width: 100%;height: 40px;">
                                </div>
                                {!! Form::hidden('from_date', (isset($inputs['from_date'])?dateFormat($inputs['from_date'], 'd-m-Y') :''), ['id' => 'from']) !!}
                                {!! Form::hidden('to_date', (isset($inputs['to_date'])?dateFormat($inputs['to_date'], 'd-m-Y') :''), ['id' => 'to']) !!}
                                {{--<div class="d-table-calendar-picker position-relative">--}}
                                    {{--<input type='text' id='dtPicker1'--}}
                                           {{--class="form-control font14" value="{{ $currentWeek['from'] . ' - ' . $currentWeek['to'] }}"/>--}}
                                    {{--<img class="position-absolute right-center right-10"--}}
                                         {{--src="{{ asset('assets/images/icons/calender-picker-icon.png') }}"--}}
                                         {{--alt="">--}}
                                    {{--<input type="hidden" name="current_dt" id="current_dt" value="">--}}
                                {{--</div>--}}
                                {{--{!! Form::hidden('from_date', (isset($inputs['from_date'])?dateFormat($inputs['from_date'], 'd-m-Y') :''), ['id' => 'from_date']) !!}--}}
                                {{--{!! Form::hidden('to_date', (isset($inputs['to_date'])?dateFormat($inputs['to_date'], 'd-m-Y') :''), ['id' => 'to_date']) !!}--}}
                            </div>
                        </div>
                        <div class="col-md-3 filters">
                            {!! Form::label("category_ids", __('report.category') , ['class' => 'first-column']) !!}
                            {!! Form::select('category_ids[]', $category, (isset($inputs['category_ids'])?$inputs['category_ids']:[]), [
                                'class'=>'form-control select2 second-column', 'id' => 'category_id', 'multiple' => true,
                            ]) !!}
                        </div>
                        <div class="col-md-2 filters">
                            {!! Form::label("item_ids", __('report.inv_items'), ['class' => 'first-column']) !!}
                            {!! Form::select('item_ids[]', $inventoryItems, (isset($inputs['item_ids'])?$inputs['item_ids']:''),
                             ['class'=>'form-control select2','multiple' => true ,'data-actions-box'=>'true', 'data-width'=>'100%',]) !!}
                        </div>
                        <div class="col-md-3 filters __filter_actions d-flex">
                            {!! Form::hidden('filter', 1) !!}
                            <input type="submit" class="btn btn-primary btn_sub search-btn" value="{{ __('orders.search') }}">
                            <a href="{{ route( $route ) }}" class="btn btn-primary ml-1 reset-btn">{!! __('orders.reset') !!}</a>
                        </div>
                    </div>
                    {!! Form::close() !!}

                    @if(isset($itemSales) && count($itemSales) > 0)
                        <div class="row">
                            <div class="col-md-12 text-right mt-4">
                                <a href="{!! route($downloadRoute) !!}" class="btn btn-success">
                                    <i class="fa fa-download"></i>
                                    {!! __('report.download_excel') !!}
                                </a>
                                <a href="{!! route($downloadRoute) !!}?type=pdf" class="btn btn-success">
                                    <i class="fa fa-download"></i>
                                    {!! __('report.download_pdf') !!}
                                </a>
                            </div>
                        </div>
                    @endif

                    <div class="row">
                        <div class="col-12">
                            <div class="table-responsive">
                                <table class="striped-table w-100 custom-datatable font10 mt-3" @if(isset($type))style="font-size: 14px;margin: auto;" @endif>
                                    <thead>
                                        <tr class="text-center">
                                            <th class="font-medium font13">{{ __('common.sr-no')}}</th>
                                            <th class="font-medium font13">{{ __('report.product_no')}}</th>
                                            <th class="font-medium font13">{{ __('report.item_name')}}</th>
                                            <th class="font-medium font13">{{ __('report.quantity')}}</th>
                                            <th class="font-medium font13">{{ __('report.item_sale')}}</th>
                                            <th class="font-medium font13">{{ __('report.issued_quantity')}}</th>
                                            <th class="font-medium font13">{{ __('report.issue_quantity_sales')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody id="inventory-report">
                                        @include('admin.report.inventory-item-sale-view')
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
       /* $(document).ready(function() {
            moment.locale('en', {
                week: {
                    dow: 1
                } // Monday is the first day of the week
            });
            //Get the value of Start and End of Week
            $("#dtPicker1").datetimepicker({
                format: 'DD-MM-YYYY',
                //defaultDate: new Date()
            });

            //Get the value of Start and End of Week
            $('#dtPicker1').on('dp.change', function(e) {
                var value = $(this).val();
                var firstDate = moment(value, "DD-MM-YYYY").day(1).format("DD-MM-YYYY");
                var lastDate = moment(value, "DD-MM-YYYY").day(7).format("DD-MM-YYYY");
                $(this).val(firstDate + " - " + lastDate);
                $("#current_dt").val(firstDate + " - " + lastDate);
                $("#from_date").val(firstDate);
                $("#to_date").val(lastDate);
                $(".copy-label").html(firstDate + " - " + lastDate);
            });

            var dt =
                    '{{ dateFormat($currentWeek['from'], 'd-m-Y') . ' - ' . dateFormat($currentWeek['to'], 'd-m-Y') }}';
            $("#dtPicker1").val(dt);



            $('#dtPicker1').on('focus', function(e) {
                var cDt = $("#current_dt").val();
                $(this).val((cDt != "") ? cDt : dt);
            });
        });*/

        $('body').on('click', '#load_more_button', function()
        {
            var id = $(this).data('id');
            var lastIndex = $(this).data('count');
            $('#load_more_button').html('<b>{!! __('common.loading') !!}</b>');
            var btnParent = $(this).parent().parent();
            loadMoreData(id, lastIndex, btnParent);
        });

        function loadMoreData(id, lastIndex, btnParent)
        {
            var params = '';
            $.ajax({
                url:"{!! route('report.inventory-item-sale') !!}"+"?"+params,
                dataType: "html",
                type: "GET",
                data :{
                    item_id:id,
                    last_index:lastIndex
                }
            })
                    .done(function (response) {
                        btnParent.remove();
                        $("#inventory-report").append(response);
                    })
                    .fail(function (jqXHR, ajaxOptions, thrownError) {
                        console.log('Server error occured');
                    });
        }
        $(document).ready(function(){
            if($('.orders_dt_picker_range').length > 0){
                var start = "{!! dateFormat($inputs['from_date'],SHOW_DATE) !!}";
                var end ="{!! dateFormat($inputs['to_date'],SHOW_DATE) !!}";
                console.log(start,end);
                showPicker(start,end,'.orders_dt_picker_range');
            }
        });
    </script>
@endsection