@extends(config('admin_theme.layout', 'admin.modern.layout.master'))
@section('title')
    {{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.breadcrumb_view')
@stop
@section('page-content')
    <!-- Dashboard Section Overview -->
    <div class="dashboard__section__overview d-md-flex justify-content-between pt-4">
        <div class="dashboard__section-tile">
            <h3>{{ $current_route->{'name_' . trans('admin.lang')} }}</h3>
        </div>
        <div class="dashboard__section-buttons d-flex align-items-center gap-3 pt-4 pt-md-0">
            @can('admin.stocktaking.add',App\Helpers\Helpers::removePermssions())
                @if(App\Helpers\Helpers::checkAccountLink(array(5,7)))
                    <div class="dashboard__btn-fill">
                        <a href="{{ route('stocktaking.create') }}"
                           class="openAddModal"
                           data-bs-toggle="modal"
                           data-bs-target="#openAddModal">
                            <img src="{{ asset('assets/modern/images/add_w.svg') }}" alt=""/>
                            @Lang('admin.add')
                        </a>
                    </div>
                @else
                    {{ App\Helpers\Helpers::viewAccountLinkMsg() }}
                @endif
            @endcan
            <div class="dashboard__btn-outline">
                <button class="buttons-html5" id="excel-button" type="button"
                        title="Excel">
                    <img src="{{ asset('assets/modern/images/export_excel.svg') }}" alt=""/>
                    Export as Excel
                </button>
            </div>
        </div>
    </div>
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.general.search_other')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.error')
    <div class="sales__invoice__table">
        <div class="table__container">
            <div class="row-hover-actions" id="row-hover-actions"></div>
            <table id="data_table">
                <thead>
                <tr>
                    <th>@lang('admin.process-no')</th>
                    <th>@lang('admin.date')</th>
                    <th>@lang('admin.close-date')</th>
                    <th>@lang('admin.store-name')</th>
                    <th>@lang( 'admin.actions')</th>
                </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
@stop
@section('modal')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.ajax')
@stop
@section('js')
    <script type="text/javascript">
        var list_link = "{{ route('stocktaking.list') }}";
        var columns = [
            {"data": "id"},
            {"data": "transaction_date"},
            {"data": "end_date"},
            {"data": "store_name"},
            { data: 'actions', orderable: false }
        ];
    </script>
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.general.addModal')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.general.datatable_other')
@stop