<div class="offer card">
    <div class="card-header" id="heading{{$item->id}}">
        <h5 class="mb-0"> {{$item->caption}}</h5>
        <a href="#sendOffer" data-item-id="{{ $item->id }}">
            <i class="glyphicon glyphicon-transfer" onclick="createOffer(this)"></i>
        </a>
        <i class="glyphicon glyphicon-eye-open"
           data-toggle="collapse" data-target="#collapse{{$item->id}}"
           aria-expanded="true" aria-controls="collapse{{$item->id}}">
        </i>
    </div>
    <div id="collapse{{$item->id}}" class="collapse"
         aria-labelledby="heading{{$item->id}}" data-parent="#accordion">

        <div class="exchange card">
            <img class="card-img-top"
                 src="{{ route('images', $item->getPicturesPath()[0]) }}">
            <p class="card-block " style="text-align: center">
                {{ $item->description }}
            </p>
        </div>

        {{--@include('templates.fine_card',['item'=>$item])--}}
    </div>
</div>