@extends('layout.main')

@section('filter')
    <div id="datatable-filter" class="fixed new_filter" data-current-user="Art Ramadani" data-order-by-status="1" data-max-chat-history="25">
        <div class="filter-inner">
            <h2 class="filter-header">
                <a href="#" class="filter-close" data-animate="1"><i class="entypo-cancel"></i></a>
                <i class="fa fa-filter"></i>
                Filter
            </h2>
            <form id="product_filter" method="get"    class="form-horizontal form-groups-bordered validate" novalidate>
                <div class="form-group">
                    <label for="field-5" class="control-label">Available</label>
                    {{Form::select('SearchStock',[''=>'Select','Instock'=>'In Stock','Outstock'=>'Out Of Stock','LowLevel'=>'Low Stock Level'],'',array("class"=>"form-control select2 small"))}}
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">Search</label>
                    {{ Form::text('SearchDynamicFields', '', array("class"=>"form-control")) }}
                </div>
                <div class="form-group">
                    <label for="field-5" class="control-label">Item Type </label>
                    {{Form::select('ItemTypeID',$itemtypes,'',array("class"=>"form-control select2 small"))}}
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">Name</label>
                    {{ Form::text('Name', '', array("class"=>"form-control")) }}
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">Code</label>
                    {{ Form::text('Code', '', array("class"=>"form-control")) }}
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">Active</label>
                                            {{ Form::select('Active', $active, '', array("class"=>"form-control select2 small")) }}
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">AppliedTo</label>
                    {{ Form::select('AppliedTo', Product::$ALLAppliedTo, '', array("class"=>"form-control select2 small")) }}
                </div>
                <div class="form-group">
                    <br/>
                    <button type="submit" class="btn btn-primary btn-md btn-icon icon-left">
                        <i class="entypo-search"></i>
                        Search
                    </button>
                </div>
            </form>
        </div>
    </div>
@stop


