@php
$logo=\App\Models\Utility::get_file('/');
@endphp
<div class="modal-header pb-2 pt-2">
    <h5 class="modal-title" id="exampleModalLongTitle">{{ $tracker->project_task}} <small>( {{$tracker->total}} {{date('H:i:s, d M ',strtotime($tracker->start_time))}} )</small></h5>
<!--    <button type="button" class="btn  btn-light text-end" data-bs-dismiss="modal">{{ __('Close')}}</button> -->
   <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
   
    </button>
  </div> 
  <div class="modal-body p-1">
      <div class="row ">
        <div class="col-lg-12 product-left mb-5 mb-lg-0">
            @if( $images->count() > 0)
            <div class="swiper-container product-slider mb-2 pb-2" style="border-bottom:solid 2px #f2f3f5">
                <div class="swiper-wrapper">
                    @foreach ($images as $image)
                        <div class="swiper-slide" id="slide-{{$image->id}}">
                            <img src="{{asset($logo.$image->img_path)}}" alt="..."  class="img-fluid">
                               <div class="time_in_slider"> {{date('H:i:s, d M ',strtotime($image->time))}} 
                                 <a href="#" class="action-btn btn-danger btn btn-sm d-inline-flex align-items-center bs-pass-fn-call"  data-confirm="{{__('Are You Sure?')}}" data-text="{{__('This action can not be undone. Do you want to continue?')}}" data-id="{{$image->id}}" title="{{__('Delete')}}" data-bs-toggle="tooltip" data-bs-placement="top"><span class="text-danger"><i class="ti ti-trash text-white"></i></span></a>
                              </div>
                        </div>
                    @endforeach            
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
            
            <div class="swiper-container product-thumbs">
                <div class="swiper-wrapper">
                    @foreach ($images as $image)
                    <div class="swiper-slide" id="slide-thum-{{$image->id}}">
                        <img src="{{asset($logo.$image->img_path)}}" alt="..." class="img-fluid">
                    </div>
                    @endforeach 
                
                </div>
            </div>
            @else
            <div class="no-image">
                <h5 class="text-muted">Images Not Available .</h5>
            </div>
            @endif
        </div>
      </div>
  </div>


  <style type="text/css">
      .model {
    z-index: 0 !important;}
  </style>
  <script type="text/javascript">
    $('[data-confirm-delete]').each(function () {
   
    var me = $(this),
        me_data = me.data('confirm-delete');
      
    me_data = me_data.split("|");
    me.fireModal({
        title: me_data[0],
        body: me_data[1],
        buttons: [
            {
                text: me.data('confirm-text-yes') || 'Yes',
                class: 'btn btn-sm btn-danger rounded-pill',
                handler: function (modal) {
                    $.destroyModal(modal);
                    eval(me.data('confirm-yes'));
                   
                }
            },
          
            {
                text: me.data('confirm-text-cancel') || 'Cancel',
                class: 'btn btn-sm btn-secondary rounded-pill',
                handler: function (modal) {
                    $.destroyModal(modal);
                    eval(me.data('confirm-no'));
                }
            }
        ]
    })
});
</script>