@extends('layouts.admin')

@section('content')
    <div class="page-header text-uppercase">
        <ul class="list-unstyled space-list m-0">
            <li>
                <p>{{ __('global_items.real_raw_cost')}}</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">{{ __('global_items.real_raw_cost')}}</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="order_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_date']) !!}
                                {!! Form::hidden('to_date', (isset($inputs['to_date'])?dateFormat($inputs['to_date'], 'd-m-Y') :''), ['id' => 'to_date']) !!}
                            </div>
                        </div>
                        @if(!isSeller())
                            <div class="col-md-4 filters">
                                {!! Form::label("store_id", __('report.store'), ['class' => 'first-column']) !!}
                                {!! Form::select('store_id[]', $stores, (isset($inputs['store_id'])?$inputs['store_id']:[]), [
                                    'class'=>'form-control select2 second-column', 'id' => 'store_id', 'multiple' => true,
                                    'data-actions-box'=>'true', 'data-width'=>'100%', 'required' => true,
                                    'data-route' => route('report.get-store-category'),
                                ]) !!}
                            </div>
                        @endif
                        <div class="col-md-3 filters">
                            {!! Form::label("category[]", __('report.category') , ['class' => 'first-column']) !!}
                            {!! Form::select('category[]', $categories, (isset($inputs['category'])?$inputs['category']:[]), [
                                'class'=>'form-control select2 second-column', 'id' => 'category_id', 'multiple' => true,
                                'data-actions-box'=>'true', 'data-width'=>'100%',
                            ]) !!}
                        </div>
                        <div class="col-md-2 filters">
                            {!! Form::label("order_from", __('report.platform'), ['class' => 'first-column']) !!}
                            {!! Form::select('order_from[]', orderFrom(), (isset($inputs['order_from'])?$inputs['order_from']:''), ['class'=>'form-control select2 second-column','multiple' => true]) !!}
                        </div>
                    </div>
                    <div class="row filters_list">
                        <div class="col-md-3 filters __filter_actions pt-0 d-flex {!! isSeller() ? 'mt-4 pt-2' : '' !!}">
                            {!! 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($orders) && count($orders) > 0))
                        <div class="row mt-4">
                            <div class="col-md-3 filters">
                                <div class="form-group custom-input-group custom-input-group-small">
                                    {!! Form::label("item_name", __('common.search')) !!}
                                    {!! Form::text("item_name", '', ['class'=>'form-control live-search']) !!}
                                </div>
                            </div>
                            <div class="col-md-9 text-right mt-5">
                                <a href="{!! route($downloadRoute) !!}" class="btn btn-success">
                                    <i class="fa fa-download"></i>
                                    {!! __('report.download_excel') !!}
                                </a>
                            </div>
                        </div>
                    @endif

                    <div class="row">
                        <div class="col-12">
                            <div class="table-responsivef">
                                @include('admin.report.raw-material-cost-by-order-view')
                            </div>
                        </div>
                    </div>

                    <div class="d-felx justify-content-center">
                        {{--@if(count($items) > 0)--}}
                        {{--{{ $items->links() }}--}}
                        {{--@endif--}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $(".live-search").on("keyup", function()
        {
            var value = $(this).val().toLowerCase();
            $("#global-items .i-items").filter(function() {
                $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
            });
        });

        $(document).on('click', '.page-link', function (e) {
            e.preventDefault();
            window.location = $(this).attr('href');
        });

        $('body').on('change', '#store_id', function (e) {
            let store = $(this).val();
            let route = $(this).attr('data-route');
            let data = { store: store };
            select2Change('#category_id', route, data, function() {
                $('#category_id').selectpicker('refresh');
            });
        });

        $('body').on('click', '.__show_extras', function(e) {

            let targetClass = $(this).attr('data-target');
            let show = $(this).attr('data-show');
            let dataCount = $(this).attr('data-count');
            let dataCountPlus = $(this).attr('data-countplus');
            if ($(this).find('.fa-chevron-down').length > 0) {
                $(this).find('.fa-chevron-down').removeClass('fa-chevron-down').addClass('fa-chevron-up');
            } else {
                $(this).find('.fa-chevron-up').removeClass('fa-chevron-up').addClass('fa-chevron-down');
            }
            if(show == 0){
                $('.ext-'+targetClass).show();
                $(this).attr('data-show','1');
                $('.r-span-'+targetClass).attr('rowspan',dataCountPlus);

            }else{
                $('.ext-'+targetClass).hide();
                $(this).attr('data-show','0');
                $('.r-span-'+targetClass).attr('rowspan',dataCount);
            }

        });



        $(document).ready(function(){
            let statsDatePicker = $('.stats_dt_picker_range');
            if(!statsDatePicker.length) {
                return;
            }
            var start = moment().subtract(1, 'day').format('DD-MM-YYYY');
            var end = moment().format('DD-MM-YYYY');

            @if(isset($inputs['from_date']))
                start = "{{ $inputs['from_date'] }}";
            end = "{{ $inputs['to_date'] }}";
            @endif

            showPicker(start,end,'.stats_dt_picker_range');
            loadMoreData(0, 1, '');

        });

        $('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('global-items.raw-material-cost-by-order') !!}"+"?"+params,
                dataType: "html",
                type: "GET",
                data :{
                    id:id,
                    last_index:lastIndex
                }
            })
            .done(function (response) {
                btnParent.remove();
                $("#raw-report").append(response);
            })
            .fail(function (jqXHR, ajaxOptions, thrownError) {
                console.log('Server error occured');
            });
        }
    </script>
@endsection