@extends('layouts/pos_layout')
@section('title', '| ' . $pageTitle)
@section('content')

    <div class="row add-data-form" style="padding-bottom:20px;">
        <div class="col-md-12">
            <div class="col-md-1"></div>
            <div class="col-md-10 fullbody">
                <div class="viewTitle" style="border-bottom: 1px solid white;">
                    <a href="{{ route('pos_order_list') }}" class="btn btn-info pull-right addViewBtn"><i
                            class="glyphicon glyphicon-th-list viewIcon">
                        </i>Order List</a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">Add Order</div>
                    </div>
                    <div class="panel-body">
                        {!! Form::open(['url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups', 'id' => 'orderForm']) !!}

                        <div class="row">
                            <div class="col-md-6">

                                <div class="form-group">
                                    {!! Form::label('billNo', 'Bill No:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('order_bill_no', $value = $nextOrderBillNo, [
                                            'class' => 'form-control',
                                            'id' => 'order_no',
                                            'type' => 'text',
                                            'readonly',
                                            'autocomplete' => 'off',
                                        ]) !!}
                                        <p id='order_bill_noe' style="max-height:3px;"></p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('order_date', 'Date:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('order_date', $branch_active_date, [
                                            'class' => 'form-control',
                                            'id' => 'order_date',
                                            'readonly',
                                            'autocomplete' => 'off',
                                        ]) !!}
                                        <p id='order_datee' style="max-height:3px;"></p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('from_branch_id', 'From Branch:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::select('from_branch_id', $fromBranches, null, [
                                            'class' => 'form-control custom-select2',
                                            'id' => 'from_branch_id',
                                            'placeholder' => 'Select Branch',
                                            'required' => 'required',
                                            'autocomplete' => 'off',
                                        ]) !!}
                                        <p id='from_branch_ide' style="max-height:3px;"></p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('requisition_from_branch_id', 'Requisition From Branch:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::select('requisition_from_branch_id', $toBranches, 1, [
                                            'class' => 'form-control custom-select2',
                                            'id' => 'requisition_from_branch_id',
                                            'placeholder' => 'Select Branch',
                                            'autocomplete' => 'off',
                                        ]) !!}
                                        <p id='requisition_from_branch_ide' style="max-height:3px;"></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">

                                <div class="form-group">
                                    {!! Form::label('supplier_id', 'To Supplier:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::select('supplier_id', $suppliers, null, [
                                            'class' => 'form-control custom-select2',
                                            'id' => 'supplier_id',
                                            'placeholder' => 'Select Supplier',
                                            'required' => 'required',
                                            'autocomplete' => 'off',
                                        ]) !!}
                                        <p id='supplier_ide' style="max-height:3px;"></p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('remarks', 'Remarks:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::textarea('remarks', null, [
                                            'class' => 'form-control',
                                            'rows' => 2,
                                            'id' => 'remarks',
                                            'placeholder' => 'Enter Remarks',
                                            'autocomplete' => 'off',
                                        ]) !!}
                                        <p id='remarkse' style="max-height:3px;"></p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('total_quantity', 'Total Quantity:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('total_quantity', null, [
                                            'class' => 'form-control numeric',
                                            'id' => 'total_quantity',
                                            'readonly',
                                            'min' => '0',
                                            'autocomplete' => 'off',
                                        ]) !!}
                                        <p id='total_quantitye' style="max-height:3px; color:red;"></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- filtering -->
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('group_id', 'Group:', ['class' => 'control-label col-sm-12']) !!}
                                    <div class="col-sm-12">
                                        <select name="group_id" class="form-control input-sm custom-select2" id="group_id">
                                            <option value="">Select Group</option>
                                            @foreach ($group_names as $group)
                                                <option value="{{ $group->id }}">{{ $group->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('category_id', 'Category:', ['class' => 'control-label col-sm-12']) !!}
                                    <div class="col-sm-12">
                                        <select name="category_id" class="form-control input-sm custom-select2"
                                            id="category_id">
                                            <option value="">Select Category</option>
                                            @foreach ($category_names as $category)
                                                <option value="{{ $category->id }}">{{ $category->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('sub_category_id', 'Subcatagory:', ['class' => 'control-label col-sm-12 ']) !!}
                                    <div class="col-sm-12">
                                        <select name="sub_category_id" class="form-control input-sm custom-select2"
                                            id="sub_category_id">
                                            <option value="">Select Sub Category</option>
                                            @foreach ($sub_category_names as $sub_category)
                                                <option value="{{ $sub_category->id }}">{{ $sub_category->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('brand_id', 'Brand:', ['class' => 'control-label col-sm-12'], false) !!}
                                    <div class="col-sm-12">
                                        <select name="brand_id" class="form-control input-sm custom-select2" id="brand_id">
                                            <option value="">Select Brand</option>
                                            @foreach ($brand_names as $brand)
                                                <option value="{{ $brand->id }}">{{ $brand->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            {{-- <div class="col-md-3">
                            <div class="form-group">
                                {!! Form::label('model_id', 'Model:', ['class' => 'control-label col-sm-12 ']) !!}
                                <div class="col-sm-12">
                                    <select name="model_id" class="form-control input-sm custom-select2" id="model_id">
                                        <option value="">Select Model</option>
                                        @foreach ($model_names as $model)
                                        <option value="{{$model->id}}">{{$model->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div> --}}
                        </div>
                        <!-- filtering end-->

                        <div class="row">
                            <div class="col-md-12">
                                <table id="addProductTable" class="table table-bordered responsive addProductTable">
                                    <thead>
                                        <tr class="">
                                            <th style="text-align:center;color: #ffffff !important" class="col-sm-2">Branch
                                                Name</th>
                                            <th style="text-align:center;color: #ffffff !important" class="col-sm-2">Model
                                                Name</th>
                                            <th style="text-align:center;color: #ffffff !important" class="col-sm-2">Product
                                                Name</th>
                                            <th style="text-align:center;color: #ffffff !important" class="col-sm-2">Stock
                                            </th>
                                            <th style="text-align:center;color: #ffffff !important" class="col-sm-2">Qty
                                            </th>
                                            <th style="text-align:center;color: #ffffff !important" class="col-sm-1">Remove
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td colspan="2">
                                                <select name="model_id" class="form-control input-sm custom-select2"
                                                    id="model_id">
                                                    <option value="">Select Model</option>
                                                    @foreach ($model_names as $model)
                                                        <option value="{{ $model->id }}">{{ $model->name }}</option>
                                                    @endforeach
                                                </select>
                                                {{-- <select name="product_id" class="form-control input-sm custom-select2" id="product_id" style="width: 100%">
                                                <option value="">Select product</option>
                                                @foreach ($products as $product)
                                                    <option value="{{$product->id}}">{{$product->barcode}}</option>
                                                @endforeach
                                            </select> --}}
                                            </td>
                                            <td id='product_name_read_only'></td>
                                            <td id='product_stock_read_only'></td>
                                            <td class="">
                                                <input autocomplete="off" type='hidden'
                                                    class="form-control input-sm text-center" id='product_id_read_only'
                                                    name='product_id_read_only[]' value=''
                                                    placeholder='Enter Product Id' />
                                                <input autocomplete="off" type='number'
                                                    class="form-control input-sm text-center" id='product_qty'
                                                    name='product_qty[]' value='' placeholder='Enter qty'
                                                    min="1" onkeyup="checkProductQty(this)"/>
                                            </td>
                                            <td><input style='text-align:center;border-radius:0;width:80px;'
                                                    id='add_product' class='btn btn-primary btn-xs' type='button'
                                                    name='add_product' value='Add Product' />
                                            </td>
                                        </tr>
                                        <tr class="">
                                            <td>
                                                <p class="hidden" id="modelIdError" style="color: red;">Model Field Is
                                                    Requrired</p>
                                                <p class="hidden" id="modelIde" style="color: red;">Model Name and
                                                    Quantity is required</p>
                                            </td>
                                            <td class=""></td>
                                            <td class=""></td>
                                            <td class=""></td>
                                            <td>
                                                <p class="hidden" id="qnttyError" style="color: red;">Product Qty Is
                                                    Required</p>
                                                <p class="hidden" id="productQuantitye" style="color: red;"></p>
                                            </td>
                                            <td class=""></td>

                                        </tr>
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td style="text-align:right;" colspan="4"><strong>Total Quantity</strong>
                                            </td>
                                            <td style="text-align:center;" id='totalQuantityFooter'></td>
                                            {{-- <td style="text-align:center;" id='productPriceShow' class="hidden"><strong>Total Amount</strong></td> --}}
                                            {{-- <td style="text-align:right;"><strong>Total Amount</strong></td> --}}
                                            {{-- <td style="text-align:center;" id='proTotalAmountShowFooter' class=""></td> --}}
                                            <input type="hidden" style="text-align:center;"
                                                id= 'proTotalAmountShowFooter' />
                                            <td></td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group" style="margin-top: 20px;">
                                    {!! Form::label('submit', ' ', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8 text-right">
                                        {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']) !!}
                                        <a href="{{ route('pos_order_list') }}" class="btn btn-danger closeBtn">Close</a>

                                    </div>
                                </div>
                            </div>
                        </div>
                        {!! Form::close() !!}
                        <span id="success" style="color:green; font-size:20px;" class="pull-right"></span>
                    </div>
                </div>
                <div class="footerTitle" style="border-top:1px solid white"></div>
            </div>
            <div class="col-md-1"></div>
        </div>
    </div>



    <script>
        var isProductRequisitionQtyLimitAllow = "{{ $isProductRequisitionQtyLimitAllow ? $isProductRequisitionQtyLimitAllow : '0' }}";
        
        function checkProductQty(v,rowId=null){
            if(rowId == null){
                var qty = parseInt($(v).val());
                var product_stock_read_only = ($('#product_stock_read_only').text()).trim();
                var qtyCanGive = 0;
                if(qty && isProductRequisitionQtyLimitAllow){
                    if(product_stock_read_only > 0){
                        qtyCanGive = parseInt((product_stock_read_only * isProductRequisitionQtyLimitAllow) / 100);
                        if(parseInt(qty) <= parseInt(qtyCanGive)){
                            $(v).val(qty);
                        }else{
                            $(v).val(qtyCanGive);
                            Swal.fire({
                                icon: 'warning',
                                title: 'Warning',
                                text: 'Out Of Stock',
                                showConfirmButton: true
                            })
                            return false;
                        } 
                    }else{
                        $(v).val(qty);
                    }
                }
            }else{
                var qty = parseInt(v);
                var product_stock_read_only = parseInt($('#apnProductStock'+rowId).val());
                var proQnt = $('#apnQnt'+rowId);
                var qtyValue = 0;
                var qtyGive = 0;
                if(qty && isProductRequisitionQtyLimitAllow){
                    if(product_stock_read_only > 0){
                        qtyCanGive = parseInt((product_stock_read_only * isProductRequisitionQtyLimitAllow) / 100);
                        console.log(product_stock_read_only,qtyCanGive,qty);
                        if(parseInt(qty) <= parseInt(qtyCanGive)){
                            proQnt.val(qty);
                        }else{
                            proQnt.val(qtyCanGive);
                            Swal.fire({
                                icon: 'warning',
                                title: 'Warning',
                                text: 'Out Of Stock',
                                showConfirmButton: true
                            })
                            return false;
                        } 
                    }else{                        
                        proQnt.val(qty);
                    }
                }
            }
        }

        function sumProductQty(v,rowId=null){
            var qty = $(v).val();
            checkProductQty(qty,rowId);
            var sum = 0;
            $(".apnQnt").each(function() {
                var value = $(this).text();
                sum += Number($(this).val());
                $('#total_quantity').val(sum);
                $('#totalQuantityFooter').text(sum);
            });
            // console.log(getQty);
        }

        $(document).ready(function() {

            $(".numeric").keypress(function(e) {
                $(this).val($(this).val().replace(/[^0-9\.]/g, ''));
                if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event
                        .which > 57)) {
                    $("#numericError").html("Digits Only").show().fadeOut("slow");
                    event.preventDefault();
                }
            });

            $("#order_date").datepicker({
                dateFormat: "dd-mm-yy",
                changeMonth: true,
                changeYear: true,
                maxDate: "0"
            });
            $("#order_date").datepicker().datepicker("setDate", new Date());


            var i = 0;
            $('#add_product').click(function() {
                var testx = '';

                // var product_id = $('#product_id').val();
                var model_id = $('#model_id').val();
                var product_model_name = $('#model_id option:selected').text();
                var requisition_from_branch_name = $('#requisition_from_branch_id option:selected').text();
                var requisition_from_branch_id = $('#requisition_from_branch_id').val();
                var product_name = $('#product_name_read_only').text();
                var product_id_read_only = $('#product_id_read_only').val();
                var product_stock = $('#product_stock_read_only').text();
                var product_qty = parseFloat($('#product_qty').val());
                var product_price = $('#product_price').val();
                var total_price = $("#total_price").val();
                var csrf = "<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /home/shikkhaplus/public_html/demo_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/addOrder.blade.php:412
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/addOrder.blade.php</b> on line <b>412</b><br />