@extends('printlayout')
@section('content')
    <div style="text-align: center;">
        <h2 style="margin-top: 0">{{ __('sitelabel.StockOpeningBalance') }}</h2>
    </div>

    <div class="transaction-info">
        <ul style="display: flex; list-style:none; justify-content:space-between; padding: 0px;">
            <li><strong>{{ __('sitelabel.Warehouse') }}: </strong>{{ $stockopeningbalance->Name }}</li>
            <li><strong>{{ __('sitelabel.Date') }}: </strong>{{ $stockopeningbalance->Month }} {{ $stockopeningbalance->Year }}</li>
        </ul>
        <ul style="display: flex; list-style:none; justify-content:space-between; padding: 0px;">
            <li><strong>{{ __('sitelabel.Packing') }}: </strong>{{ $stockopeningbalance->PackingName }}</li>
            <li>
                <strong>{{ __('sitelabel.Shade') }}: </strong>
                {{ $stockopeningbalance->ShadeName }}
                @if($stockopeningbalance->ColorCode)
                    <span style="
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        margin-left: 5px;
                        vertical-align: middle;
                        border: 1px solid #ccc;
                        background-color: {{ $stockopeningbalance->ColorCode }};
                    "></span>
                @endif
            </li>
        </ul>
    </div>

    <!-- Table Section -->
    <div class="table-responsive">
        <table id="stockTable" class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>{{ __('sitelabel.SerialNumber') }}</th>
                    <th>{{ __('sitelabel.Product') }}</th>
                    <th class="text-right">{{ __('sitelabel.PurchasePrice') }}</th>
                    <th class="text-right">{{ __('sitelabel.Quantity') }}</th>
                    <th class="text-right">{{ __('sitelabel.Amount') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($stockopeningbalancedetail as $item)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $item->Name }}</td>
                        <td class="text-right">{{ number_format($item->PurchasePrice, 2) }}</td>
                        <td class="text-right">{{ number_format($item->Quantity, 2) }}</td>
                        <td class="text-right">{{ number_format($item->Amount, 2) }}</td>
                    </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="3" class="text-right">
                        <strong>{{ __('sitelabel.GrandTotal') }}:</strong>
                    </td>
                    <td class="text-right">{{ number_format($stockopeningbalance->TotalQuantity, 2) }}</td>
                    <td class="text-right">{{ number_format($stockopeningbalance->TotalAmount, 2) }}</td>
                </tr>
            </tfoot>
        </table>
    </div>

    @include('sign-subview.signandbuttons')
@endsection

@section('script')
@endsection