@extends('layouts.admin')


@push('styles')

<link rel="stylesheet" href="{{asset('plugins/fontawesome-free/css/all.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/select2/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css')}}">

<link rel="stylesheet" href="{{asset('plugins/icheck-bootstrap/icheck-bootstrap.min.css')}}">

<style>
    div.form-group {
        margin-bottom: 3px;
    }

    #unitname {
        position: relative;
        top: 11px;
    }

    #btn_looding {
        display: none;
    }
</style>

@endpush

@section('content')

<!-- Main content -->
<section class="content">
    <div class="container-fluid mt-4">
        <div class="row">
            <!-- left column -->
            <div class="col-md-12">
                <!-- jquery validation -->
                <div class="card card-info">
                    <div class="card-header">
                        <h3 class="card-title">Outlet Requisition Receive</h3>

                    </div>
                    <!-- /.card-header -->
                    <!-- form start -->

                    <div class="card-body">
                        <form id="userform" class="form-horizontal" method="GET" action="{{ route('inventory.receive') }}">
                            @csrf
                            <div class="row">

                                <div class="col-md-4">
                                    <div class="form-group row">
                                        <label for="reciDate" class="col-sm-3 col-form-label">Date: </label>
                                        <div class="col-sm-9">
                                            <div class="input-group date" id="reservationdate" data-target-input="nearest">
                                                <input type="text" class="form-control form-control-sm datetimepicker-input" data-target="#reservationdate" name="reciDate" id="reciDate" value="{{ $reciDate }}" placeholder="Enter Date" required />
                                                <div class="input-group-append" data-target="#reservationdate" data-toggle="datetimepicker">
                                                    <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                </div>


                                <div class="col-md-3 d-none">

                                    <div class="form-group row">
                                        <label for="outlet_id" class="col-sm-3 col-form-label">Outlet: </label>
                                        <div class="col-sm-9">

                                            <select id="outlet_id" name="outlet_id" class="form-control form-control-sm select2" style="width: 100%;">
                                                <option value="">Select Outlet</option>

                                                @foreach($outlet as $v)
                                                <option value="{{ $v->id }}" {{ ($v->id == auth()->user()->outlet_id) ? 'selected':''}}>{{ $v->outlet_name }}</option>
                                                @endforeach

                                            </select>

                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-3">

                                    <div class="form-group row">
                                        <label for="cat_id" class="col-sm-4 col-form-label">Category </label>
                                        <div class="col-sm-8">

                                            <select id="cat_id" name="cat_id" class="form-control form-control-sm" style="width: 100%;">
                                                <option value="">Select Category</option>
                                                @foreach($categories as $v)
                                                <option value="{{ $v->id }}">
                                                    {{ $v->cat_name }}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-1">
                                    <button type="submit" class="btn btn-primary btn-sm">Search</button>
                                </div>
                            </div>
                        </form>

                        <form id="userform" class="form-horizontal" method="POST" action="{{ route('inventory.receivedata') }}">

                            @csrf

                            <div class="row">

                                <div class="col-md-12">

                                    <table class="table table-sm">
                                        <thead>
                                            <tr>
                                                <th style="width: 10px">Sl</th>
                                                <th>Date</th>
                                                <th>Product</th>
                                                <th>Unit</th>
                                                <th>Despatch Qty.</th>
                                                <th>Price</th>
                                                <th>Rcv. Qty.</th>
                                                <th>Description</th>

                                            </tr>

                                        </thead>

                                        <tbody>
                                            @php
                                            $sl=1;
                                            @endphp
                                            @foreach($products as $pro)
                                            @php
                                            $des_date=date('d-m-Y', strtotime($pro->des_date));
                                            @endphp
                                            <tr>
                                                <td>{{ $sl++ }}</td>
                                                <td>{{ $des_date }}</td>
                                                <td>{{ $pro->product_name }}</td>
                                                <td>{{ $pro->unit_name }}</td>
                                                <td>{{ $pro->des_qty }}</td>
                                                <td>{{ $pro->unitprice }}</td>

                                                <td><input class="receiveQty form-control form-control-sm" style="width: 60px;height:25px;text-align:center;" type="text" name="receiveQty[]" value="{{ $pro->des_qty }}" readonly></td>
                                                <td>
                                                    <div class="form-group row">

                                                        <div class="col-sm-8">

                                                            <textarea class="form-control" id="description" rows="2" name="description[]" placeholder="Note" style="height: 50px;"></textarea>

                                                        </div>
                                                    </div>
                                                </td>
                                                <input type="hidden" name="des_id[]" value="{{ $pro->id }}">
                                                <input type="hidden" name="req_id[]" value="{{ $pro->req_id }}">
                                                <input type="hidden" name="cat_id[]" value="{{ $pro->cat_id }}">
                                                <input type="hidden" name="product_id[]" value="{{ $pro->product_id }}">
                                                <input type="hidden" name="unit_id[]" value="{{ $pro->unit_id }}">
                                                <input type="hidden" name="unitprice[]" value="{{ $pro->unitprice }}">
                                                <input type="hidden" name="outlet_id[]" value="{{ $pro->outlet_id }}">
                                            </tr>
                                            @endforeach
                                        </tbody>

                                        <tfoot>

                                    </table>

                                </div>


                            </div>
                            <!-- /.card-body -->
                            <div class="card-footer">

                                <button type="submit" class="btn btn-primary">Receive</button>

                            </div>

                        </form>

                    </div>
                    <!-- /.card -->
                </div>
                <!--/.col (left) -->
                <!-- right column -->
                <div class="col-md-6">

                </div>
                <!--/.col (right) -->
            </div>
            <!-- /.row -->
        </div><!-- /.container-fluid -->
</section>
<!-- /.content -->

@endsection

@push('scripts')
<script src="{{asset('plugins/select2/js/select2.full.min.js')}}"></script>
<script src="{{asset('plugins/moment/moment.min.js')}}"></script>
<script src="{{asset('plugins/inputmask/jquery.inputmask.min.js')}}"></script>
<script type="text/javascript">
    $(function() {


        $(".receiveQty").keyup(function() {

            var rcvQty = $(this).val();

            if ($(".reqQty").val()) {

                let reqQty = $(this).data("req");
                let pendingQty = $(this).data("reqpending");

                if ((+rcvQty > +reqQty) || (+rcvQty < 0)) {

                    alert('Please Enter Valid Amount!');

                    $(this).parent('td').parent('tr').find('.receiveQty').val('');
                    $(this).parent('td').parent('tr').find('.prndingQty').val('');
                    return false;

                } else {
                    if (pendingQty) {

                        if ((+pendingQty < +rcvQty) || (+pendingQty < 0)) {

                            alert('Please Enter Valid Amount!');
                            $(this).parent('td').parent('tr').find('.prndingQty').val(pendingQty);
                            $(this).parent('td').parent('tr').find('.receiveQty').val('');
                            return false;

                        } else {
                            var pending = pendingQty - rcvQty;
                            $(this).parent('td').parent('tr').find('.prndingQty').val(pending);
                        }

                    } else {
                        var pending = reqQty - rcvQty;
                        $(this).parent('td').parent('tr').find('.prndingQty').val(pending);
                    }

                }


            }


        });

        $('#reservationdate').datetimepicker({
            format: 'DD-MM-YYYY'
        });

        $('#reservationdate2').datetimepicker({
            format: 'DD-MM-YYYY'
        });


        //Initialize Select2 Elements
        $('.select2').select2();
        $('.myselect2').select2();

        //Initialize Select2 Elements
        $('.select2bs4').select2({
            theme: 'bootstrap4'
        })



        $(document).on('select2:open', () => {
            document.querySelector('.select2-search__field').focus();
        });


    });
</script>
@endpush