@extends('layout.layout')
@section('other-brach','active')
@section('content')

<!-- Main content -->
<section class="content">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2 mt-4">
                <div class="col-sm-12 pl-3 pr-3">
                    <h1 class="text-ultra">@include('partials.breadcrumbs')</h1>

                    @include('partials.search-table')

                </div>
            </div>

            <div class="card card-solid product-card mt-0" id="product-card">
                <div class="card-body m-0 p-0">
                    <div class="row mt-2">

                        <div class="col-12 col-sm-6 mt-0 pl-3 pr-3">
                            @if($branchStocks->isNotEmpty())
                            @php
                                $firstItem = $branchStocks->first();
                            @endphp
                                <h4 style="font-family: 'Gotham-Medium';">{{ $firstItem->generic_article_description }} </h4>
                                <h5>Size: {{ $firstItem->size_code }} ({{ $firstItem->subclass }})</h5>
                            @else
                                <h4 style="font-family: 'Gotham-Book';">No Stock Data Available</h4>
                            @endif
                        </div>

                        <div class="col-12 col-sm-6 p-0 mt-3">
                            <div class="col-12 p-0">
                                <div style="max-height: 350px; overflow-y: auto;">
                                    @if($branchStocks->isNotEmpty())
                                    <table class="table table-hover text-nowrap stock-table table-borderless" style="width: 100%;">
                                        <thead>
                                            <tr>
                                                <th style="position: sticky; top: 0; background: black; color: white; z-index: 1; width: 28%;border: 1px solid white !important;font-family: 'Gotham-Book';">Branch</th>
                                                <th style="position: sticky; top: 0; background: black; color: white; z-index: 1; width: 20%;border: 1px solid white !important;font-family: 'Gotham-Book';">Stock</th>
                                                <th style="position: sticky; top: 0; background: black; color: white; z-index: 1; width: 25%;border: 1px solid white !important;font-family: 'Gotham-Book';">Last Sold Date</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse($branchStocks as $stocks)
                                                <tr>
                                                    <td style="font-family: 'Gotham-Book';">{{ $stocks->store_name }}</td>
                                                    <td style="font-family: 'Gotham-Book';">
                                                        @php
                                                            $stock = $stocks->balance_approved ?? 'N/A';
                                                        @endphp

                                                        @if($stock === 0 || $stock === '0')
                                                            <strong class="text-danger">OOS</strong>
                                                        @else
                                                            {{ is_numeric($stock) ? number_format($stock, 0) : $stock }}
                                                        @endif
                                                    </td>
                                                    <td style="font-family: 'Gotham-Book';">{{ $stocks->last_sold_date ?? 'No Data' }}</td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="4" class="text-center text-muted py-3"style="font-family: 'Gotham-Book';">
                                                        No stock data available.
                                                    </td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                    @endif
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <!-- /.card-body -->
            </div>

        </div>
    </section>


</section>
<!-- /.content -->

@endsection

@section('javascript')
    <script src="{{asset('js/search.js')}}"></script>
@endsection