@php
    $logo_src = "benefit_logo.png";
    if($benefit['logo'])
    {
      $logo_src = $benefit['logo'];
    }
  $src_full_path = asset('uploads/benefits')."/". $logo_src;
  @endphp

<div class="modal-header">
  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  <h4 class="mb-0" id="">
    Benefit Details
  </h4>
</div>
<div class="modal-body text-center text-md-start">
  <div class="container" id="view_benefit_detail_container">
    <div class="card text-dark">
      <div class="card-body">
        <div class="row g-0">
          <div class="col-lg-2 col-md-3 mb-2 mb-md-0">
            <img class="rounded-circle shadow-1-strong benefit_logo" 
              src="{{$src_full_path}}" alt="Logo" width="70" height="70" />
          </div>
          <div class="col-lg-10 col-md-9">
            <div class="row mb-1">
              <div class="col-lg-12 mb-1">
                <span class="text-primary fw-bold">
                  <span class="benefit_name me-2">
                   {{$benefit->name}}
                  </span>
                  <span class="text-dark benefit_icons"> 
                    <a href="javascript:void(0);" 
                      class="text_copy_to_clipboard"
                      data-bs-toggle="tooltip" 
                      data-bs-placement="top" 
                      data-bs-custom-class="tooltip-dark" 
                      title="{{ $benefit->email }}" 
                      data-company_website="{{ $benefit->email }}">
                      <i class="fa fa-envelope fa-lg me-1"></i>
                    </a>
                    <a href="javascript:void(0);" 
                      class="text_copy_to_clipboard"
                      data-bs-toggle="tooltip" 
                      data-bs-placement="top" 
                      data-bs-custom-class="tooltip-dark" 
                      title="{{ $benefit->contact_no }}" 
                      data-company_website="{{ $benefit->contact_no }}">
                      <i class="fa fa-phone fa-lg me-1"></i>
                    </a>
                  </span>
                </span>
              </div>
              <div class="col-lg-12">
                <span class="">
                  {!! $benefit->details !!}
                </span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="modal-footer text-right">
  <button type="button" data-bs-dismiss="modal" class="btn btn-sm btn-secondary">Close</button>
</div>