@extends('admin::curd.index')
@section('heading')
    <i class="fa fa-file-text-o"></i> {!! trans('category::asset_group.name') !!} <small> {!! trans('cms.manage') !!} {!! trans('category::asset_group.names') !!}</small>
@stop

{{-- @section('title')
    {!! trans('category::asset_group.names') !!}
@stop --}}

@section('breadcrumb')
    <ol class="breadcrumb">
        <li><a href="{!! trans_url('admin') !!}"><i class="fa fa-dashboard"></i> {!! trans('cms.home') !!} </a></li>
        <li class="active">{!! trans('category::asset_group.names') !!}</li>
    </ol>
@stop

@section('entry')
    <div class="box box-warning" id='category-asset_group-entry'>
    </div>
@stop

@section('tools')
@stop

@section('content')
    <div class="table-responsive">
        <table id="category-asset_group-list" class="table table-striped data-table">
            <thead class="list_head">
                <th>
                    <div class="reset" style="display:none;"></div>
                </th>
                <th>{!! trans('category::asset_group.label.name') !!}</th>
                <th>{!! trans('category::asset_group.label.code') !!}</th>
                <th>Asset Life</th>
                <th>{!! trans('category::asset_group.label.depreciation_type') !!}</th>
                <th>{!! trans('category::asset_group.label.debit_account') !!}</th>
                <th>{!! trans('category::asset_group.label.credit_account') !!}</th>
                <th>{!! trans('category::asset_group.label.status') !!}</th>
            </thead>
            <thead class="search_bar">
                <th>
                    <div class="reset" style="display:none;"><a id="resetnow" class="headpicture"
                            style="cursor:pointer;"><i class="fa fa-refresh" style="color:#000;"></i></a></div>
                </th>
                <th>{!! Form::text('search[name]')->id('search_name')->raw() !!}</th>
                <th>{!! Form::text('search[code]')->id('search_code')->raw() !!}</th>
                <th>{!! Form::text('search[est_life]')->id('search_code')->raw() !!}</th>
                <th>{!! Form::select('search[depreciation_type]') -> options(['' => 'All']+trans('category::asset_group.options.depreciation_type'))->id('search_depreciation_type')->raw()!!}</th>
                <th>{!! Form::text('search[debit_account]')->id('search_debit_account')->raw()!!}</th>
                <th>{!! Form::text('search[credit_account]')->id('search_credit_account')->raw()!!}</th>
                <th>{!! Form::select('search[status]')->options(['' => 'All'] + trans('category::sub_category.options.status'))->id('search_status')->raw() !!}</th>
            </thead>
        </table>
    </div>
@stop

@section('script')
    <script type="text/javascript">
        var oTable;
        $(document).ready(function() {
            app.load('#category-asset_group-entry', '{!! trans_url('admin/category/asset_group/0') !!}');
            oTable = $('#category-asset_group-list').dataTable({
                "bProcessing": true,
                "sDom": 'R<>rt<ilp><"clear">',
                "bServerSide": true,
                "sAjaxSource": '{!! trans_url('/admin/category/asset_group') !!}',
                "fnServerData": function(sSource, aoData, fnCallback) {

                    $('#category-asset_group-list .search_bar input, #category-asset_group-list .search_bar select')
                        .each(
                            function() {
                                aoData.push({
                                    'name': $(this).attr('name'),
                                    'value': $(this).val()
                                });
                            }
                        );
                    app.dataTable(aoData);
                    $.ajax({
                        'dataType': 'json',
                        'data': aoData,
                        'type': 'GET',
                        'url': sSource,
                        'success': fnCallback
                    });
                },

                "columns": [{
                        data: 'dresets'
                    },
                    {
                        data: 'name'
                    },
                    {
                        data: 'code'
                    },
                    {
                        data: 'est_life'
                    },
                    {
                        data: 'depreciation_type'
                    },
                    {
                        data: 'debit_account'
                    },
                    {
                        data: 'credit_account'
                    },
                    {
                        data: 'status'
                    },

                ],
                "pageLength": 25
            });

            $('#category-asset_group-list tbody').on('click', 'tr', function() {

                oTable.$('tr.selected').removeClass('selected');
                $(this).addClass('selected');

                var d = $('#category-asset_group-list').DataTable().row(this).data();

                $('#category-asset_group-entry').load('{!! trans_url('admin/category/asset_group') !!}' + '/' + d.id);
            });

            $("#category-asset_group-list .search_bar input, #category-asset_group-list .search_bar select").on(
                'keyup select',
                function(e) {
                    e.preventDefault();
                    if (e.keyCode == 13 || e.keyCode == 9) {
                        oTable.api().draw();
                    }
                });

            $("#category-asset_group-list .search_bar select").on('change', function(e) {
                e.preventDefault();
                oTable.api().draw();
            });

            $("#search_category").change(function() {
                if ($("#search_category option:selected").val() != '') {
                    var category = $("#search_category option:selected").val();

                } else {
                    $("#search_subcategory").val('');
                    oTable.api().draw();
                    var category = 0;
                }
                $("#search_subcategory").load('{{ URL::to('admin/category/subcategory') }}' + '/' +
                    category);

            });

            $("#resetnow").click(function() {
                $("#search_name").val('');
                $("#search_code").val('');
                $("#search_category").val('');
                $("#search_subcategory").val('');
                $("#search_dep").val('');
                $("#search_depreciation_type").val('');
                $("#search_debit_account").val('');
                $("#search_credit_account").val('');
                $("#search_status").val('');
                oTable.api().draw();
                $(".reset").css({
                    'display': 'none'
                });
            });

            $('.search_bar').change(function() {
                $(".reset").css({
                    'display': 'inline'
                });
                return;
            });

            // $("#search_category").change(function(){
            // var category = $("#search_category option:selected").val();
            // $("#search_subcategory").load('{{ URL::to('admin/category/subcategory') }}'+'/'+category);
            // });
        });
    </script>
@stop

@section('style')

<style>
    .box {
        margin-bottom: 0px !important;

    }
    .master-header{

        display: none!important;

    }     
        .box{

        border-top:0px solid white !important;

    } 
</style>
@stop