@extends('layouts/pos_layout')
@section('title', '|' . $moduleTitle)
@section('style')
    <style type="text/css">
        .min-height-textarea {
            min-height: 60px;
        }
    </style>
@endsection
@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($module . '_list') }}" class="btn btn-info pull-right addViewBtn"><i
                            class="glyphicon glyphicon-th-list viewIcon">
                        </i>{{ $moduleLinkTitle }}</a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">{{ $moduleTitle }}</div>
                    </div>
                    <div class="panel-body">
                        {!! Form::open([
                            'url' => '',
                            'role' => 'form',
                            'class' => 'form-horizontal form-groups',
                            'id' => 'purchaseForm',
                        ]) !!}

                        <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('billNo', $value = $billNo, [
                                            'class' => 'form-control',
                                            'id' => 'purchase_no',
                                            'type' => 'text',
                                            'readonly',
                                            'autocomplete' => 'off',
                                        ]) !!}
                                        <p id='billNoe' style="max-height:3px;"></p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('requisitionFrom', 'Requisition From:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::select('requisitionFrom', $branches, null, [
                                            'class' => 'form-control',
                                            'id' => 'requisitionFrom',
                                            'placeholder' => 'Select Branch',
                                            'required' => 'required',
                                        ]) !!}
                                        <p id='requisitionFrome' style="max-height:3px;"></p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('requisitionTo', 'Requisition To:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::select('requisitionTo', $requisitionBranches, null, [
                                            'class' => 'form-control',
                                            'id' => 'branch_id',
                                            'placeholder' => 'Select Branch',
                                            'required' => 'required',
                                        ]) !!}
                                        <p id='branch_ide' style="max-height:3px;"></p>
                                    </div>
                                </div>


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




                            </div>

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


                                <div class="form-group">
                                    {!! Form::label('total_amount', 'Total Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('total_amount', null, [
                                            'class' => 'form-control numeric',
                                            'id' => 'total_amount',
                                            'readonly',
                                            'min' => '0',
                                        ]) !!}
                                        <p id='total_amounte' style="max-height:3px; color:red;"></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::number('total_quantity', null, [
                                            'class' => 'form-control numeric',
                                            'id' => 'total_quantity',
                                            'readonly',
                                            'min' => '0',
                                        ]) !!}
                                        <p id='total_quantitye' style="max-height:3px; color:red;"></p>
                                    </div>
                                </div>


                                <div class="form-group">
                                    {!! Form::label('total_stock', 'Stock:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('total_stock', null, [
                                            'class' => 'form-control numeric',
                                            'id' => 'total_stock',
                                            'readonly',
                                            'min' => '0',
                                        ]) !!}
                                        <p id='total_stocke' 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" 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" 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" 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('model_id', 'Model:', ['class' => 'control-label col-sm-12']) !!}
                                    <div class="col-sm-12">
                                        <select name="model_id" class="form-control input-sm" 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;" class="col-sm-2">Product Name</th>
                                            <th style="text-align:center;" class="col-sm-2">Brand</th>
                                            <th style="text-align:center;" class="col-sm-2">Model</th>
                                            <th style="text-align:center;" class="col-sm-1">Qty</th>
                                            <th style="text-align:center;" class="col-sm-2">Price</th>
                                            <th style="text-align:center;" class="col-sm-2">Total</th>
                                            <th style="text-align:center;" class="col-sm-1">Remove</th>
                                        </tr>
                                    </thead>
                                    <tbody id="addProductTableBody">
                                        <tr>

                                            <td>
                                                <select name="product_id" class="form-control input-sm custom-select2"
                                                    id="product_id">
                                                    <option value="">Select product</option>
                                                    @foreach ($products as $product)
                                                        <option value="{{ $product->id }}">{{ $product->barcode }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td class="">
                                                <input type='text' class="form-control input-sm text-center"
                                                    id='product_brand' name='product_brand[]' readonly />
                                            </td>
                                            <td class="">
                                                <input type='text' class="form-control input-sm text-center"
                                                    id='product_model' name='product_model[]' readonly />
                                            </td>
                                            <td class="">
                                                <input type='number' class="form-control input-sm text-center"
                                                    id='product_qty' name='product_qty[]' value="1"
                                                    min="1" />
                                            </td>
                                            <td class="">
                                                <input type='number' class="form-control input-sm text-center"
                                                    id='product_price' name='product_price[]' value=''
                                                    min="1" readonly />
                                            </td>
                                            <td class="">
                                                <input type='number' class="form-control input-sm text-center"
                                                    id='total_price' name='total_price[]' value='' readonly />
                                            </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>

                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td style="text-align:right;" colspan="3"><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>
                                            <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 submit-btn']) !!}
                                        <a href="{{ route($module . '_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>
        $(document).ready(function() {

            // ==========section for turn off instepct element
            // document.addEventListener('contextmenu', (e) => {
            //     e.preventDefault();
            // });
            // document.onkeydown = function(e) {
            //     if (event.keyCode == 123) {
            //         return false;
            //     }
            //     if (e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) {
            //         return false;
            //     }
            //     if (e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)) {
            //         return false;
            //     }
            //     if (e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)) {
            //         return false;
            //     }
            //     if (e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) {
            //         return false;
            //     }
            // }
            // ====================

            $(".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();
                }
            });

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

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

                var product_id = $('#product_id').val();
                var EMEI_name = $("#product_id option:selected").text();
                var EMEI_val = $("#product_id option:selected").val();
                var branch_name = $("#branch_id option:selected").text();
                var product_pid_id = $("#product_id option:selected").val();
                var product_barcode = $('#product_id option:selected').text();
                var product_name = $('#product_name_read_only').text();
                var product_model_read_only = $('#model_name_read_only').text();
                var product_model = $('#product_model').val();
                var product_brand = $('#product_brand').val();
                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/guk_bk/resources/views/pos/transaction/transferRequisition/create.blade.php:350
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/pos/transaction/transferRequisition/create.blade.php</b> on line <b>350</b><br />