@extends('layout.default')

@section('styles')
    <link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css"/>
@endsection
@section('subheaderRightToolbar')
    @PermissionsCan(groupPermissionName('mrpquotation.create'))
    @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="Mrp Quotation"
            data-activity="{{ ($favourite === 0 ? 'Create' : 'Remove') }}"
            data-path="{{ request()->route()->getName() }}">
        <i class="flaticon2-favourite"></i> {{ __(($favourite === 0 ? "Add to" : "Remove from")." Favourite ") }}
    </button>
    <a href="{{ route('mrpquotation.create') }}" class="btn btn-primary font-weight-bolder">
                <span class="svg-icon svg-icon-md">
                    <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">
                            <rect x="0" y="0" width="24" height="24"/>
                            <circle fill="#000000" cx="9" cy="15" r="6"/>
                            <path
                                    d="M8.8012943,7.00241953 C9.83837775,5.20768121 11.7781543,4 14,4 C17.3137085,4 20,6.6862915 20,10 C20,12.2218457 18.7923188,14.1616223 16.9975805,15.1987057 C16.9991904,15.1326658 17,15.0664274 17,15 C17,10.581722 13.418278,7 9,7 C8.93357256,7 8.86733422,7.00080962 8.8012943,7.00241953 Z"
                                    fill="#000000" opacity="0.3"/>
                        </g>
                    </svg>
                </span><u>N</u>ew Mrp Quotation</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="mrpquotation-filter-js">
                    <div class="row align-items-center">
                        <div class="col-lg-9 col-xl-8">
                            <div class="row align-items-center">
                                <div class="col-md-4 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-lg-4 mb-lg-0 mb-6">
                                    <select class="form-control datatable-input" name="interval">
                                        <option value="">All</option>
                                        <option value="today" selected>Today</option>
                                        <option value="last_week">Last week</option>
                                        <option value="15_days">Last 15 Days</option>
                                    </select>
                                </div>

                                <div class="col-md-4 my-2 my-md-0">
                                    <button class="btn btn-light-primary px-6 font-weight-bold" id="submitFilter"
                                            title="Search Quotation"><i class="fa fa-search" aria-hidden="true"></i>
                                        Search
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <table class="table table-hover table-striped" id="mrpquotation_datatable"
                   data-url="{{ route('mrpquotation.datatable') }}">
                <thead>
                <tr>
                    <th width="5%">No</th>
                    <th>Vendor Name</th>
                    <th>Employee Name</th>
                    <th>Quotation No</th>
                    <th>Quotation Date</th>
                    <th>Status</th>
                    <th width="13%">Action</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
    <div class="modal fade" id="mrpquotationDetailModal" tabindex="-1" role="dialog"
         aria-labelledby="mrpquotationDetailModal"
         aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="mrpquotationDetailBody">
                    <div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </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/mrpquotation/index.js?v='.time()) }}"></script>
@endsection