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

@section('title', $heading)

@section('content')
    @include('layouts.partials.breadcrumb', [
        'page_title' => __('product.manage_stock_takes'),
        'bread_crumbs' => [
            ['title' => __('user.dashboard'), 'url' => ''],
            ['title' => __('product.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_stock_takes')])
                        <input type="hidden" id="stock_take_type" value="recorded">
                        @slot('tool')
                            <div class="box-tools">
                                <a class="btn btn-block btn-primary" href="{{ route('stocktakes.due') }}">
                                    <i class="fa fa-view"></i> @lang( 'product.view_due_stock_takes' )</a>
                            </div>
                        @endslot
                        @include('layouts.partials.datatable', [
                            'tableId' => 'stocktake_table',
                            'columns' => [
                                ['data' => 'date', 'title' => __('messages.Date'), 'orderable' => true, 'searchable' => true],
                                ['data' => 'frequency', 'title' => __('messages.ST-Frequency'), 'orderable' => true, 'searchable' => true],
                                ['data' => 'item_name', 'title' => __('messages.Item-Name'), 'orderable' => true, 'searchable' => true],
                                ['data' => 'item_code', 'title' => __('messages.Item-Code'), 'orderable' => true, 'searchable' => true],
                                ['data' => 'electronic_qty', 'title' => __('messages.Electronic-QTY'), 'orderable' => true, 'searchable' => true],
                                ['data' => 'physical_qty', 'title' => __('messages.Physical-QTY'), 'orderable' => true, 'searchable' => true],
                                ['data' => 'difference', 'title' => __('messages.difference-QTY'), 'orderable' => true, 'searchable' => true],
                                ['data' => 'counted_by', 'title' => __('messages.Counted-BY'), 'orderable' => true, 'searchable' => true],
                                ['data' => 'updated_at', 'title' => __('messages.Updated-Date/Time'), 'orderable' => true, 'searchable' => true],
                                ['data' => 'comments', 'title' => __('messages.ST-Comments'), 'orderable' => false, 'searchable' => true],

                            ],
                            'ajaxUrl' => route('stocktakes.index'), // Adjust the URL based on your route
                        ])
                    @endcomponent
                </div>
                <!-- /.box -->
            </div>
        </div>
        <!-- /.row -->
    </section>
<style>
    .highlight-row {
        background-color: #f8d7da;  /* Light red background */
        color: #721c24;  /* Dark red text */
    }
</style>
@endsection

@section('javascript')
    @parent
@endsection