@extends('admin.master')
@section('title', 'Serial Tracker: ' . $serial_no)
@section('content')
<div class="container-fluid">
    <div class="row bg-title">
        <div class="col-lg-12">
            <h4 class="page-title">Tracking Results for: <span class="text-danger">{{ $serial_no }}</span></h4>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="white-box">
                <ul class="nav nav-tabs tabs-custom">
                    <li class="active"><a data-toggle="tab" href="#purchase">Purchase / Import</a></li>
                    <li><a data-toggle="tab" href="#sales">Sales</a></li>
                    <li><a data-toggle="tab" href="#transfer">Stock Transfer</a></li>
                    <li><a data-toggle="tab" href="#returns">Returns</a></li>
                    <li><a data-toggle="tab" href="#adjustment">Adjustments</a></li>
                </ul>

                <div class="tab-content m-t-20">
                    <div id="purchase" class="tab-pane fade in active">
    <div class="row" style="margin-top: 20px;">
        <div class="col-md-12">
            <h4 style="font-weight: bold; color: #00c292; border-bottom: 2px solid #00c292; padding-bottom: 5px; display: inline-block;">
                <i class="fa fa-shopping-cart"></i> Purchase & Sourcing History
            </h4>
            <div class="table-responsive m-t-10">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr class="tr_header">
                            <th class="text-center">S/L</th>
                            <th class="text-center">Date</th>
                            <th>Purchase Order No.</th>
                            <th>Purchase In No</th>
                            <th>Product Name</th>
                            <th class="text-center">Serial No.</th>
                            <th>Supplier Name</th>
                            <th>Warehouse</th> {{-- নতুন যুক্ত করা হয়েছে --}}
                            <th class="text-center">Action</th> {{-- ডিটেইলস দেখার জন্য --}}
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($data['purchase'] as $index => $p)
                        <tr>
                            <td class="text-center">{{ ++$index }}</td>
                            <td class="text-center">{{ date('d-M-Y', strtotime($p->date)) }}</td>
                            <td class="font-bold text-info">{{ $p->purchase_order_no ?? 'N/A' }}</td>
                            <td>{{ $p->invoice_code }}</td> {{-- এটিই আপনার Purchase In No --}}
                            <td>{{ $p->product_name }}</td>
                            <td class="text-center"><span class="label label-warning">{{ $p->serial_no }}</span></td>
                            <td>{{ $p->supplier_name }}</td>
                            <td>{{ $p->warehouse_name ?? 'Main Store' }}</td>
                            <td class="text-center">
                                <a href="{{ route('purchase.show', $p->purchase_id) }}" class="btn btn-xs btn-info" title="View Full Purchase">
                                    <i class="fa fa-eye"></i>
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="9" class="text-center text-danger" style="padding: 20px;">
                                <i class="fa fa-info-circle"></i> No purchase records found for this serial number.
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

                    <div id="sales" class="tab-pane fade">
                        <h4>Sales History</h4>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection