@extends('layouts.app')

@section('content')
<div class="page-content row">
    <!-- Page header -->
    <div class="page-header">
        <div class="page-title">
            <h3> {{ $pageTitle }}
                <small>{{ $pageNote }}</small>
            </h3>
        </div>

        <ul class="breadcrumb">
            <li><a href="{{ URL::to('dashboard') }}"> Dashboard </a></li>
            <li class="active">{{ $pageTitle }}</li>
        </ul>

    </div>


    <div class="page-content-wrapper m-t">

        <div class="sbox">
            <div class="sbox-title"><h5><i class="fa fa-table"></i></h5>

                <div class="sbox-tools">
                    <a href="{{ url($pageModule) }}" class="btn btn-xs btn-white tips" title="Clear Search"><i class="fa fa-trash-o"></i> Clear Search </a>
                    @if(Session::get('gid') ==1)
                    <a href="{{ URL::to('sximo/module/config/'.$pageModule) }}" class="btn btn-xs btn-white tips" title=" {{ Lang::get('core.btn_config') }}"><i class="fa fa-cog"></i></a>
                    @endif
                </div>
            </div>
            <div class="sbox-content">
                <div class="toolbar-line ">
                    @if($access['is_add'] ==1)
                    <a href="{{ URL::to('attributesets/update') }}" class="tips btn btn-sm btn-white" title="{{ Lang::get('core.btn_create') }}">
                        <i class="fa fa-plus-circle "></i>&nbsp;{{ Lang::get('core.btn_create') }}</a>
                    @endif
                </div>
                <div>
                    <table id="itemsTable">
                        <thead>
                            <tr>
                                <th>id</th>
                                <th>Sku</th>
                                <th>Name</th>
                                <th>Product Type</th>
                                <th>Item Style</th>
                                <th></th>
                            </tr>
                        </thead>
                    </table>
                </div>
                @include('footer')
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        $('.do-quick-search').click(function () {
            $('#SximoTable').attr('action', '{{ URL::to("attributesets/multisearch")}}');
		$('#SximoTable').submit();
	});
	
});	
</script>		
@stop
@push('scripts')
<script>
    $(function() {
        var table = $('#itemsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{!! URL::to('attributesets/tableitems/'.$id) !!}',
            columns: [
                { data: 'id', name: 'id' },
                { data: 'sku', name: 'sku' },
                { data: 'name', name: 'name' },
                { data: 'itemStyle', name: 'itemStyle' },
                { data: 'productType', name: 'productType' },
            ],
            columnDefs: [
                {
                    targets:   4,
                    render: function (data) {
                        switch(data){
                            case 0:
                                data = 'Configurable';
                                break;
                            case 1:
                                data = 'Simple';
                                break;

                        }
                        return data;
                    },
                },
                {
                    targets: 5,
                    data: null,
                    render: function (data) {
                        return '<a href="/attributesets/item/'+data.id+'/set/{{$id}}">Edit</a>';
                    },
                    bSearchable: false
                }
            ],
        });
    });
</script>
@endpush