@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">
            <div class="msghead" style="margin-bottom: 4px">
                <ul class="msghead_menu">
                    <li>

                    </li>
                    <li class="right btn-group">
                        <button class="btn btn-danger" style="margin-right: 4px;" id="desposing_tires"><span
                                    class="icon-trash"></span> Dispose
                        </button>
                        <button class="btn" style="margin-right: 4px;" id="manage_truck_tires"><span
                                    class="iconsweets-create"></span> Retread
                        </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="head0">Brand</th>
                    <th class="head0">Date Purchase</th>
                    <th class="head0">Size</th>
                    <th class="head0">Km Run</th>
                    <th class="head0">Status</th>
                    {{--<th class="head0">Action</th>--}}
                </tr>
                </thead>
                <tbody>
                @foreach($retreads as $key => $tires)
                    <tr>
                        <td class="aligncenter  sorting_1">
                            <span class="center"><input type="checkbox" class="retreaded_tires" value="{{$tires->id}}"></span>
                        </td>
                        <td>{{$key+1}}</td>
                        <td>{{$tires->serial_number}}</td>
                        <td class=""></td>
                        <td class=""></td>
                        <td>{{$tires->tire_size}}</td>
                        <td></td>
                        <td>
                            @if($tires->location == 'local')
                                <span class="label">Waiting For Retreaded</span>
                            @else
                                <span class="label label-info">Sent to Retreaded</span>
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
                <tfoot>
                <tr>
                </tr>
                </tfoot>
            </table>


        </div><!--tabcontent-->
    </div><!--tabbable-->
    <script>
        function checkedRoutes() {
            var checked = jQuery('.retreaded_tires:checked').length > 0;
            if (!checked) {
                jAlert("Please check at least one Tire to continue with the process", 'SELECTION DIALOG');
                return false;
            }
            var checkRoutes = [];
            jQuery('.retreaded_tires').each(function () {
                if (jQuery(this).is(':checked')) {
                    checkRoutes.push(jQuery(this).val());
                }
            });
            return checkRoutes;
        }

        jQuery('#desposing_tires').click(function () {
            var tire_ids = checkedRoutes();
            if (tire_ids) {
                {{--jQuery.ajax({--}}
                    {{--type: "POST",--}}
                    {{--cache: false,--}}
                    {{--url: "{{route('tires.transferTo.disposed')}}",--}}
                    {{--data: {--}}
                        {{--tire_ids: tire_ids--}}
                    {{--},--}}
                    {{--dataType: 'json',--}}
                    {{--success: function (data) {--}}

                        {{--if (data != 'FAIL') {--}}
                            {{--for (var i = 0, len = data.length; i < len; i++) {--}}
                                {{--jQuery(".retreaded_tires[value=" + data[i] + "]").parents('tr').fadeOut(function () {--}}
                                    {{--jQuery(this).remove();--}}
                                {{--})--}}
                            {{--}--}}
                            {{--jQuery.jGrowl("Tires Disposed Successful", {header: 'Important'});--}}
                        {{--} else {--}}
                            {{--jAlert("Fail To Dispose Tires", 'DISPOSING DIALOG');--}}
                        {{--}--}}
                    {{--},--}}
                    {{--error: function (data) {--}}

                    {{--}--}}
                {{--});--}}
                return false;
            }
        });
    </script>
@stop