@extends('layouts.app')



@section('content')


    <div class="row">
        <div class="col-md-12 text-right">
            <a href="{{ route('demo.import.create') }}" class="btn btn-primary">Import Products</a>
        </div>
    </div>

    <div class="row " style="margin-top: 5px !important;">
        <div class="col-lg-12 ">
            <div class="panel panel-primary">
                <div class="panel-heading" style="padding: 10px 15px !important;">Product Listing</div>
                <div class="panel-body">


                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Old Discount</th>
                            <th>New Discount</th>
                            <th>HSN Code</th>
                            <th>SKU</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($products as $product)
                            <tr>
                                <td>{{ $product->name }}</td>
                                <td>{{ $product->old_discount . '%' }}</td>
                                <td>{{ $product->discount . '%'}}</td>
                                <td>{{ $product->hsn_code }}</td>
                                <td>{{ $product->stocks->first()->sku }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5">No Record(s) found!</td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                    {{ $products->links() }}
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')
    <script>
        $(document).ready(function () {
            $('form').submit(function () {
                $(this).find("button[type='submit']").prop('disabled', true).text('Importing...');
            });
        });
    </script>
@endsection