@extends('layouts/pos_layout')
@section('title', '| ' . $data['pageTitle'])
@section('content')
    <style>
        .page-item.active .page-link {
            background-color: lightgrey !important;
            border: 1px solid black;
        }

        .page-link {
            color: black !important;
        }
    </style>
    <div class="row page-wrap">
        <div class="col-md-12">
            <div class="" style="">
                <div class=" ">
                    <div class="panel panel-default" style="background-color:#708090;">
                        <div class="panel-heading" style="padding-bottom:0px">
                            <div class="panel-title">
                                <h2>{!! $data['pageTitle'] !!}</h2>
                            </div>
                            <div class="panel-options">
                                <a href="{{ url('pos/product-sales-config/') }}"
                                    class="btn btn-info pull-right addViewBtn"><i
                                        class="glyphicon glyphicon-th-list viewIcon">
                                    </i>{!! $data['pageTitle'] !!} List</a>
                            </div>
                        </div>

                        <div class="panel-body panelBodyView">
                            @php
                                $searchElements = [['element' => 'group_id'], ['element' => 'category_id'], ['element' => 'sub_category_id'], ['element' => 'model_id']];

                            @endphp
                            @include('partials.searchPanel.main', ['searchElements' => $searchElements])


                            <div class="panel-body panelBodyView" id="productSaleConfigSave">
                                {{-- <div class="form-group" style="margin-right:5px;margin-bottom:10px;"> --}}
                                <div class="form-row">
                                    <div class="form-group col-md-2">
                                        <label> Effect Date:</label>&nbsp;&nbsp;
                                        <input type="text" class="form-control input-sm" id="effect_date"
                                            name="effect_date" autocomplete="off" required />

                                        <p id='effect_datee' style="max-height:3px;"></p>

                                    </div>
                                    <div class="form-group col-md-2">
                                        <label> Sales Type:</label>&nbsp;&nbsp;
                                        <select id="sales_type" class="form-control input-sm" name="sales_type"
                                            aria-placeholder="Select Type" required>
                                            <option value="">Select Please</option>
                                            @foreach ($data['salesTypeFor'] as $key => $salesType)
                                                <option value="<br />
<b>Warning</b>:  Undefined variable $key in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/pos/productConfig/productSaleSystem/create.blade.php</b> on line <b>56</b><br />
">{{ $salesType }}</option>
                                            @endforeach
                                        </select>
                                        <p id='sales_typee' style="max-height:3px;"></p>
                                    </div>
                                </div>
                                {{-- </div> --}}

                                <table class="table table-striped table-bordered table-condensed first-col-dark"
                                    id="datatable" style="width:100%;">
                                    <thead>
                                        <tr>
                                            <th width="5%" class="text-center  sorting_1">SL#</th>
                                            <th width="10" class="text-center  sorting_1">Product Name</th>
                                            <th width="10" class="text-center">Group</th>
                                            <th width="10" class="text-center">Category</th>
                                            <th width="10" class="text-center">Sub Category</th>
                                            <th width="10" class="text-center">Brand</th>
                                            <th width="10" class="text-center">Model</th>
                                            <th width="10" class="text-center">Size</th>
                                            <th width="10" class="text-center">Color</th>
                                            <th width="10" class="text-center">Cost Price</th>
                                            <th width="10" class="text-center">Action
                                                <input id="checkall" type="checkbox" onclick="toggle(this);" value="1"
                                                    style="width: 15px; height: 15px; background-color:green;">
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody id="table_data">

                                    </tbody>
                                    <p id='category_product_ide' style="max-height:3px;"></p>

                                </table>
                                <div class="col-md-1" style="margin-top: 10px;float: right;text-align:right">
                                    <div class="form-group" style="font-size: 13px; color:black;">
                                        <input type="button" id="saveSaleConfig"
                                            class="btn btn-primary btn-xs saveSaleConfig" style="font-size:15px;"
                                            value="Save" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $("#effect_date").datepicker({
                changeMonth: true,
                changeYear: true,
                dateFormat: 'dd-mm-yy',
                onSelect: function() {
                    if (effect_date) {
                        $('#effect_datee').hide();
                    } else {
                        $('#effect_datee').show();
                    }
                }
            });
            getProductSystem();
            $('form').submit(function(event) {
                event.preventDefault();
                getProductSystem();
            });


            $(document).on('click', '.saveSaleConfig', function() {

                let effect_date = $('#effect_date').val();
                let sales_type = $('#sales_type').val();
                let checkall = $("#checkall").is(":checked");
                let csrf = "<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /home/shikkhaplus/public_html/demo_bk/resources/views/pos/productConfig/productSaleSystem/create.blade.php:130
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/pos/productConfig/productSaleSystem/create.blade.php</b> on line <b>130</b><br />