@extends('layouts/inventory_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('inventory_use_list')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                    </i>Use List</a>
            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-heading">
                    <div class="panel-title">{{ $pageTitle }}</div>
                </div>
                <div class="panel-body">
                    {!! Form::open(array('url' => '', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'useForm')) !!}

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

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

                         <div class="form-group">
                            {!! Form::label('projectId', 'Project:', ['class' => 'col-sm-4 control-label']) !!}
                            <div class="col-sm-8">
                                <select name="projectId" id="projectId" class="form-control custom-select2">
                                    <option value="">Select Project</option>
                                      @foreach($projectNames as $projectNmae)
                                        <option value="{{$projectNmae->id}}">{{$projectNmae->projectCode.'-'.$projectNmae->name}}</option>
                                      @endforeach
                                </select>
                                <p id='projectIde' style="max-height:3px;"></p>
                            </div>

                        </div>

                         <div class="form-group">
                            {!! Form::label('projectTypeId', 'Project Type:', ['class' => 'col-sm-4 control-label']) !!}
                            <div class="col-sm-8">
                                <select name="projectTypeId" id="projectTypeId" class="form-control custom-select2">
                                    <option value="">Select Project Type</option>
                                      @foreach($projectTypeNames as $projectTypeNmae)
                                        <option value="{{$projectTypeNmae->id}}">{{$projectTypeNmae->projectTypeCode.'-'.$projectTypeNmae->name}}</option>
                                      @endforeach
                                </select>
                                <p id='projectTypeIde' style="max-height:3px;"></p>
                            </div>

                        </div>

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

                        <div class="form-group">
                            {!! Form::label('current_stock', 'Current Stock:', ['class' => 'col-sm-4 control-label']) !!}
                            <div class="col-sm-8">
                                {!! Form::text('current_stock', null, ['class' => 'form-control numeric', 'id' => 'current_stock', 'readonly','min'=>'0','autocomplete'=>'off']) !!}
                                <p id='current_stocke' style="max-height:3px; color:red;"></p>
                            </div>
                        </div>

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

                            <div class="form-group">
                                {!! Form::label('use_type', 'Use place:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    <span style="padding-left: 10px">
                                    {!! Form::radio('use_type','employee', false, array('class' => 'employee','id' => 'employee')) !!}
                                    {!! Form::label('employee', 'Employee', ['class' => 'control-label']) !!}
                                </span>
                                  <span style="padding-left: 10px">
                                    {!! Form::radio('use_type','room', false, array('class' => 'room','id' => 'room')) !!}
                                    {!! Form::label('room', 'Room / Department', ['class' => 'control-label']) !!}
                                  </span>
                                    <p id='use_typee' style="max-height:3px;"></p>
                                </div>
                            </div>

                            <div class="form-group useTypeCls" id="hidShoWemployee">
                                {!! Form::label('employee_id', 'Employee:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    <select class ="form-control custom-select2" id = "employee_id" autocomplete="off" name="employee_id">
                                    <option value="">Select Employee</option>
                                        @foreach($toEmployees as $employee_id)
                                        <option value="{{$employee_id->id}}">{{$employee_id->nameWithCode}}</option>
                                        @endforeach
                                    </select>
                                    <p id='employee_ide' style="max-height:3px;"></p>
                                </div>
                            </div>

                            <div class="form-group useTypeCls" id="hidShoWroom">
                                {!! Form::label('room_id', 'Room:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::select('room_id', $roomList,null, ['class' => 'form-control custom-select2', 'id' => 'room_id','placeholder' => 'Select Room','autocomplete'=>'off']) !!}
                                    <p id='room_ide' style="max-height:3px;"></p>
                                </div>
                            </div>

                            <div class="form-group" id="departmentDiv" style="height: 100px !important">
                                {!! Form::label('department_id', 'Department:', ['class' => 'col-sm-4 control-label']) !!}
                                   <div class="col-sm-8">
                                        <select id="department_id" name="department_id[]" class="form-control custom-select2" multiple="multiple">
                                            @foreach ($departmentList as $department)
                                                <option value="{{$department->id}}" selected="selected">{{$department->name}}</option>
                                            @endforeach
                                        </select>
                                    </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, array('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>
                            <input type="hidden" id="total_amount" name="total_amount" class="form-control numeric" autocomplete="off"/>
                            <input type="hidden" id="discount_percent" name="discount_percent" class="form-control numeric" autocomplete="off"/>
                            <input type="hidden" id="discount_amount" name="discount_amount" class="form-control" autocomplete="off"/>
                            <input type="hidden" id="total_amount_after_discount" name="total_amount_after_discount" class="form-control" autocomplete="off"/>
                            <input type="hidden" id="vat_percent" name="vat_percent" class="form-control numeric" autocomplete="off"/>
                            <input type="hidden" id="vat_amount" name="vat_amount" class="form-control" autocomplete="off"/>
                            <input type="hidden" id="gross_total" name="gross_total" class="form-control" autocomplete="off"/>
                            <input type="hidden" id="pay_amount" name="pay_amount" class="form-control" autocomplete="off"/>
                            <input type="hidden" id="use_due" name="use_due" class="form-control" autocomplete="off"/>

                            {{-- <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','autocomplete'=>'off']) !!}
                                    <p id='total_amounte' style="max-height:3px; color:red;"></p>
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('discount', 'Discount:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    <div class="col-sm-5" style="padding-left: 0%">
                                        {!! Form::text('discount_percent', null, ['class' => 'form-control numeric col-sm-5', 'id' => 'discount_percent', 'placeholder'=>'%','min'=>'0','autocomplete'=>'off']) !!}
                                    </div>

                                    <div class="col-sm-7" style="padding-right: 0%; padding-left: 0%">
                                        {!! Form::text('discount_amount', null, ['class' => 'form-control col-sm-7 numeric', 'id' => 'discount_amount','min'=>'0','autocomplete'=>'off']) !!}
                                    </div>
                                    <p id='discount_amounte' style="max-height:3px;"></p>
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('total_amount_after_discount', 'T/A After Discount:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('total_amount_after_discount', null, ['class' => 'form-control', 'id' => 'total_amount_after_discount', 'readonly','min'=>'0','autocomplete'=>'off']) !!}
                                    <p id='total_amount_after_discounte' style="max-height:3px;"></p>
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('vat', 'VAT:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    <div class="col-sm-5" style="padding-left: 0%">
                                        {!! Form::text('vat_percent', null, ['class' => 'form-control numeric col-sm-5', 'id' => 'vat_percent', 'placeholder'=>'%','min'=>'0','autocomplete'=>'off']) !!}
                                    </div>

                                    <div class="col-sm-7" style="padding-right: 0%; padding-left: 0%">
                                        {!! Form::text('vat_amount', null, ['class' => 'form-control col-sm-7 numeric', 'id' => 'vat_amount', 'readonly','min'=>'0','autocomplete'=>'off']) !!}
                                    </div>
                                    <p id='vat_amounte' style="max-height:3px;"></p>
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('gross_total', 'Gross Total:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('gross_total', null, ['class' => 'form-control', 'id' => 'gross_total', 'readonly','min'=>'0','autocomplete'=>'off']) !!}
                                    <p id='gross_totale' style="max-height:3px;"></p>
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('pay_amount', 'Pay Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('pay_amount', null, ['class' => 'form-control numeric', 'id' => 'pay_amount','min'=>'0','autocomplete'=>'off']) !!}
                                    <p id='pay_amounte' style="max-height:3px;"></p>
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('use_due', 'Order Due:', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('use_due', null, ['class' => 'form-control numeric', 'id' => 'use_due','min'=>'0','autocomplete'=>'off']) !!}
                                    <p id='use_duee' style="max-height:3px;"></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('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-3">Barcode</th> --}}
                                        <th style="text-align:center;color: #ffffff !important" class="col-sm-4">Product Name</th>
                                        <th style="text-align:center;color: #ffffff !important" class="col-sm-4">Model Name</th>
                                        <th style="text-align:center;color: #ffffff !important" class="col-sm-3">Qty</th>
                                        {{-- <th style="text-align:center;color: #ffffff !important" class="col-sm-2">Price</th>
                                        <th style="text-align:center;color: #ffffff !important" class="col-sm-2">Total</th> --}}
                                        <th style="text-align:center;color: #ffffff !important" class="col-sm-1">Remove</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <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->name}}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                        {{-- <td id='product_name_read_only'></td> --}}
                                        <td id='model_name_read_only'></td>
                                        <td class="">
                                            <input autocomplete="off" type='number' class="form-control input-sm text-center" id='product_qty' name='product_qty[]' value='' placeholder='Enter qty' min="1" />
                                            <input autocomplete="off" type='hidden' class="form-control input-sm text-center" id='product_price' name='product_price[]' value='' placeholder='Enter product price' min="1" readonly />
                                            <input autocomplete="off" type='hidden' class="form-control input-sm text-center" id='total_price' name='total_price[]' value='' placeholder='Enter total price' 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>
                                    <tr class="">
                                        <td>
                                            <p class="hidden" id="productIdError" style="color: red;">Product Field Is Requrired</p>
                                            <p class="hidden" id="productIde" style="color: red;">Product Name and Quantity is required</p>
                                        </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="2"><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('inventory_use_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() {

        $("#employee_id").on('change', function(e){
            var employee_id = $('#employee_id').val();
            if(employee_id){ $("#room_id").val('');}
        });

        $("#room_id").on('change', function(e){
            var room_id = $('#room_id').val();
            if(room_id){ $("#employee_id").val('');}
        });

        $('.useTypeCls').hide();
        $('#departmentDiv').hide();

        $("input[name$='use_type']").click(function() {
            var test = $(this).val();
            $("div.useTypeCls").hide();
            $("#hidShoW"+test).show();

            if (test=='employee') {
                $("#departmentDiv").hide();
            }
            else{
                $("#departmentDiv").show();
            }
        });

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

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


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

            var product_id = $('#product_id').val();
            var product_barcode = $('#product_id option:selected').text();
            var product_name = $('#product_name_read_only').text();
            var product_model = $('#model_name_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/inventory_me/transaction/use/addUse.blade copy.php:431
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/inventory_me/transaction/use/addUse.blade copy.php</b> on line <b>431</b><br />