@extends('backend.layouts.app')
@section('backend_title', 'Admin Brand List')

@section('backend_style')
    <style>
        .table-responsive {
            position: relative;
            height: calc(100vh - 170px);
            overflow-y: auto;
        }

        table thead {
            background: #ffffff !important;
            box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
            z-index: 1;
        }

        table thead th {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1;
            box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
            opacity: unset !important;
            background: #ffffff !important;
        }
    </style>
@endsection

@section('backend_content')

    <div class="my-4 row">
        <div class="col-12">
            <div class="card">
                <!-- Card header -->
                <div class="pb-0 card-header">
                    <div class="d-lg-flex justify-content-between">
                        <h5 class="mb-0">All Stock Report</h5>
                        <a href="{{ route('Stock_Reports_Download') }}" class="btn btn-secondary">Stock Report Download</a>
                    </div>
                </div>
                <div class="px-0 pb-0 card-body">
                    <div class="table-responsive">
                        <table class="table table-flush" id="products-list">
                            <thead class="thead-light">
                                <tr>
                                    <th class="fs-6" style="color: black">Sl No.</th>
                                    <th class="fs-6" style="color: black">P.code</th>
                                    <th class="fs-6" style="color: black">Thum Image</th>
                                    <th class="fs-6" style="color: black">Product name</th>
                                    <th class="fs-6" style="color: black">Current Qty</th>
                                    <th class="fs-6" style="color: black">Sales Qty</th>
                                    <th class="fs-6" style="color: black">Pandding Qty</th>

                                    <th class="fs-6" style="color: black">P price</th>
                                    <th class="fs-6" style="color: black">C.P price</th>
                                    <th class="fs-6" style="color: black">S.P price</th>
                                    <th class="fs-6" style="color: black">P.P price</th>

                                    <th class="fs-6" style="color: black">W price</th>
                                    <th class="fs-6" style="color: black">C.W price</th>
                                    <th class="fs-6" style="color: black">S.W price</th>
                                    <th class="fs-6" style="color: black">P.W price</th>

                                    <th class="fs-6" style="color: black">R price</th>
                                    <th class="fs-6" style="color: black">C.R price</th>
                                    <th class="fs-6" style="color: black">S.R price</th>
                                    <th class="fs-6" style="color: black">P.R price</th>
                                    <th class="fs-6" style="color: black">Status</th>
                                    <th class="fs-6" style="color: black">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($products as $index=> $item)
                                    <tr>
                                        <td>
                                            {{ $index + 1 }}
                                        </td>
                                        <td>
                                            <div class="d-flex">
                                                <p class="my-auto">{{ $item->product_code }}</p>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="d-flex">
                                                <img src="{{ $item->thum_image }}" alt="" class="w-100 h-100">
                                            </div>
                                        </td>


                                        <td>
                                            <div class="d-flex">

                                                <p class="my-auto">{{ \Illuminate\Support\Str::limit($item->bn_name != null ? $item->bn_name : $item->en_name, 40, '...') }}</p>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item->qty }}</p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item['salesDetails']['total_quantity'] }}</p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item['panddingDetails']['total_quantity'] }}</p>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item->purchase_price }}</p>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item->qty * $item->purchase_price }}</p>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item['salesDetails']['total_quantity'] * $item->purchase_price }}</p>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item['panddingDetails']['total_quantity'] * $item->purchase_price }}</p>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item->wholesale_price }}</p>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item->qty * $item->wholesale_price }}</p>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item['salesDetails']['total_quantity'] * $item->wholesale_price }}</p>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item['panddingDetails']['total_quantity'] * $item->wholesale_price }}</p>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item->retail_price }}</p>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item->qty * $item->retail_price }}</p>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item['salesDetails']['total_quantity'] * $item->retail_price }}</p>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="d-flex">
                                                <div class="my-auto">
                                                    <p class="my-auto">{{ $item['panddingDetails']['total_quantity'] * $item->retail_price }}</p>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            @if ($item->status == 1 && $item->qty > 0)
                                                <span class="badge badge-success badge-sm">Active</span>
                                            @else
                                                <span class="badge badge-danger badge-sm">Inactive</span>
                                            @endif
                                        </td>
                                        <td class="text-sm">
                                            <a href="{{ Route('productShow', $item->id) }}" data-bs-toggle="tooltip" data-bs-original-title="Preview product">
                                                <i class="fa-regular fa-eye fs-5"></i>
                                            </a>
                                            <a href="{{ Route('productEdit', $item->id) }}" class="mx-3" data-bs-toggle="tooltip" data-bs-original-title="Edit product">
                                                <i class="fa-solid fa-pen-to-square fs-5"></i>
                                            </a>
                                            <a onclick="return confirm('Are you sure Delete?')" href="{{ Route('productDelete', $item->id) }}" data-bs-toggle="tooltip" data-bs-original-title="Delete product">
                                                <i class="fa-solid fa-trash-can fs-5"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td class="text-sm" colspan="3">Data Not Found!!</td>
                                    </tr>
                                @endforelse

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection