@extends('layouts/pos_layout')
@section('title', '| '.$moduleTitle)
@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(array('url' => '', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'formId')) !!}

                            <div class="row" id="step_1">
                                <!-- Customer Information Start -->
                                <div class="col-md-8">
                                    <div class="form-group">
                                        {!! Form::label('customer_id', 'Customer Id:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            <select name="customer_id" id="customer_id" class="form-control custom-select2">
                                                <option value="">Select Customer</option>
                                                @if($customers)
                                                    @foreach($customers as $customer)
                                                        <option value="{{ $customer->id }}" >{{ $customer->customer_id_no }}-{{ $customer->name }}-{{ $customer->phone }}</option>
                                                    @endforeach
                                                @endif
                                            </select>
                                            <p id='customer_ide' style="max-height:3px;"></p>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('customer_name', 'Customer Name:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('customer_name', null, ['class' => 'form-control', 'id' => 'customer_name', 'type' => 'text', 'readonly', 'autocomplete'=>'off']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('spouse_name', 'Spouse Name:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('spouse_name', null, ['class' => 'form-control', 'id' => 'spouse_name', 'type' => 'text', 'readonly', 'autocomplete'=>'off']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('mobile_no', 'Phone:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('mobile_no', null, ['class' => 'form-control', 'id' => 'mobile_no', 'type' => 'text', 'readonly', 'autocomplete'=>'off']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('national_id', 'National Id:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('national_id', null, ['class' => 'form-control', 'id' => 'national_id', 'type' => 'text', 'readonly', 'autocomplete'=>'off']) !!}
                                        </div>
                                    </div>

                                    <a class="btn btn-info pull-right" id="set_customer">Set Customer</a>

                                </div>
                                <!-- Customer Information Stop -->

                            </div>

                            <div class="row" id="step_2" hidden>
                                
                                <!-- Sales Information Start -->
                                <div class="col-md-6">

                                    <div class="form-group">
                                        {!! Form::label('customer', 'Customer:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('customer', null, ['class' => 'form-control', 'id' => 'customer', 'readonly']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('billNo', 'Bill No:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('bill_no', $salesBillNo, ['class' => 'form-control', 'id' => 'bill_no', 'type' => 'text', 'readonly', 'autocomplete'=>'off']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('transaction_date', 'Date:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('transaction_date', $branchActiveDate, ['class' => 'form-control', 'id' => 'transaction_date','readonly']) !!}
                                        </div>
                                    </div>
                                
                                    <div class="form-group">
                                        {!! Form::label('vat_chalan_no', 'Vat Chalan No:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('vat_chalan_no', null, ['class' => 'form-control', 'id' => 'vat_chalan_no']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('chalan_no', 'Chalan No:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('chalan_no', null, ['class' => 'form-control', 'id' => 'chalan_no']) !!}
                                            <p id='chalan_noe' style="max-height:3px; color:red;"></p>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('stock', 'Stock:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('stock', null, ['class' => 'form-control', 'id' => 'stock','readonly']) !!}
                                        </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', 'id' => 'total_quantity', 'readonly']) !!}
                                        </div>
                                    </div>

                                </div>
                                <!-- Sales Information Stop -->

                                <!-- Bill Information Start -->
                                <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', 'id' => 'total_amount', 'readonly']) !!}
                                        </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']) !!}
                                            </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']) !!}
                                            </div>
                                        </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']) !!}
                                        </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']) !!}
                                            </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', 'min'=>'0', 'readonly']) !!}
                                            </div>
                                        </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']) !!}
                                        </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']) !!}
                                            <p id='pay_amounte' style="max-height:3px;"></p>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('due_amount', 'Due Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('due_amount', null, ['class' => 'form-control numeric', 'id' => 'due_amount', 'readonly']) !!}
                                            <p id='due_amounte' style="max-height:3px;"></p>
                                        </div>
                                    </div>
                                
                                </div>
                                <!-- Bill Information Start -->

                            </div>

                            <!-- filtering -->
                            <div class="row" id="step_3" hidden>
                                
                                <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" id="step_4" hidden>
                                <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 Barcode</th>
                                            <th style="text-align:center;" class="col-sm-2">PID/IMEI Number</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">Action</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->barcode}}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td>
                                            <select name="product_pid_id" class="form-control input-sm custom-select2" id="product_pid_id" style="width: 100%" @if($isBarcodeStatus == 'true') disabled @endif>
                                                <option value="">Select PID/IMEI Number</option>
                                            </select>
                                        </td>
                                        <td class="">
                                            <input type='number' class="form-control input-sm text-center" id='product_qty' name='product_qty[]' value='1' min="1" readonly />
                                        </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="2"><strong>Total Quantity</strong></td>
                                            <td style="text-align:center;" id='charTotalQuantity'></td>
                                            <td style="text-align:center;" class="hidden"><strong>Total Amount</strong></td>
                                            <td style="text-align:right;"><strong>Total Amount</strong></td>
                                            <td style="text-align:center;" id='chartTotalAmount' class=""></td>
                                            <td></td>
                                        </tr>
                                    </tfoot>
                                </table>
                                </div>
                                <div class="col-md-0"></div>
                            </div>

                            <br>
                            <div class="row" id="step_5" hidden>

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

                                    <div class="form-group">
                                        {!! Form::label('submit', ' ', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8 text-right" style="">
                                            {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info submit-btn']); !!}
                                            <a href="{{route('sale_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(){

        $('#customer_id').change(function()
        {   
            var customerId = $(this).val();

            if(customerId)
            {   
                $.ajax({
                    type: 'post',
                    url: '{{ route("get_customer_info") }}',
                    data: {
                        '_token': $('input[name=_token]').val(),
                        'customerId': customerId              
                    },
                    success: function(_response) 
                    {   
                        $('#customer_name').val(_response.data.name);
                        $('#spouse_name').val(_response.data.spouse_name);
                        $('#mobile_no').val(_response.data.phone);
                        $('#national_id').val(_response.data.national_id);
                    }
                });
            }
            else
            {
                $('#customer_name').val('');
                $('#spouse_name').val('');
                $('#mobile_no').val('');
                $('#national_id').val('');
            }
        });

        $('#set_customer').click(function()
        {   
            customer = $("#customer_id").val();

            if(customer)
            {
                $("#step_1").hide();  
                $("#step_2, #step_3, #step_4, #step_5").show();

                customer = $('#customer_name').val();
                $('#customer').val(customer);

            }
            else
            {
                Swal.fire({
                  icon: 'error',
                  title: 'Customer is not selected',
                  text: 'Please select customer'
                });

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

        //  Start Product Barcode
        $("#product_id").change(function()
        {
            var product_id   = $('#product_id').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/sale_without_discount/createCashSale.blade.php:423
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/pos/transaction/sale_without_discount/createCashSale.blade.php</b> on line <b>423</b><br />