@extends('layout.default')

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

@section('content')
    <div class="card card-custom card-sticky" id="kt_page_sticky_card">
        <div class="card-header">
            <div class="card-title">
                <h3 class="card-label">{{ $page_title }}</h3>
            </div>
            <div class="card-toolbar">
                @php
                    $favourite = \Modules\User\Entities\Favourite::where(['user_id'=> auth()->user()->id,'route_name' => request()->route()->getName()])->count();
                @endphp
                <button class="btn btn-{{ ($favourite === 0 ? 'info' : 'danger') }} font-weight-bolder add-to-favourite-js mr-2"
                        data-url="{{ route('user.favourite.make') }}"
                        data-title="Material Code Check"
                        data-activity="{{ ($favourite === 0 ? 'Create' : 'Remove') }}"
                        data-path="{{ request()->route()->getName() }}">
                    <i class="flaticon2-favourite"></i> {{ __(($favourite === 0 ? "Add to" : "Remove from")." Favourite ") }}
                </button>
                @PermissionsCan(groupPermissionName('material.index'))
                    <a href="{{ route('material.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(groupPermissionName('material.store'))
                    <div class="btn-group ml-2">
                        <button type="submit" class="btn btn-primary font-weight-bolder"
                                form="material_check_form" id="bulk-store-material-data-js">
                            <i class="ki ki-check icon-sm"></i><u>S</u>ave & Continue
                        </button>
                    </div>
                @endPermissionsCan
            </div>
        </div>

        <div class="card-body" id="load-section-js">
            <form class="form" id="material_check_form" data-method="post"
                  data-url="{{ route('material.store') }}"
                  enctype="multipart/form-data">
                <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/material/handson_table/handsontable.min.js') }}"></script>
    <script type="text/javascript" src="{{ url('js/modules/material/handson_table/moment.js') }}"></script>
    <script type="text/javascript" src="{{ url('js/modules/material/handson_table/pikaday.js') }}"></script>
    <script type="text/javascript" src="{{ url('js/modules/material/handson_table/numbro.js') }}"></script>
    <script type="text/javascript"
            src="{{ asset('js/modules/material/material_check.js?v='.time()) }}"></script>
@endsection