@extends('layout.default')

@section('styles')
    <link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css"/>
@endsection
@section('content')

    <div class="card card-custom">
        <div class="card-header flex-wrap border-0 pt-6 pb-0">
            <div class="card-title">
                <h3 class="card-label">Quotation Comparison</h3>
            </div>
            <div class="card-toolbar">
                @can('quotation.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="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>
                @endcan
            </div>
        </div>

        <div class="card-body">
            <div class="mt-2 mb-5 mt-lg-5 mb-lg-10">
                <form class="js-filter-form" id="quotation_comparison-filter-js">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="form-group">
                                <label>Offer No</label>
                                <select class="form-control Offer-select2-js" name="offer_id"
                                        id="offer_id"
                                        data-action="{{route('offer.autocomplete')}}"
                                        data-placeholder="select">
                                </select>
                            </div>
                        </div>
                    </div>
                </form>
            </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/quotation/quotation_comparison.js?v='.time()) }}"></script>
@endsection