@extends('tyres.profile.includes.main')
@section('demographic_info')
active
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{--route('home')--}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{--route('drivers_management.index')--}}">Tires Management</a> <span class="divider">/</span></li>
        <li class="active">Tire Profile</li>
    </ul>
@stop
@section('profile')
    <div class="tabbable">
        <div class="tab-content">
            <div id="glyphs" class="tab-pane active">
                <div class="msghead"
                     style="margin-bottom: 15px;margin-top: -20px;"
                >
                    <ul class="msghead_menu">
                        <li class="right btn-group">
                            <button class="btn" onclick='modelShow("edit_tire_modal")'>
                                <i class="icon-edit"></i> &nbsp;EDIT </button></li>
                    </ul>
                    <span class="clearall"></span>
                </div><!--msghead-->

                <div class="mediamgr">
                    <div class="mediamgr_left">
                        <div class="mediamgr_head">
                            <table class="table table-bordered table-invoice">
                                <tr>
                                    <td style="text-align: right">Brand:</td>
                                    <td>{{ $tire->tire_brand }}</td>
                                </tr>
                                <tr>
                                    <td style="text-align: right">Serial Number:</td>
                                    <td>{{ $tire->serial_number }}</td>
                                </tr>

                                <tr>
                                    <td class="width01" style="text-align: right">Size</td>
                                    <td class="width01">{{ $tire->tire_size }}</td>
                                </tr>

                                <tr>
                                    <td style="text-align: right">Condition:</td>
                                    <td>{{ $tire->tire_condition}}</td>

                                </tr>

                                <tr>
                                    <td style="text-align: right">Expected Kilometer:</td>
                                    <td>{{ $tire->expected_kilometer }}</td>
                                </tr>


                                <tr>
                                    <td style="text-align: right">Price:</td>
                                    <td>{{ $tire->price }}</td>
                                </tr>

                                <tr>
                                    <td class="width01" style="text-align: right">Supplier/Vendor:</td>
                                    <td class="width01">{{  $tire->vendor}}</td>
                                </tr>

                                <tr>
                                    <td style="text-align: right">Location:</td>
                                    <td>{{ $tire->tire_location_id }}</td>
                                </tr>

                                <tr>
                                    <td style="text-align: right">Descriptions:</td>
                                    <td>{{ $tire->description}}</td>
                                </tr>

                            </table>

                @include('tyres.includes.tyre_modals')

                        </div>
                    </div>
                </div>

            </div><!--tab-pane-->
        </div>
    </div>

    <script type="text/javascript">
        var edit_tire_modal = jQuery('#edit_tire_modal');
        var form = edit_tire_modal.find('form');
        form.on('submit', function(e) {
            e.preventDefault();
            updateRecordFn(form);
        });

        // Ajax function to add a record
        function updateRecordFn(form) {
            jQuery.ajax({
                url: form.attr('action'),
                type: 'PUT',
                data: form.serialize(),
                success: function (data) {
                    console.log(data);

                    jQuery('.has-error').removeClass('has-error');

                    if (data === 'DONE') {
                        jQuery.jGrowl("Successful");
                        jQuery('#edit_tire_modal').modal('toggle');
                    }else {

                    }
                    location.reload();
                },
                error: function (data) {
                    console.log('Error: ');
                    console.log(data);
                    jQuery.jGrowl('Error: Something went wrong');
                }

            });
        }
    </script>
    <style type="text/css">
        .has-error{
            color: #F00;
        }
    </style>
@stop