@extends('layouts.app')

@section('content')
<style>
.summary-table {
  font-size: 9pt;
  border-collapse: collapse;
  min-width: 800px;
}
.summary-table thead th {
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
  padding: 6px 8px;
  background: #343a40;
  color: #fff;
  position: sticky;
  top: 0;
  z-index: 2;
}
.summary-table tbody td {
  padding: 4px 8px;
  white-space: nowrap;
}
.text-right { text-align: right; }
.table-wrapper {
  overflow: auto;
  max-height: calc(100vh - 200px);
}
</style>

<div class="container">
    <h2 class="mb-4">Stock Summary Report</h2>

<main class="app-content">
    <div class="app-title">
        <div>
<form method="GET" action="{{ route('stocksummary.index') }}" class="row g-3 align-items-end mb-4">
        @csrf
        <div class="col-md-3">
            <label class="form-label">From Date:</label>
            <input type="date" name="fromDate" class="form-control"
                   value="{{ request('fromDate', \Carbon\Carbon::now()->startOfMonth()->format('Y-m-d')) }}" required>
        </div>
        <div class="col-md-3">
            <label class="form-label">To Date:</label>
            <input type="date" name="toDate" class="form-control"
                   value="{{ request('toDate', \Carbon\Carbon::now()->format('Y-m-d')) }}" required>
        </div>
        <div class="col-md-2 d-flex gap-2">
            <button type="submit" class="btn btn-primary">Generate</button>
            <button type="button" onclick="window.print()" class="btn btn-outline-success">Print</button>
        </div>
    </form>

    @isset($summaries)
        <div class="mb-2">
            <small>From {{ \Carbon\Carbon::parse($fromDate)->format('d M Y') }} to {{ \Carbon\Carbon::parse($toDate)->format('d M Y') }}</small>
        </div>

        <div class="table-wrapper">
            <table class="table table-bordered summary-table">
                <thead>
                    <tr>
                        <th>Sr.</th>
                        <th>Item Name</th>
                        <th class="text-right">Opening Qty</th>
                        <th class="text-right">Received</th>
                        <th class="text-right">Issue (Qty+Bonus)</th>
                        <th class="text-right">Closing Qty</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($summaries as $row)
                        <tr>
                            <td>{{ $row->sr }}</td>
                            <td>{{ $row->item_name }}</td>
                            <td class="text-right">{{ number_format($row->opening_qty, 0) }}</td>
                            <td class="text-right">{{ number_format($row->received, 0) }}</td>
                            <td class="text-right">{{ number_format($row->issued, 0) }}</td>
                            <td class="text-right">{{ number_format($row->closing_qty, 0) }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endisset
</div>
@endsection