@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Trade Inventory - Data Analysis'])
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header" >
                        <h5><b>{{$branches->branch_name}} <br>[{{$branches->branch_code}}]</b></h5><br>
                        <h5><b>{{$trade_reports->tr_number}} <br></b></h5>
                        <div class="text-center">
                            <h5><b>SUMMARY</b></h5>
                        </div>
                        <div class="text-right">
                            <a href="{{ route('coor.pdf', $trade_reports->id) }}" target="_blank" class="btn btn-primary text-right"><i class="ni ni-single-copy-04"></i> Generate PDF</a>
                        </div>
                    <div class="card-body px-0 pt-0 pb-2">
                   

                    <div class="table-responsive border-raduis-xs">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                        </th>
                                    <th
                                        class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                        Product Description</th>
                                    <th
                                        class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                        Inventory</th>
                                    <th
                                        class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                        Shelf Cap</th>
                                    <th
                                        class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                        Max Cap</th>
                                    
                                    <th class="text-secondary opacity-7"></th>
                                </tr>
                            </thead>
                                <tbody>
                                @php
                                $num = ($report_products->currentPage() - 1) * $report_products->perPage() + 0;
                                @endphp
                                @foreach($report_products as $report_product)
                                @php
                                    $num++;
                                @endphp
                                <tr>
                                    <td class="align-middle text-center">
                                        <p class="text-xs font-weight-bold mb-0"> {{$num}} </p>
                                    </td>
                                    <td>
                                        <p class="text-xs font-weight-bold mb-0"> {{$report_product->product->sku_description}} <br> {{($report_product->product->size)}}</p>
                                    </td>
                                    <td class="align-middle">
                                        <p class="text-xs font-weight-bold mb-0" > {{ $report_product->inventory == null ? '0' : $report_product->inventory }} </p>
                                    </td>
                                    <td class="align-middle">
                                        <p class="text-xs font-weight-bold mb-0" >{{ $report_product->shelf_cap == null ? '0' : $report_product->shelf_cap }} </p>
                                    </td>
                                    <td class="align-middle">
                                        <p class="text-xs font-weight-bold mb-0" >{{ $report_product->max_cap == null ? '0' : $report_product->max_cap }} </p>
                                    </td>
   

                                </tr>
                                @endforeach
                        
                                </tbody>
                            </table>
                    </div>  
                    <div class="card-footer">
                        <div class="d-flex justify-content-center">
                            {{$report_products->links()}}
                        </div>
                        <div class="col-md-6 text-right">
                            <a href="{{ route('coor.show', $branches->id) }}" class="btn btn-danger"><i class="fas fa-arrow-left mr-1"></i>Back</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('layouts.footers.auth.footer')
    </div>
@endsection