@extends('layouts.promoter')
@section('content')

<form method="POST" action="{{ route("promoter.time-entries.update", [$timeEntry->id]) }}" enctype="multipart/form-data">
@method('PUT')
@csrf
    <div class="card">
        <div class="card-header">
            {{ trans('global.edit') }} Attendance Record
        </div>

        <div class="card-body">
            <table class="table table-bordered table-striped">
                <tbody>
                    <tr>
                        <th>
                            {{ trans('cruds.timeEntry.fields.id') }}
                        </th>
                        <td>
                            {{ $timeEntry->id }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.timeEntry.fields.date') }}
                        </th>
                        <td>
                            {{ $timeEntry->date ?? '' }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.timeEntry.fields.ptl_no') }}
                        </th>
                        <td>
                            {{ $timeEntry->promoterTaskList ? $timeEntry->promoterTaskList->ptl_no : '' }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.timeEntry.fields.available_store') }}
                        </th>
                        <td>
                            {{ $timeEntry->promoterTaskList->availableStore ? $timeEntry->promoterTaskList->availableStore->store_name : '' }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.timeEntry.fields.state') }}
                        </th>
                        <td>
                            {{ $timeEntry->promoterTaskList->state ? $timeEntry->promoterTaskList->state->province_name : '' }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.timeEntry.fields.city') }}
                        </th>
                        <td>
                            {{ $timeEntry->promoterTaskList->city ? $timeEntry->promoterTaskList->city->city_name : '' }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.timeEntry.fields.time_start') }}
                        </th>
                        <td>
                            {{ $timeEntry->time_start }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.timeEntry.fields.time_end') }}
                        </th>
                        <td>
                            {{ $timeEntry->time_end }}
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            {{ trans('global.edit') }} Product Entry Records
        </div>
        <div class="card-body">
            <div class="form-group">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>{{ trans('cruds.productTimeEntry.fields.product_name') }}</th>
                                <th>{{ trans('cruds.productTimeEntry.fields.opening_qty') }}</th>
                                <th>{{ trans('cruds.productTimeEntry.fields.sales_qty') }}</th>
                                <th>{{ trans('cruds.productTimeEntry.fields.balance_qty') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($timeEntry->productTimeEntries as $key => $productTimeEntry)
                                <tr>
                                    <td data-name="Name">{{ $productTimeEntry->product ? $productTimeEntry->product->product_name : '' }}</td>
                                    <td data-t-qty="T.Qty" data-o-qty-value="{{ $productTimeEntry->o_qty }}">
                                        <input class="form-control {{ $errors->has('promoter-task-list-products.'.$productTimeEntry->id.'.o_qty') ? 'is-invalid' : '' }}" type="number" step="1" name="promoter-task-list-products[{{ $productTimeEntry->id }}][o_qty]" id="promoter-task-list-products.{{ $productTimeEntry->id }}.o_qty" value="{{ old('promoter-task-list-products.'.$productTimeEntry->id.'.o_qty', $productTimeEntry->o_qty) }}">
                                        @error('promoter-task-list-products.'.$key.'.o_qty')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </td>
                                    <td data-o-qty="O.Qty" data-s-qty-value="{{ $productTimeEntry->s_qty }}">
                                        <input class="form-control {{ $errors->has('promoter-task-list-products.'.$productTimeEntry->id.'.s_qty') ? 'is-invalid' : '' }}" type="number" step="1" name="promoter-task-list-products[{{ $productTimeEntry->id }}][s_qty]" id="promoter-task-list-products.{{ $productTimeEntry->id }}.s_qty" value="{{ old('promoter-task-list-products.'.$productTimeEntry->id.'.s_qty', $productTimeEntry->s_qty) }}">
                                        @error('promoter-task-list-products.'.$key.'.s_qty')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </td>
                                    <td data-l-qty="L.Qty" data-b-qty-value="{{ $productTimeEntry->b_qty }}">
                                        <input class="form-control {{ $errors->has('promoter-task-list-products.'.$productTimeEntry->id.'.b_qty') ? 'is-invalid' : '' }}" type="number" step="1" name="promoter-task-list-products[{{ $productTimeEntry->id }}][b_qty]" id="promoter-task-list-products.{{ $productTimeEntry->id }}.b_qty" value="{{ old('promoter-task-list-products.'.$productTimeEntry->id.'.b_qty', $productTimeEntry->b_qty) }}">
                                        @error('promoter-task-list-products.'.$key.'.b_qty')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" align="center">No product data available in table</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                    <div class="form-group">
                        <button class="btn btn-danger" type="submit">Save</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection

@section('scripts')
<script type="text/javascript">
    $(function() {
        $("[id$='o_qty']").keyup(function(e) {
            let id = $(this).attr('id');

            let old_o_qty = $(this).parent().data('o-qty-value');
            let o_qty = Number.parseInt($(this).val());
            let s_qty = Number.parseInt($(this).parent().next('td').find('input').val());
            let b_qty = o_qty - s_qty;

            if(o_qty < s_qty)
            {
                Swal.fire({
                    icon: 'error',
                    title: 'The opening quantity cannot less than the sales quantity!',
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 3000,
                    timerProgressBar: true,
                });

                $(this).parent().attr('data-o-qty-value', old_o_qty);
                document.getElementById(id).value = old_o_qty;
            }
            else
            {
                $(this).parent().attr('data-o-qty-value', $(this).val());
                $(this).parent().next('td').next('td').attr('data-b-qty-value', b_qty);
                $(this).parent().next('td').next('td').find('input').val(b_qty);

                document.getElementById(id).setAttribute('value', $(this).val());
            }
        });

        $("[id$='s_qty']").keyup(function(e){
            let o_qty = $(this).parent().prev('td').find('input').val();
            o_qty = Number.parseInt(o_qty);
            let old_s_qty = $(this).parent().data('s-qty-value');
            let s_qty = Number.parseInt($(this).val());
            let b_qty = o_qty - s_qty;

            if(s_qty > o_qty)
            {
                Swal.fire({
                    icon: 'error',
                    title: 'The sales quantity cannot exceed the opening quantity!',
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 3000,
                    timerProgressBar: true,
                });

                $(this).parent().attr('data-s-qty-value', old_s_qty);

                $(this).parent().find('input').val(old_s_qty);
                // $(this).val(0);
            }
            else
            {
                if(!isNaN(s_qty))
                {
                    b_qty = o_qty - s_qty;

                    $(this).parent().attr('data-s-qty-value', s_qty);
                    $(this).parent().next('td').attr('data-b-qty-value', b_qty);
                    $(this).parent().next('td').find('input').val(b_qty);
                }
            }
        });
    });
</script>
@endsection