@extends('layouts.main')
@section('title')
    Tire Inventories
@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
@section('contentinner')
    @include('tyres.includes.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 table-condensed" 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-->
    @include('tyres.includes.scripts')

    <script>
        jQuery("#addedRow").on('click', '#removerow', function () {
            jQuery(this).parent().parent().remove();
        });
        pupulate();
        
        jQuery("#addRow").click(function () {
            var response = jQuery('#addingrow').html();
            jQuery('#addedRow').append(response);
            pupulate();
            jQuery('.chzn-select').chosen();
        });
        function pupulate() {
            jQuery('.rate').keyup(function (event) {
                // skip for arrow keys
                if (event.which >= 37 && event.which <= 40) return;
                jQuery(this).val(function (index, value) {
                    return value.replace(/\D/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                });
            });
        }
    </script>
@stop