@extends('vehicles.profile.includes.main')
@section('profile')
    <div id="glyphs" class="tab-pane active" style="height: 450px">
        <div class="container-fluid">
            <div class="maincontent">
                <div class="contentinner">
                    <div class="mediamgr">
                        <div class="mediamgr_left">
                            <div class="mediamgr_head">


                                {!! Form::open(['class'=>'form-inline'])!!}
                                <input type="hidden" name="vehicle_id" value="{{$vehicle->id}}">

                                <div class="form-group">
                                    <div class="row-fluid">
                                        <div class="span2">
                                            <label for="driver_id" class="control-label">Trailer</label>
                                        </div>
                                        <div class="span3">
                                            <div class="par control-group">
                                                <div class="controls">
                                                    <select data-placeholder="Choose a On-Route Cost..."
                                                            style="width:280px"
                                                            class="trailer_id sel"
                                                            name="trailer_id" id="trailer_id"
                                                            tabindex="2" required autocomplete="off">
                                                        <option value=""></option>
                                                        @foreach($trailers as $trailer)
                                                            <option value="{{$trailer->id}}">{{$trailer->registration_number}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="span2">
                                            <label for="driver_id" class="control-label">Assigned Date</label>
                                        </div>
                                        <div class="span3">
                                            <div class="par control-group">
                                                <div class="controls">
                                                    <input type="text" id="datepicker" name="assigned_date"
                                                           class="filekeyword datepicker"
                                                           placeholder="Search file here" required/>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="span2">
                                            <input type="submit" class="btn btn-primary" value="Apply"
                                                   style="margin-left:2px;margin-top: -7px;">
                                        </div>
                                    </div>
                                </div>
                                </form>
                                <span class="clearall"></span>
                            </div><!--mediamgr_head-->
                        </div><!--mediamgr_left -->
                        <div class="widgetcontent bordered" style="border: none">
                            <div class="row-fluid">
                                {{--<div class="span5 profile-left">--}}

                                {{--<h4>{{$vehicle->registration_number}} Photo</h4>--}}

                                {{--<div class="profilethumb">--}}
                                {{--<a href="#">Change Thumbnail</a>--}}
                                {{--@if(!empty($vehicle_pic->perspective_pic))--}}
                                {{--<img width="250px" height="250px"--}}
                                {{--src="http://localhost/logistics_fsm/public/img/vehicle_picture/{{$vehicle_pic->perspective_pic}}.png"--}}
                                {{--alt=""--}}
                                {{--class="img-polaroid"/>--}}
                                {{--@endif--}}
                                {{--</div><!--profilethumb-->--}}
                                {{--<span class="clearall"></span>--}}
                                {{--</div>--}}
                                <!--span3-->
                                <div class="span12  profile-left" style="margin-bottom: 40px;">
                                    <h4>Other Truck Details</h4>
                                    <table class="table table-bordered table-invoice">
                                        <tr>
                                            <td class="width01" style="text-align: right">Registration Number:</td>
                                            <td class="width01">{{$vehicle->registration_number}}</td>
                                            <td style="text-align: right">Manufacture Year:</td>
                                            <td>{{$vehicle->manufacture_year}}</td>
                                        </tr>
                                        <tr>
                                            <td class="width01" style="text-align: right">Make:</td>
                                            <td class="width01">{{$vehicle->make}}</td>
                                            <td class="width01" style="text-align: right">Km/Litre:</td>
                                            <td class="width01">{{$vehicle->fuel_consumption}}</td>
                                        </tr>
                                        <tr>
                                            <td style="text-align: right">Model:</td>
                                            <td>{{$vehicle->model}}</td>
                                            <td style="text-align: right">Tank Capacity:</td>
                                            <td>{{$vehicle->full_tank_capacity}}</td>
                                        </tr>
                                        <tr>
                                            <td style="text-align: right">Chassis No.:</td>
                                            <td>{{$vehicle->chasis_number}}</td>
                                            <td style="text-align: right">Trailer:</td>
                                            <td>
                                                @if(isset($vehicle->getCurrentTrailer()->registration_number))
                                                    @if(count($vehicle->getCurrentTrailer()) > 0)
                                                        {{$vehicle->getCurrentTrailer()->registration_number}}
                                                    @endif
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="text-align: right">Color:</td>
                                            <td>{{$vehicle->colour}}</td>
                                            <td style="text-align: right">Truck No.:</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td style="text-align: right">Driver:</td>
                                            <td>{{$vehicle->driverName}}</td>
                                            <td style="text-align: right">Fuel Ratio:</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td style="text-align: right">Market Value:</td>
                                            <td></td>
                                            <td style="text-align: right">Depreciation Rate:</td>
                                            <td></td>
                                        </tr>
                                    </table>
                                </div><!--span6-->
                            </div><!--row-fluid-->
                        </div><!--widgetcontent-->
                    </div><!--mediamgr-->

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

    <script>
        jQuery(function () {
            jQuery('.selection_search').chosen();

            jQuery('.sel').chosen();

            jQuery('form').on('submit', function (e) {
                jQuery.ajaxSetup({
                    header: jQuery('meta[name="_token"]').attr('content')
                })
                e.preventDefault(e);
                jQuery.ajax({
                    type: "GET",
                    url: "{{route('trailer.is.available')}}",
                    data: {trailer_id: jQuery('#trailer_id').val()},
                    success: function (data) {
                        if (data == 'notAvailable') {
                            var assignContinue = confirm('The trailer is assigned to another truck.Do you want to continue?');
                            if (assignContinue) {
                                submit_form();
                            }else {
                                alert('Trailer Assigned Cancelled');
                                location.reload();
                            }
                        } else {
                            submit_form();
                        }
                    },
                    error: function (data) {
                    }
                })
            });

            function submit_form() {
                jQuery.ajax({
                    type: "POST",
                    url: "{{route('trailer.assigned.to.truck')}}",
                    data: jQuery('form').serialize(),
                    success: function (data) {
                        if (data == 'DONE') {
                            alert('Trailer Assigned Successful');
                            location.reload();
                        } else {
                            alert('Trailer Assigned Fail');
                            location.reload();
                        }
                    },
                    error: function (data) {
                        alert(data);
                    }
                })
            }

        });
    </script>
@stop