@extends('layouts.main_without_top_button')
@section('contentinner')
@section('title')
    Trucks Managements
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Tires Managements</a> <span class="divider">/</span></li>
        <li class="active">Tires Inventory</li>
    </ul>
@stop
    @include('tyres.main')
    <div class="tab-content">
        <div class="tab-pane active" id="dummyNav">
            <div class="msghead" style="margin-bottom: 4px">
                <ul class="msghead_menu">
                    <li>

                    </li>
                    <li class="right btn-group">
                        <button class="btn" style="margin-right: 4px;" id="manage_truck_tires"><span
                                    class="iconsweets-create"></span>  Manage Tires
                        </button>
                        <button class="btn" style="margin-right: 4px;" id="manage_truck_tires"><span
                                    class="iconsweets-create"></span> Manage Location
                        </button>
                    </li>
                </ul>
                <span class="clearall"></span>
            </div><!--msghead-->
            <table class="table table-bordered" id="dyntable">
                <thead>
                <tr>
                    <th class="head0 nosort" style="width: 20px"><input type="checkbox" class="checkall"/></th>
                    <th width="4%">S/N</th>
                    <th class="head0">Serial Number</th>
                    <th class="head1">Price</th>
                    <th class="head0">Brand</th>
                    <th class="head1">Vendor</th>
                    <th class="head0">Date Purchase</th>
                    <th class="head0">Size</th>
                    <th class="head0">Expected Km</th>
                    <th class="head0">Status</th>
                </tr>
                </thead>
                <tbody>
                @foreach($inventory as $key => $tires)
                    <tr>
                        <td class="aligncenter  sorting_1">
                            <span class="center"><input type="checkbox"></span>
                        </td>
                        <td>{{$key+1}}</td>
                        <td>{{$tires->serial_number}}</td>
                        <td style="text-align:right">{{$tires->price}}</td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td>{{$tires->tire_size}}</td>
                        <td></td>
                        <td></td>
                    </tr>
                @endforeach
                </tbody>
                <tfoot>
                <tr>
                </tr>
                </tfoot>
            </table>


        </div><!--tabcontent-->
    </div><!--tabbable-->
    </div>
    <script>

        // In case you don't have firebug...
//        if (typeof console === "undefined") {
//            console = {
//                log: function () {
//                }
//            };
//        }
//        (function (jQuery) {
//            jQuery(function () {
//                jQuery.jGrowl.defaults.closerTemplate = "<div>[ xxxxx ]</div>";
//                jQuery.jGrowl.defaults.appendTo = "div#dummyNav";
//                var msg = "This message is sticky and clickable";
//                jQuery.jGrowl(msg, {life: 5000});
//            });
//        })(jQuery);

//        jQuery.jGrowl("A message with a beforeOpen callback and a different opening animation.", {
//            beforeClose: function(e,m) {
//                alert('About to close this notification!');
//            },
//            animateOpen: {
//                height: 'show'
//            }
//        });
//        jQuery.jGrowl("A message with a header", { header: 'Important' });

        {{--jQuery.jGrowl('{!! HTML::image('img/logo.jpg') !!} message_text ', {--}}
                {{--theme: 'contrastBorder',--}}
                {{--sticky:true--}}
            {{--});--}}

//            jQuery.jGrowl('Message with callbacks', {
//                theme: 'Left',
//                life:4000,
//                beforeOpen: function(e,m,o) {alert('before open jGrowl')},
//                open: function(e,m,o) {alert('After open jGrowl')},
//                close: function(e,m,o) {alert('After closing jGrowl popup')},
//                speed:0
//            });
//
    </script>
@stop