@extends('vehicles.profile.includes.main')
@section('profile')
    <div class="tab-pane active">
        <ul class="listfile" style="text-align: center">
            <li>
                {{--<a href="ajax/image.html" data-rel="image">--}}
                @if(!empty($vehicle_pic->perspective_pic))
                {!! HTML::image(env('TRUCK_IMAGES').$vehicle_pic->perspective_pic,
                    'Perspective Picture',array('class'=>'img-polaroid','width'=>'250px' ,
                    'height'=>'250px'))  !!}
                @endif
                {{--</a>--}}
                <span class="filename" onclick="modelShow('perspective_photo')">Perspective Photo</span>
            </li>
            <li>
                @if(!empty($vehicle_pic->font_pic))
                    {!! HTML::image(env('TRUCK_IMAGES').$vehicle_pic->font_pic,
             'Perspective Picture',array('class'=>'img-polaroid','width'=>'250px' ,
             'height'=>'250px'))  !!}
                @endif
                <span class="filename" onclick="modelShow('font_pic')">Font Side Photo</span>
            </li>
            <li>
                @if(!empty($vehicle_pic->inside_pic))
                    {!! HTML::image(env('TRUCK_IMAGES').$vehicle_pic->inside_pic,
                        'Perspective Picture',array('class'=>'img-polaroid','width'=>'250px','height'=>'250px'))  !!}
                @endif
                {{--</a>--}}
                <span class="filename"  onclick="modelShow('inside_pic')">Inside View</span>
            </li>
            <li>
                @if(!empty($vehicle_pic->right_pic))
                    {!! HTML::image(env('TRUCK_IMAGES').$vehicle_pic->right_pic,
                    'Perspective Picture',array('class'=>'img-polaroid','width'=>'250px','height'=>'250px'))  !!}
                @endif
                {{--</a>--}}
                <span class="filename"  onclick="modelShow('right_pic')">Right Side Photo</span>
            </li>
            <li>
                @if(!empty($vehicle_pic->left_pic))
                    {!! HTML::image(env('TRUCK_IMAGES').$vehicle_pic->left_pic,
                        'Perspective Picture',array('class'=>'img-polaroid','width'=>'250px','height'=>'250px'))  !!}
                @endif
                {{--</a>--}}
                <span class="filename"  onclick="modelShow('left_pic')">Left Side Photo</span>
            </li>
            <li>
                @if(!empty($vehicle_pic->back_pic))
                    {!! HTML::image(env('TRUCK_IMAGES').$vehicle_pic->back_pic,
                        'Perspective Picture',array('class'=>'img-polaroid','width'=>'250px','height'=>'250px'))  !!}
                @endif
                {{--</a>--}}
                <span class="filename"  onclick="modelShow('back_pic')">Back View</span>
            </li>
        </ul>
    </div><!--tab-pane-->

    @include('vehicles.profile.includes.imagiesModel')
@stop