@extends('layout.default')

@section('styles')
    <link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css"/>
@endsection
@section('subheaderRightToolbar')
    @PermissionsCan(groupPermissionName('materialprice.bulk_import'))
    <a href="{{ route('materialprice.bulk_import') }}"
       class="btn btn-default font-weight-bolder ml-2">
                        <span class="svg-icon svg-icon-primary svg-icon-2x">
                            <svg
                                    xmlns="http://www.w3.org/2000/svg"
                                    width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                <polygon points="0 0 24 0 24 24 0 24"/>
                                <path d="M5.85714286,2 L13.7364114,2 C14.0910962,2 14.4343066,2.12568431 14.7051108,2.35473959 L19.4686994,6.3839416 C19.8056532,6.66894833 20,7.08787823 20,7.52920201 L20,20.0833333 C20,21.8738751 19.9795521,22 18.1428571,22 L5.85714286,22 C4.02044787,22 4,21.8738751 4,20.0833333 L4,3.91666667 C4,2.12612489 4.02044787,2 5.85714286,2 Z"
                                      fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                <path d="M8.95128003,13.8153448 L10.9077535,13.8153448 L10.9077535,15.8230161 C10.9077535,16.0991584 11.1316112,16.3230161 11.4077535,16.3230161 L12.4310522,16.3230161 C12.7071946,16.3230161 12.9310522,16.0991584 12.9310522,15.8230161 L12.9310522,13.8153448 L14.8875257,13.8153448 C15.1636681,13.8153448 15.3875257,13.5914871 15.3875257,13.3153448 C15.3875257,13.1970331 15.345572,13.0825545 15.2691225,12.9922598 L12.3009997,9.48659872 C12.1225648,9.27584861 11.8070681,9.24965194 11.596318,9.42808682 C11.5752308,9.44594059 11.5556598,9.46551156 11.5378061,9.48659872 L8.56968321,12.9922598 C8.39124833,13.2030099 8.417445,13.5185067 8.62819511,13.6969416 C8.71848979,13.773391 8.8329684,13.8153448 8.95128003,13.8153448 Z"
                                      fill="#000000"/>
                            </g>
                        </svg></span><label class="text-dark">Bulk Import</label>
    </a>

    @endPermissionsCan
@endsection
@section('content')

    <div class="card card-custom">
        <div class="card-body">
            <div class="mt-2 mb-5 mt-lg-5 mb-lg-10">
                <form class="js-filter-form" id="materialprice-filter-js">
                    <div class="row align-items-center">
                        <div class="col-lg-12 col-xl-12">
                            <div class="row align-items-center">
                                <div class="col-md-3 my-2 my-md-0">
                                    <div class="input-icon">
                                        <input type="text" class="form-control" name="search_by_name"
                                               placeholder="Search any column" id="kt_datatable_search_query"/>
                                        <span><i class="flaticon2-search-1 text-muted"></i></span>
                                    </div>
                                </div>
                                <div class="col-md-3 my-2 my-md-0">
                                    <button class="btn btn-light-primary px-6 font-weight-bold" id="submitFilter"
                                            title="Search Material"><i class="fa fa-search" aria-hidden="true"></i>
                                        {{ config('ButtonLabel.search') }}
                                    </button>
                                    <a href="{{route('materialprice.index')}}"
                                       class="btn btn-light-danger px-6 font-weight-bold" id="submitFilter"
                                       title="Search Lead"><i class="fa fa-arrow-left" aria-hidden="true"></i>
                                        Clear
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <table class="table table-bordered table-hover" id="materialprice_datatable"
                   data-url="{{ route('materialprice.datatable') }}">
                <thead>
                <tr>
                    <th width="5%">No</th>
                    <th>Name</th>
                    <th width="10%">Material Code</th>
                    <th width="10%">Rate</th>
                    <th width="10%">Effective Date</th>
                    <th width="13%">Action</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>

@endsection
@section('scripts')
    <script src="{{ asset('plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>
    <script type="text/javascript" src="{{ asset('js/modules/materialprice/index.js?v='.time()) }}"></script>
@endsection