@extends('layouts.app')
@push('style')
    <style>
        #selected_product tbody {
            display: block;
            max-height: 300px;
            overflow-y: auto;
        }

        #selected_product thead,
        #selected_product tbody tr {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

        #selected_product th,
        #selected_product td {
            text-align: left;
            vertical-align: middle;
        }
    </style>
@endpush
@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            <div class="row tablerow">
                <div class="col-md-12">
                    @php
                        $page_name = 'Product > Discount Product';
                        $page_number = 0;
                    @endphp
                    @include('layouts.table_top')
                </div>
                <div class="col-md-12">
                    <div class="left-card">
                        <div class="mb-2 mt-2">
                            <span><strong>Code Number: </strong>{{ $item->discount_code }}</span>
                            <span><strong>Type Name: </strong>{{ $item->name }}</span>
                            <span><strong>Type: </strong>{{ $item->dicount_type }}</span>
                            @if ($item->dicount_type == 'offer')
                                <span><strong>Start Date: </strong>{{ $item->start_date }}</span>
                                <span><strong>End Date: </strong>{{ $item->end_date }}</span>
                            @endif
                            <span><strong>Discount Type: </strong>{{ $item->amount_type }}</span>
                            <span><strong>Amount/value/parcantage: </strong>{{ $item->value }}</span>
                        </div>
                        <div class="table-fixed-head table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th width="1%">@lang('SL')</th>
                                        <th>@lang('Code')</th>
                                        <th>@lang('Product SKU')</th>
                                        <th>@lang('Name')</th>
                                        <th>@lang('Brand')</th>
                                        <th>@lang('Category')</th>
                                        <th>@lang('Sub Category')</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($products as $product)
                                        <tr>
                                            <td>{{ $loop->index + 1 }} </td>
                                            <td>{{ $product->product_code }}</td>
                                            <td>{{ $product->product_sku }}</td>
                                            <td>{{ $product->name }} </td>
                                            <td>{{ $product->brand_name }}</td>
                                            <td>{{ $product->category_name }}</td>
                                            <td>{{ $product->subcat_name }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection