@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-header">
        Total Outlet Sales Report
    </div>
    <div class="card-body">
        <div class="form-group no-print">
            <form>
                <div class="form-row d-flex align-items-center">
                    <div class="col-12 col-md-2">
                        <label class="required" for="date_from">Date From</label>
                        <input class="form-control date {{ $errors->has('date_from') ? 'is-invalid' : '' }}" type="text" name="date_from" id="date_from" value="{{ old('date_from', request()->input('date_from')) }}" required>
                        @if($errors->has('date_from'))
                            <div class="invalid-feedback">
                                {{ $errors->first('date_from') }}
                            </div>
                        @endif
                    </div>
                    <div class="col-12 col-md-2">
                        <label class="required" for="date_to">Date To</label>
                        <input class="form-control date {{ $errors->has('date_to') ? 'is-invalid' : '' }}" type="text" name="date_to" id="date_to" value="{{ old('date_to', request()->input('date_to')) }}" required>
                        @if($errors->has('date_to'))
                            <div class="invalid-feedback">
                                {{ $errors->first('date_to') }}
                            </div>
                        @endif
                    </div>
                    {{-- <div class="col-12 col-md-2">
                        <label class="required" for="employee">Merchandiser Name</label>
                        <select class="form-control" name="employee" id="employee">
                            <option value="0" hidden>Select an employee</option>
                            @foreach($employees as $id => $employee_name)
                                <option value="{{ $id }}" {{ request()->input('employee') == $id ? 'selected' : '' }}>{{ $employee_name }}</option>
                            @endforeach
                        </select>
                        @if($errors->has('employee'))
                            <div class="invalid-feedback">
                                {{ $errors->first('employee') }}
                            </div>
                        @endif
                    </div> --}}
                    <div class="col-12 col-md-2">
                        <button class="btn btn-success d-inline-block" type="submit">Filter</button>
                    </div>
                </div>
            </form>
        </div>
        @if (isset($productRecords) && $productRecords->isNotEmpty())
            <div class="form-group print-only">
                <div class="row">
                    @if (request()->input('date_from') && request()->input('date_to'))
                        <div class="col-md-6">
                            <label>Date From : {{ request()->input('date_from') }}</label>
                        </div>
                        <div class="col-md-6">
                            <label>Date To : {{ request()->input('date_to') }}</label>
                        </div>
                    @endif
                </div>
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th rowspan="3">Store Name</th>
                            </tr>
                            <tr>
                                @foreach ($products as $productKey => $product)
                                    <th>{{ $product->product_short_name }}</th>
                                @endforeach
                            </tr>
                            <tr>
                                @foreach ($products as $productKey => $product)
                                    <th>OUT</th>
                                @endforeach
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($productRecords as $store_name => $productRecord)
                                <tr>
                                    <td>{{ $store_name }}</td>
                                    {{-- @php
                                        $count = 0;
                                    @endphp --}}
                                    @foreach ($productRecord as $key => $record)
                                        <td>{{ $record->total_qty }}</td>
                                    @endforeach
                                    {{-- @if ($productDetail->count() < $productCount)
                                        <td></td>
                                    @endif --}}
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot class="thead-dark">
                            <tr>
                                <td>Total :</td>
                                @foreach ($totalRecords as $totalRecord)
                                    <td>{{ $totalRecord->s_qty }}</td>
                                @endforeach
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>

            <div class="form-group no-print">
                <button class="btn btn-info" onclick="print_preview(); return false;">Print</button>
            </div>
        @endif

        {{-- @if(isset($availableStoreData))
            <div class="form-group">
                <div class="table-responsive">
                    <table class="table table-bordered" id="table-report">
                        <thead>
                            <tr>
                                <th rowspan="3">PT Code</th>
                                <th rowspan="3">PT Name</th>
                                @foreach ($availableStoreData as $store_name => $availableStore)
                                    @foreach ($availableStore as $promoter_name)
                                        <th class="p-0">
                                            <table class="table table-bordered m-0">
                                                <tr><td colspan="3" align="center">{{ $store_name }}</td></tr>
                                                <tr>
                                                    <td colspan="3" align="center">{{ $promoter_name }}</td>
                                                </tr>
                                                <tr>
                                                    <td style="width: 33.33%;">OB</td>
                                                    <td style="width: 33.33%;">OUT</td>
                                                    <td style="width: 33.33%;">BAL</td>
                                                </tr>
                                            </table>
                                        </th>
                                    @endforeach
                                @endforeach
                            </tr>
                        </thead>
                        <tbody>
                            <tbody>
                                @foreach ($reportData as $data)
                                    <tr>
                                        <td>{{ $data['product_code'] }}</td>
                                        <td>{{ $data['product_name'] }}</td>
                                        @foreach ($data['records'] as $record)
                                            <td class="p-0">
                                                <table class="table table-bordered m-0">
                                                    <tr>
                                                        <td>{{ $record['t_qty'] }}</td>
                                                        <td>{{ $record['o_qty'] }}</td>
                                                        <td>{{ $record['l_qty'] }}</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        @endforeach
                                    </tr>
                                @endforeach
                            </tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        @endif --}}
    </div>
</div>
@endsection

@section('scripts')
@parent
{{-- <script src="https://cdn.jsdelivr.net/npm/chart.js@3.7.1/dist/chart.min.js"></script> --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
<script type="text/javascript">
    function print_preview()
    {
        window.print();
    }
</script>
@endsection