@section('content')

    <ol class="breadcrumb bc-3">
        <li>
            <a href="{{action('dashboard')}}"><i class="entypo-home"></i>Home</a>
        </li>
        <li class="active">
            <a href="javascript:void(0)">Items</a>
        </li>
    </ol>

    <h3>Items</h3>
    <div class="tab-content">
        <div class="tab-pane active" id="customer_rate_tab_content">
            <div class="clear"></div>
                <div class="row">
                    <div  class="col-md-12">
                        @if(User::checkCategoryPermission('Products','Edit'))
                        <div class="input-group-btn pull-right hidden dropdown" style="width:70px;">
                            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Action <span class="caret"></span></button>
                            <ul class="dropdown-menu dropdown-menu-left" role="menu" style="background-color: #000; border-color: #000; margin-top:0px;">
                                @if(User::checkCategoryPermission('Products','Edit'))
                                    <li class="li_active">
                                        <a class="type_active_deactive" type_ad="active" href="javascript:void(0);" >
                                            <i class=""></i>
                                            <span>Activate</span>
                                        </a>
                                    </li>
                                    <li class="li_deactive">
                                        <a class="type_active_deactive" type_ad="deactive" href="javascript:void(0);" >
                                            <i class=""></i>
                                            <span>Deactivate</span>
                                        </a>
                                    </li>
                                    @if(User::checkCategoryPermission('StockHistory','View'))
                                    <li class="">
                                        <a class="" href="{{  URL::to('products/stockhistory') }}" >
                                            <i class=""></i>
                                            <span>History</span>
                                        </a>
                                    </li>
                                    @endif
                                @endif
                            </ul>
                        </div><!-- /btn-group -->
                        @endif

                        @if( User::is_admin() || User::is('BillingAdmin'))
                            @if(User::checkCategoryPermission('Products','Add'))
                                <a href="{{ URL::to('products/upload') }}" class="btn btn-primary pull-right" style="margin-left: 4px;">
                                    <i class="entypo-upload"></i>
                                    Upload
                                </a>
                                <a href="#" data-action="showAddModal" id="add-new-product" data-type="item" data-modal="add-edit-modal-product" class="btn btn-primary pull-right">
                                    <i class="entypo-plus"></i>
                                    Add New
                                </a>


                                            @if(User::checkCategoryPermission('ItemType','View'))
                                                <a href="{{  URL::to('products/itemtypes') }}" class="btn btn-primary pull-right" style="margin-right:2px;">
                                                    <i class="entypo-list"></i>
                                                    Manage Types
                                                </a>
                                            @endif

                               
                            @endif
                        @endif

                    </div>
                    <div class="clear"></div>
                </div>

            <br>
            <table class="table table-bordered datatable" id="table-4">
                <thead>
                <tr>
                    <th width="5%"><input type="checkbox" id="selectall" name="checkbox[]" class="" /></th>
                    <th width="10%">Item Type</th>
                    <th width="20%">Name</th>
                    <th width="10%">Code</th>
                    <th width="5%">Buying Price</th>
                    <th width="5%">Unit Cost</th>
                    <th width="5%">Quantity</th>
                    <th width="20%">Last Updated</th>
                    <th width="10%">Active</th>
                    <th width="20%">Action</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <script type="text/javascript">
                var checked = '';
                var list_fields  = ['ProductID','title','Name','Code','BuyingPrice','Amount','Quantity','updated_at','Active','Description','Note','AppliedTo','LowStockLevel','ItemTypeID','Image'];
                var $searchFilter = {};
                var update_new_url;
                var postdata;
                jQuery(document).ready(function ($) {

                    $('#filter-button-toggle').show();

                    public_vars.$body = $("body");
                    $searchFilter.ItemTypeID = $("#product_filter [name='ItemTypeID']").val();
                    $searchFilter.Name = $("#product_filter [name='Name']").val();
                    $searchFilter.Code = $("#product_filter [name='Code']").val();
                    $searchFilter.Active = $("#product_filter select[name='Active']").val();
                    $searchFilter.AppliedTo = $("#product_filter select[name='AppliedTo']").val();
                    $searchFilter.SearchDynamicFields = $("#product_filter select[name='SearchDynamicFields']").val();
                    $searchFilter.SearchStock = $("#product_filter select[name='SearchStock']").val();

                    data_table = $("#table-4").dataTable({
                        "bDestroy": true,
                        "bProcessing": true,
                        "bServerSide": true,
                        "sAjaxSource": baseurl + "/products/ajax_datagrid/type",
                        "fnServerParams": function (aoData) {
                            aoData.push({ "name": "ItemTypeID", "value": $searchFilter.ItemTypeID },
                                        { "name": "Name", "value": $searchFilter.Name },
                                        { "name": "Code","value": $searchFilter.Code },
                                        { "name": "LowStockLevel","value": $searchFilter.Low_stock_level },
                                        { "name": "Active", "value": $searchFilter.Active },
                                        { "name": "AppliedTo", "value": $searchFilter.AppliedTo },
                                        { "name": "SearchStock", "value": $searchFilter.SearchStock },
                                        { "name": "SearchDynamicFields", "value": $searchFilter.SearchDynamicFields });

                            data_table_extra_params.length = 0;
                            data_table_extra_params.push({ "name": "ItemTypeID", "value": $searchFilter.ItemTypeID },
                                                        { "name": "Name", "value": $searchFilter.Name },
                                                        { "name": "Code","value": $searchFilter.Code },
                                                        { "name": "Active", "value": $searchFilter.Active },
                                                        { "name": "AppliedTo", "value": $searchFilter.AppliedTo },
                                                        { "name": "SearchDynamicFields", "value": $searchFilter.SearchDynamicFields },
                                                        { "name": "SearchStock", "value": $searchFilter.SearchStock },
                                                        { "name": "Export", "value": 1});

                        },
                        "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
                        "sPaginationType": "bootstrap",
                        "sDom": "<'row'<'col-xs-6 col-left '<'#selectcheckbox.col-xs-1'>'l><'col-xs-6 col-right'<'change-view'><'export-data'T>f>r><'gridview'>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
                        "aaSorting": [[2, 'asc']],
                        "aoColumns": [
                            {"bSortable": false,
                                mRender: function(id, type, full) {
                                    // checkbox for bulk action
                                    return '<div class="checkbox "><input type="checkbox" name="checkbox[]" value="' + id + '" class="rowcheckbox" ></div>';
                                }
                            },
                            {  "bSortable": true }, //  1Item Type
                            {  "bSortable": true },  // 2 Item Name
                            {  "bSortable": true },  // 3 Item Code
                            {  "bSortable": true }, //  4 Buying Price
                            {  "bSortable": true },  // 5 Unit Cost
                            {  "bSortable": true },  // 6 Quantity
                            {  "bSortable": true },  // 7 updated_at
                            {  "bSortable": true,
                                mRender: function (val){
                                    if(val==1){
                                        return   '<i class="entypo-check" style="font-size:22px;color:green"></i>'
                                    }else {
                                        return '<i class="entypo-cancel" style="font-size:22px;color:red"></i>'
                                    }
                                }

                             },  // 4 Active
                            {                       //  5  Action
                                "bSortable": false,
                                mRender: function (id, type, full) {

                                    var delete_ = "{{ URL::to('products/{id}/delete')}}";
                                    delete_  = delete_ .replace( '{id}', full[0] );

                                    action = '<div class = "hiddenRowData" >';
                                    for(var i = 0 ; i< list_fields.length; i++){
                                        action += '<input type = "hidden"  name = "' + list_fields[i] + '"       value = "' + (full[i] != null?full[i]:'')+ '" / >';
                                    }

                                    if(typeof full['DynamicFields'] != 'undefined') {
                                        $.each(full['DynamicFields'], function (key, value) {
                                            action += '<input type = "hidden"  name = "DynamicFields[' + key + ']"       value = "' + (value != null ? value : '') + '" / >';
                                        });
                                    }
                                    action += '</div>';
                                    if(full[3]!='topup') {