@extends('layouts.app')
@php
    $heading = __('product.due_stock_takes');
@endphp

@section('title', $heading)

@section('content')
    @include('layouts.partials.breadcrumb', [
        'page_title' => __('product.manage_due_stock_takes'),
        'bread_crumbs' => [
            ['title' => __('user.dashboard'), 'url' => ''],
            ['title' => __('product.due_stock_takes'), 'url' => '']
        ]
    ])

    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="box">
                    @component('components.widget', ['class' => 'box-body', 'title' => __('product.manage_due_stock_takes')])
                        <input type="hidden" id="stock_take_type" value="due">

                        @include('layouts.partials.datatable', [
                            'tableId' => 'due_stock_table',
                            'columns' => [
                                ['data' => 'name', 'title' => __('product.product_name'), 'orderable' => true, 'searchable' => true],
                                ['data' => 'item_code', 'title' => __('product.sku'), 'orderable' => true, 'searchable' => true],
                                ['data' => 'frequency', 'title' => __('product.stock_take_frequency'), 'orderable' => true, 'searchable' => true],
                                ['data' => 'last_stock_take_date', 'title' => __('product.last_stock_take_date'), 'orderable' => true, 'searchable' => true],
                                //['data' => 'next_stock_take_date', 'title' => __('product.pending_stock_take_date'), 'orderable' => true, 'searchable' => true],
                                ['data' => 'pending_stock_take_dates', 'title' => __('product.pending_stock_take_date'), 'orderable' => true, 'searchable' => true],
                                ['data' => 'action', 'title' => __('messages.action'), 'orderable' => false, 'searchable' => false],
                            ],
                            'ajaxUrl' => route('stocktakes.due'), // Adjust the URL based on your route
                            'orderColumn' => '4', // Specify your default ordering column here
                            'defaultOrder' => [4, 'asc'], // Specify the default ordering column and direction
                        ])
                    @endcomponent
                </div>
                <!-- /.box -->
            </div>
        </div>
        <!-- /.row -->
    </section>
@endsection

@section('javascript')
    @parent
    <script>
           </script>
@endsection