@extends('vehicles.profile.includes.main')
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('vehicles.index')}}">Vehicles Managements</a> <span class="divider">/</span></li>
        <li class="active">Trucks</li>
    </ul>
@stop
@section('profile')
    <div id="glyphs" class="tab-pane active" style="height: 450px">
        <div class="container-fluid">
            <div class="mediamgr">
                <div class="mediamgr_left">
                    @if(Auth::user()->can('ASSIGN TRAILER'))
                        <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 Trailer"
                                                        style="width:280px"
                                                        class="trailer_id selection_search"
                                                        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"/>--}}
                                            {{--</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-->
                    @endif
                </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 <a target="_blank" style="text-align: right" href="{{route('vehicle_profile.print',['vehicles'=>$vehicle->id])}}">PROFILE</a></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">Year of Manufacture:</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->chassis_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 colspan="3">{{$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>
    </div><!--tab-pane-->

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

            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