@extends('layouts.admin')

@section('content')

<div class="card">
    <div class="card-header">
        {{ trans('global.show') }} {{ trans('global.offer.title') }}
    </div>

    <div class="card-body">
        <table class="table table-bordered table-striped">
            <tbody>
                
                <tr>
                    <th>
                        {{ trans('global.offer.fields.title') }}
                    </th>
                    <td>
                        {{ $offer->title ?? '' }}
                    </td>
                </tr>

                <tr>
                    <th>
                        {{ trans('global.offer.fields.category') }}
                    </th>
                    <td>
                        {{ $offer->category->name_en ?? '' }}
                    </td>
                </tr>
                
                <tr>
                    <th>
                        {{ trans('global.offer.fields.description') }}
                    </th>
                    <td>
                        {{ $offer->description ?? '' }}
                    </td>
                </tr>
                <tr>
                    <th>
                        {{ trans('global.offer.fields.offer_image') }}
                    </th>
                    <td>
                        @if ($offer->image)
                            <img src="{{ asset('storage/uploads/offer/image') }}/{{ $offer->image ?? '' }}" width="150">
                        @endif
                    </td>
                </tr>
                <tr>
                    <th>
                        Discount Products
                    </th>
                    <td>
                        @foreach($offer_products as $key => $product)
                            {{ $product->name_en }} ( {{ $product->color_name ?? $product->name }} ) ,
                        @endforeach
                    </td>
                </tr>
                <tr>
                    <th>
                        {{ trans('global.offer.fields.status') }}
                    </th>
                    <td>
                        @if($offer->status == 1)
                            <span class="badge badge-success">Active</span>
                        @else
                            <span class="badge badge-danger">Inactive</span>
                        @endif
                    </td>
                </tr>
            </tbody>
        </table>
        <a style="margin-top:20px;" class="btn btn-info" href="{{ url()->previous() }}">
            {{ trans('global.back_to_list') }}
        </a>
    </div>
</div>

@endsection