@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(['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>

                                {!! Form::hidden('customer_address', null, [
                                            'class' => 'form-control',
                                            'id' => 'customer_address',
                                            'type' => 'text',
                                            'readonly',
                                            'autocomplete' => 'off',
                                        ]) !!}

                                <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', 'Chalan 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('work_order_po_number', 'Work Order/PO Number:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::text('work_order_po_number', null, ['class' => 'form-control', 'id' => 'work_order_po_number']) !!}
                                        <p id='work_order_po_numbere' style="max-height:3px; color:red;"></p>
                                    </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" style="display: none;">
                                    {!! 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>
                            <!-- Sales Information Stop -->

                            <!-- Bill Information Start -->
                            <div class="col-md-6">

                                <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 class="form-group">
                                    {!! Form::label('delivery_location', 'Delivery Location:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::textarea('delivery_location', null, array('class'=>'form-control','rows'=>2, 'id' => 'delivery_location','placeholder' => 'Enter Delivery Location','autocomplete'=>'off')) !!}
                                        <p id='delivery_locatione' style="max-height:3px;"></p>
                                    </div>
                                </div>

                                <div class="form-group" style="display: none;">
                                    {!! 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']) !!}
                                        <input type="hidden" id='total_amount_for_dis' name='total_amount_for_dis' />

                                    </div>
                                </div>

                                <div class="form-group" style="display: none;">
                                    {!! 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>
                                        <input type="hidden" id='is_row_total_dis' name='is_row_total_dis'
                                            value="" />

                                        <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" style="display: none;">
                                    {!! 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" style="display: none;">
                                    {!! 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" style="display: none;">
                                    {!! 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" style="display: none;">
                                    {!! 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" style="display: none;">
                                    {!! 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 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" 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; width: 10%" class="col-sm-5">Product Barcode
                                            </th>
                                            @if ($isBarcodeStatus == 'false')
                                            <th style="text-align:center; width: 10%" class="col-sm-3">PID/IMEI Number
                                            </th>
                                            @endif
                                            <th style="text-align:center; width: 10%" class="col-sm-2">Qty</th>
                                            {{-- <th style="text-align:center; width: 15%" class="col-sm-1" colspan="2">
                                                Discount</th>
                                            <th style="text-align:center; width: 10%" class="col-sm-2">Price</th>
                                            <th style="text-align:center; width: 10%" class="col-sm-2">Discount Price</th>
                                            <th style="text-align:center; width: 10%" class="col-sm-2">Total</th> --}}
                                            <th style="text-align:center; width: 10%" class="col-sm-2">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            @if ($isBarcodeStatus == 'false')
                                            <td>
                                                <input type='text' class="form-control input-sm text-center"
                                                    id='product_barcode_id' name='product_barcode_id' readonly/>
                                                    <input type='hidden' class="form-control input-sm text-center"
                                                        id='product_id' name='product_id'/>
                                                {{-- <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%"
                                                    >
                                                    <option value="">Select PID/IMEI Number</option>
                                                </select> --}}
                                                <input type='text' class="form-control input-sm text-center product_pid"
                                                    id='product_pid' name='product_pid'/>
                                                <input type='hidden' class="form-control input-sm text-center"
                                                    id='product_pid_id' name='product_pid_id'/>
                                            </td>
                                            @else
                                            <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>
                                            @endif
                                            <td class="">
                                                <input type='number' class="form-control input-sm text-center"
                                                    id='product_qty' name='product_qty[]' value='@if ($isBarcodeStatus == 'false') 1 @endif' min="1"
                                                    @if ($isBarcodeStatus == 'false') readonly @endif />
                                                <input type='hidden' class="form-control input-sm text-center"
                                                    id='discount_row_id' name='discount_row_id[]' readonly />
                                                <input type='hidden' class="form-control input-sm text-center"
                                                    placeholder="%" id='discount_row_val' name='discount_row_val[]'
                                                    readonly />
                                                <input type='hidden' class="form-control input-md text-center"
                                                    id='discount_row_val_amount' name='discount_row_val_amount[]'
                                                    placeholder="TK." readonly />
                                                <input type='hidden' class="form-control input-sm text-center"
                                                    id='product_price' name='product_price[]' value=''
                                                    min="1" readonly />
                                                <input type='hidden' class="form-control input-sm text-center"
                                                    id='product_price_after_dis' name='product_price_after_dis[]'
                                                    value='' readonly />
                                                <input type='hidden' class="form-control input-sm text-center"
                                                    id='product_discount_val_amount' name='product_discount_val_amount[]'
                                                    value='' readonly />
                                                <input type='hidden' 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;" @if ($isBarcodeStatus == 'false') colspan="2"> @endif<strong>Total Quantity</strong>
                                            </td>
                                            <td style="text-align:center;" id='charTotalQuantity'></td>
                                            <td style="text-align:center;display: none;" id='charTotalDiscount'></td>
                                            <td style="text-align:center;display: none;" id='charTotalDiscountAmount'></td>
                                            {{-- <input type="hidden" id='charTotalDiscountAmount' /> --}}
                                            <td style="text-align:center;display: none;" class="hidden"><strong>Total Amount</strong>
                                            </td>
                                            <td style="text-align:right;display: none;" colspan="2"><strong>Total Amount</strong>
                                            </td>
                                            <td style="text-align:center;display: none;" 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('pos_sale_chalan_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 i = 0;
        var isBarcodeStatusJQ = {{ $isBarcodeStatus }};
        var companyTypeJQ = "{{ $companyType }}";
        $(document).ready(function() {

            $('#discount_percent').prop('readonly', true);
            $('#discount_amount').prop('readonly', true);
            $('#vat_percent').prop('readonly', true);
            $('#vat_amount').prop('readonly', true);

            var inputDate = $('#transaction_date');
            var branchSearchId = $('#branch_id');
            if(companyTypeJQ == 'TRDG'){
                $(inputDate).datepicker({
                    changeMonth: true,
                    changeYear: true,
                    dateFormat: 'dd-mm-yy',
                    onSelect: function () {
                        var selectedDate = $(this).val(); // or use .datepicker('getDate') for a Date object
                        var branch_id = branchSearchId.val();
                        var $input = $(this); // Save reference to the input
                        $.ajax({
                            type: 'post',
                            url: '{{url("/pos/branchActiveDateCheckWhichSuitable")}}',
                            data: { branch_id: branch_id, selectedDate: selectedDate},
                            dataType: 'json',
                            success: function(_response) {
                                if (_response) {
                                    // $("#purchase_date").datepicker("option", "maxDate", _response.branchActiveDate);
                                    $input.val(_response); // Use saved reference here
                                    // console.log("Set value:", _response);
                                }
                            },
                            error: function (xhr, status, error) {
                                console.error('AJAX Error:', error);
                            }
                        });
                    }
                });
            }

            $(document).on('keydown', '.product_pid', function(e) {
                // On Enter or Tab key
                if (e.key === 'Enter' || e.key === 'Tab') {
                    e.preventDefault(); // Prevent default tab behavior if needed
                    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/sale/chalanSale/createChalanSale.blade.php:538
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/pos/transaction/sale/chalanSale/createChalanSale.blade.php</b> on line <b>538</b><br />