@extends('layouts.admin')

@section('content')
@if(Session::has('error_message'))
    <div class="alert alert-danger">
        {{ Session::get('error_message')}}
    </div>
@endif
<div class="card">
    <div class="card-header">
        Promoter Daily Sales Reports
    </div>
    <div class="card-body">
        <div class="form-group no-print">
            <form action="{{ route('admin.promoter-task-list-sales-reports.filterSalesReport') }}" method="GET">
                <div class="form-row d-flex align-items-center">
                    <div class="col-12 col-md-2">
                        <label class="required" for="date">Date</label>
                        <input class="form-control date {{ $errors->has('date') ? 'is-invalid' : '' }}" type="text" name="date" id="date" value="{{ old('date', request()->input('date')) }}" required>
                        @if($errors->has('date'))
                            <div class="invalid-feedback">
                                {{ $errors->first('date') }}
                            </div>
                        @endif
                    </div>
                    <div class="col-12 col-md-3">
                        <label class="required" for="employee">Promoter :</label>
                        <select class="form-control select2" name="promoter" id="promoter">
                            <option value="0" hidden>Select a promoter</option>
                            @foreach($promoters as $id => $promoter_name)
                                <option value="{{ $id }}" {{ request()->input('promoter') == $id ? 'selected' : '' }}>{{ $promoter_name }}</option>
                            @endforeach
                        </select>
                        @if($errors->has('employee'))
                            <div class="invalid-feedback">
                                {{ $errors->first('employee') }}
                            </div>
                        @endif
                    </div>
                    <div class="col-12 col-md-3">
                        <label class="required" for="available_store">Available Store :</label>
                        <select class="form-control select2" name="available_store" id="available_store">
                            <option value="0" hidden>Select a available store</option>
                            @foreach($availableStores as $id => $availableStorename)
                                <option value="{{ $id }}" {{ request()->input('available_store') == $id ? 'selected' : '' }}>{{ $availableStorename }}</option>
                            @endforeach
                        </select>
                        @if($errors->has('available_store'))
                            <div class="invalid-feedback">
                                {{ $errors->first('available_store') }}
                            </div>
                        @endif
                    </div>
                    <div class="col-12 col-md-2">
                        <button class="btn btn-success d-inline-block mt-2" type="submit">Filter</button>
                    </div>
                </div>
            </form>
        </div>
        {{-- @if (isset($productRecords))
            <div class="form-group">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th style="border: unset;"></th>
                                <th style="border: unset;"></th>
                                <th style="border: unset;"></th>
                                <th colspan="8">Sales in Unit</th>
                                <th style="border: unset;"></th>
                            </tr>
                            <tr>
                                <th>PT Code</th>
                                <th>SKU Description</th>
                                <th>Opening Stock (Unit)</th>
                                @foreach ($days as $day => $dayName)
                                    <th>{{ $dayName }}</th>
                                @endforeach
                                <th>Total Sales (Unit)</th>
                                <th>Closing Stock (Unit)</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($productRecords as $key => $productRecord)
                                <tr>
                                    <td>{{ $productRecord->product_code }}</td>
                                    <td>{{ $productRecord->name }}</td>
                                    <td>{{ $productRecord->opening_stock }}</td>
                                    @foreach ($days as $day => $dayName)
                                        <td>
                                        @foreach ($productRecord->sales_quantities as $sqKey => $record)
                                            @if($record->DAY == $day)
                                                {{ $record->o_qty }}
                                            @endif
                                        @endforeach
                                        </td>
                                    @endforeach
                                    <td>{{ $productRecord->total_sales }}</td>
                                    <td>{{ $productRecord->closing_stock }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif --}}
        @if (isset($productRecords) && $productRecords->isNotEmpty())
        <div class="print-only">
            <div class="form-group">
                <div class="row">
                    @if (request()->input('date'))
                        <div class="col-md-6">
                            <label>Date : {{ request()->input('date') }}</label>
                        </div>
                    @endif
                    @if (isset($availableStore))
                        <div class="col-md-6">
                            <label>Available Store : {{ $availableStore->store_name }}</label>
                        </div>
                    @endif
                </div>
            </div>
            @if (isset($promoter))
                <div class="form-group">
                    <label>Promoter : {{ $promoter->name }}</label>
                </div>
            @endif
            <div class="form-group">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th style="border: unset;"></th>
                                <th style="border: unset;"></th>
                                <th style="border: unset;"></th>
                                <th colspan="8" class="text-center">Sales in Unit</th>
                                <th style="border: unset;"></th>
                            </tr>
                            <tr>
                                <th>SKU Code</th>
                                <th>SKU Description</th>
                                <th>Opening Stock (Unit)</th>
                                @foreach ($days as $day => $dayName)
                                    <th>{{ $dayName }}</th>
                                @endforeach
                                <th>Total Sales (Unit)</th>
                                <th>Closing Stock (Unit)</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($productRecords as $key => $productRecord)
                                <tr>
                                    <td>{{ $productRecord->product_code }}</td>
                                    <td>{{ $productRecord->product_name }}</td>
                                    <td>{{ $productRecord->o_qty }}</td>
                                    @foreach ($days as $day => $dayName)
                                        {{-- @if ($day == $productRecord->DAY)
                                            <td>{{ $productRecord->{$dayName} }}</td>
                                        @else
                                            <td></td>
                                        @endif --}}
                                        <td>{{ $productRecord->{$dayName} }}</td>
                                    @endforeach
                                    <td>{{ $productRecord->total_sales }}</td>
                                    <td>{{ $productRecord->b_qty }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="form-group no-print">
            {{-- <a class="btn btn-info" href="{{ route('admin.promoter-task-list-sales-reports.printSalesReport', ['date' => request()->input('date'), 'promoter' => request()->input('promoter'), 'available_store' => request()->input('available_store')]) }}">Print</a> --}}
            <button class="btn btn-info" onclick="print_preview(); return false;">Print</button>
        </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();
    }

    $("#date").on('dp.change', function(e){
        let value = new Date($(this).val());

        let dateString = moment(value.toString()).format("YYYY-MM-DD");

        $.ajax({
            url: "{{ route('admin.promoter-task-list-sales-reports.selectFilter') }}?date=" + dateString,
            method: 'GET',
            success: function(data) {
                $('#promoter').html(data.promoter_html);
                $('#available_store').html(data.as_html);
            }
        });
    });

    $("#promoter").change(function(){
        let available_store_value = $('#available_store').val();
        if(!available_store_value || available_store_value == 0)
        {
            $.ajax({
                url: "{{ route('admin.promoter-task-list-sales-reports.selectFilter') }}?promoter_id=" + $(this).val() + "&date=" + $("#date").val(),
                method: 'GET',
                success: function(data) {
                    $('#available_store').html(data.html);
                }
            });
        }
    });

    $("#available_store").change(function(){
        let promoter_value = $('#promoter').val();
        if(!promoter_value || promoter_value == 0)
        {
            $.ajax({
                url: "{{ route('admin.promoter-task-list-sales-reports.selectFilter') }}?available_store_id=" + $(this).val() + "&date=" + $("#date").val(),
                method: 'GET',
                success: function(data) {
                    $('#promoter').html(data.html)
                }
            });
        }
    });
</script>
@endsection