@php
  $auction_translation = $auction->translations->where('language_id',getLocaleId())->first();
  $auction_category_translation = $auction->category->translations->where('language_id',getLocaleId())->first();
@endphp
<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-body" style="padding: 0px;">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="position: absolute; top: 5px; right: 10px; z-index: 9;">×</button>

      <div class="col-md-3 nopadding" style="margin-top: 10px;">
        @if ($auction->featuredImage)
          <img src="{{ get_storage_file_url(optional($auction->featuredImage)->path, 'medium') }}" class="thumbnail" width="100%" alt="{{ trans('app.featured_image') }}">
        @else
          <img src="{{ get_storage_file_url(optional($auction->image)->path, 'medium') }}" class="thumbnail" width="100%" alt="{{ trans('app.featured_image') }}">
        @endif
      </div>
      <div class="col-md-9 nopadding">
        <table class="table no-border">
          <tr>
            <th class="text-right">{{ trans('app.name') }}:</th>
            <td style="width: 75%;"><span class="lead">{{ $auction_translation->title ?? $auction->title }}</span></td>
          </tr>

          @if ($auction->vendor_id)
            <tr>
              <th class="text-right">{{ trans('app.vendor') }}: </th>
              <td style="width: 75%;">{{ $auction->vendor->name }}</td>
            </tr>
          @endif

          <tr>
            <th class="text-right">{{ trans('app.status') }}: </th>
            <td style="width: 75%;">{{ $auction->active ? trans('app.active') : trans('app.inactive') }}</td>
          </tr>

          <tr>
            <th class="text-right">{{ trans('app.quantity') }}:</th>
            <td style="width: 75%;">{{ $auction->quantity }}</td>
          </tr>

          <tr>
            <th class="text-right">{{ trans('app.start_date') }}:</th>
            <td style="width: 75%;">{{ $auction->start_date }}</td>
          </tr>

          <tr>
            <th class="text-right">{{ trans('app.end_date') }}:</th>
            <td style="width: 75%;">{{ $auction->end_date }}</td>
          </tr>


        </table>
      </div>
      <div class="clearfix"></div>
      <!-- Custom Tabs -->
      <div class="nav-tabs-custom">
        <ul class="nav nav-tabs nav-justified">
          <li class="active"><a href="#basic_info_tab" data-toggle="tab">
              {{ trans('app.basic_info') }}
            </a></li>
          <li><a href="#description_tab" data-toggle="tab">
              {{ trans('app.description') }}
            </a></li>
          <li><a href="#listings_tab" data-toggle="tab">
              {{ trans('app.listings') }}
            </a></li>
          <li><a href="#seo_tab" data-toggle="tab">
              {{ trans('app.seo') }}
            </a></li>
        </ul>
        <div class="tab-content">
          <div class="tab-pane active" id="basic_info_tab">
            <table class="table">

              <tr>
                <th>{{ trans('app.category') }}: </th>
                <td>
                    <span class="label label-outline">{{ $auction_category_translation->name ?? $auction->category->name }}</span>
                </td>
              </tr>

              @if ($auction->start_price && $auction->start_price != 0)
                <tr>
                  <th>{{ trans('app.start_price') }}: </th>
                  <td>{{ get_formated_currency($auction->start_price, 2) }}</td>
                </tr>
              @endif
            </table>
          </div> <!-- /.tab-pane -->
          <div class="tab-pane" id="description_tab">
            <div class="box-body">
              @if ($auction->description)
                {!! htmlspecialchars_decode($auction_translation->description ?? $auction->description) !!}
              @else
                <p>{{ trans('app.description_not_available') }} </p>
              @endif
            </div>
          </div> <!-- /.tab-pane -->
          <div class="tab-pane" id="listings_tab">
          </div> <!-- /.tab-pane -->
          <div class="tab-pane" id="seo_tab">
          </div> <!-- /.tab-pane -->
        </div>
        <!-- /.tab-content -->
      </div>
    </div>
  </div> <!-- / .modal-content -->
</div> <!-- / .modal-dialog -->