@extends('vehicles.trailers.includes.profile_main')
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('trailers.index')}}">Trailers</a> <span class="divider">/</span></li>
        <li class="active">Images</li>
    </ul>
@stop
@section('profile_contentinner')
    <ul class="listfile" style="text-align: center">
        <li>
            {{--<a href="ajax/image.html" data-rel="image">--}}
            @if(!empty($trailer_pic->perspective_pic))
                {!! HTML::image(env('TRAILER_IMAGES').$trailer_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($trailer_pic->font_pic))
                {!! HTML::image(env('TRAILER_IMAGES').$trailer_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($trailer_pic->inside_pic))
                {!! HTML::image(env('TRAILER_IMAGES').$trailer_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($trailer_pic->right_pic))
                {!! HTML::image(env('TRAILER_IMAGES').$trailer_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($trailer_pic->left_pic))
                {!! HTML::image(env('TRAILER_IMAGES').$trailer_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($trailer_pic->back_pic))
                {!! HTML::image(env('TRAILER_IMAGES').$trailer_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>
    @include('vehicles.trailers.profile.includes.imagiesModel')
@stop