@extends('layouts.app')
@section('title', __('industrialengineering::lang.products'))
@section('content')
@include('industrialengineering::layouts.nav')
<section class="content-header">
    <h1>@lang('industrialengineering::lang.products')
        @can('ie.platforms.create')
        <a href="{{ action([\Modules\IndustrialEngineering\Http\Controllers\ProductHubController::class, 'create']) }}" class="btn btn-primary pull-right"><i class="fa fa-plus"></i> @lang('industrialengineering::lang.create_product')</a>
        @endcan
    </h1>
</section>
<section class="content">
    <div class="box box-primary">
        <div class="box-body">
            <table class="table table-bordered table-striped" id="ie_products_table" style="width:100%">
                <thead>
                    <tr>
                        <th>@lang('industrialengineering::lang.system_code')</th>
                        <th>@lang('industrialengineering::lang.code')</th>
                        <th>@lang('industrialengineering::lang.name')</th>
                        <th>@lang('industrialengineering::lang.industry_segment')</th>
                        <th>@lang('industrialengineering::lang.production_lines')</th>
                        <th></th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</section>
@endsection
@section('javascript')
<script>
$(function(){
    $('#ie_products_table').DataTable({
        processing: true, serverSide: true,
        ajax: '{{ action([\Modules\IndustrialEngineering\Http\Controllers\ProductHubController::class, 'index']) }}',
        columns: [
            {data:'auto_code'},{data:'platform_code'},{data:'name'},
            {data:'industry_segment'},{data:'lines_count'},
            {data:'action', orderable:false, searchable:false}
        ]
    });
});
</script>
@endsection