@extends('layout.default')
@section('styles')
    <link href="{{ asset('css/modules/customer/handsontable.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('css/modules/customer/pikaday.css') }}" rel="stylesheet" type="text/css"/>
    <style type="text/css">
        #bulk-import-products {
            width: auto;
            height: 303px;
            overflow: hidden;
        }

        #bulk-import-products .ht_clone_top, .ht_clone_left, .ht_clone_top_left_corner {
            z-index: 1;
        }
    </style>
@endsection
@section('subheaderRightToolbar')
    @PermissionsCan('customer.index')
    <a href="{{ route('customer.index') }}"
       class="btn btn-light-primary font-weight-bolder mr-2">
        <i class="ki ki-long-arrow-back icon-sm"></i>Back(ESC)</a>
    @endPermissionsCan
    @PermissionsCan('customer.bulkimportstore')
    <div class="btn-group ml-2">
        <button type="submit" class="btn btn-primary font-weight-bolder"
                form="customer_bulk_import_form" id="bulk-store-customer-data-js">
            <i class="ki ki-check icon-sm"></i><u>S</u>ave & Continue
        </button>
    </div>
    @endPermissionsCan
    @PermissionsCan('customer.excel_export')
    <a href="{{ route('customer.excel_export') }}?type=blank"
       class="btn btn-light-success font-weight-bolder ml-2">
        <i class="fa fa-file-download icon-sm"></i>Blank Excel</a>
    <!--end::Button-->
    @endPermissionsCan
@endsection
@section('content')
    <div class="card card-custom card-sticky" id="kt_page_sticky_card">
        <div class="card-body" id="load-section-js">
            <form class="form" id="customer_bulk_import_form" data-method="post"
                  data-url="{{ route('customer.bulkimportstore') }}"
                  enctype="multipart/form-data">
                <div class="row pb-3">
                    <div class="col-xl-3">
                        <b>Supply Type :</b> (Interstate, Intrastate, Exports)
                    </div>
                    <div class="col-xl-3">
                        <b>GST% Type :</b> (Invoice Wise, Intem Wise)
                    </div>
                    <div class="col-xl-3">
                        <b>Opening Balance Type :</b> (CR., DR.)
                    </div>
                </div>
                <div class="row pb-3">
                    <div class="col-xl-3">
                        <b>Status :</b> (Active, InActive)
                    </div>
                    <div class="col-xl-3">
                        <b>Consider in Account :</b> (Yes, No)
                    </div>
                    <div class="col-xl-3">
                        <b>A C Type :</b> (Yes, No)
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div id="error"></div>
                        <div id="bulk-import-products" class="handsontable"></div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript" src="{{ url('js/modules/customer/handson_table/handsontable.min.js') }}"></script>
    <script type="text/javascript" src="{{ url('js/modules/customer/handson_table/moment.js') }}"></script>
    <script type="text/javascript" src="{{ url('js/modules/customer/handson_table/pikaday.js') }}"></script>
    <script type="text/javascript" src="{{ url('js/modules/customer/handson_table/numbro.js') }}"></script>
    <script type="text/javascript"
            src="{{ asset('js/modules/customer/bulk_import.js?v='.time()) }}"></script>
@endsection