{{--<img src="{{url('/img/close-button.png')}}"/>--}}
<div id="fpi_feedback">

    {{--<div id="fpi_title" class="rotate">'--}}
    {{--</div>--}}
    <h4 class="ticket_title">Vehicle Number : {{$detail['vehicle_number']}}</h4>
    <div id="fpi_content">
        <div class="closeButton" id="close_transaction"><i class="fa fa-close"></i> </div>
        <h4 class="ticket_title">Entry for Ticket Number : {{$detail['barcode']}}</h4>
        <div class="row">
		<!-- start of added by sneha for image popup -->
		<div id="myModal1" class="modal fade" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-body">
					<img class="img-responsive" id="img-responsive-pop" src="" />
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" onclick="$('#myModal1').modal('hide')">Close</button>
				</div>
				</div>
			</div>
		</div>
		<!-- data-toggle="modal" data-target="#myModal1 added with img src -->
		<!-- end -->
           @if(isset($entry_images) && count($entry_images) > 0)
                @if(count($entry_images) > 1)
                    <div class="col-sm-6 col-xs-12" style="height: 100%;">
                        <img class="img-responsive img-exp-pop"  src={{$entry_images[0]}} data-toggle="modal" data-target="#myModal1">
                    </div>
                    <div class="col-sm-6 col-xs-12" style="height: 100%;">
                        <img class="img-responsive img-exp-pop"  src={{$entry_images[1]}} data-toggle="modal" data-target="#myModal1">
                    </div>
                @elseif(count($entry_images) == 1)
                    <div class="col-sm-6 col-xs-12" style="height: 100%;">
                        <img class="img-responsive img-exp-pop"  src={{$entry_images[0]}} data-toggle="modal" data-target="#myModal1">
                    </div>
                    <div class="col-sm-6 col-xs-12" style="height: 100%;">
                        <img class="img-responsive img-exp-pop" src={{url('/img/car.jpg')}} data-toggle="modal" data-target="#myModal1">
                    </div>
                @endif
            @else
                <div class="col-sm-6 col-xs-12" style="height: 100%;">
                    <img class="img-responsive img-exp-pop" src={{url('/img/driver.jpg')}} data-toggle="modal" data-target="#myModal1" >
                </div>
                <div class="col-sm-6 col-xs-12" style="height: 100%;">
                    <img class="img-responsive img-exp-pop" src={{url('/img/car.jpg')}} data-toggle="modal" data-target="#myModal1">
                </div>
            @endif
        </div>
                <hr/>
        <h4 class="ticket_title">Exit for Ticket Number :{{$detail['barcode']}}</h4>
        <div class="row">
            @if(isset($exit_images) && count($exit_images) > 0)
                @if(count($exit_images) > 1)
                    <div class="col-sm-6 col-xs-12" style="height: 100%;">
                        <img class="img-responsive img-exp-pop"  src={{$exit_images[0]}} data-toggle="modal" data-target="#myModal1">
                    </div>
                    <div class="col-sm-6 col-xs-12" style="height: 100%;">
                        <img class="img-responsive img-exp-pop"  src={{$exit_images[1]}} data-toggle="modal" data-target="#myModal1">
                    </div>
                @elseif(count($exit_images) == 1)
                    <div class="col-sm-6 col-xs-12" style="height: 100%;">
                        <img class="img-responsive img-exp-pop"  src={{$exit_images[0]}} data-toggle="modal" data-target="#myModal1">
                    </div>
                    <div class="col-sm-6 col-xs-12" style="height: 100%;">
                        <img class="img-responsive img-exp-pop" src={{url('/img/car.jpg')}} data-toggle="modal" data-target="#myModal1">
                    </div>
                @endif
            @else
                <div class="col-sm-6 col-xs-12" style="height: 100%;">
                    <img class="img-responsive img-exp-pop" src={{url('/img/driver.jpg')}} data-toggle="modal" data-target="#myModal1">
                </div>
                <div class="col-sm-6 col-xs-12" style="height: 100%;">
                    <img class="img-responsive img-exp-pop" src={{url('/img/car.jpg')}} data-toggle="modal" data-target="#myModal1">
                </div>
            @endif
        </div>
            </div>
</div>