@extends('layouts.admin_main')

@section('title', trans('admin_lang.offers'))

@push('styles')
<link rel="stylesheet" href="{{ asset('assets/css/dataTables.bootstrap4.min.css') }}">
@endpush

@section('content')
    <div class="kt-portlet kt-portlet--mobile">
        @header(['title' =>  trans('admin_lang.offers'), 'icon' => 'fa fa-gift'])
            <div class="kt-portlet__head-label">
                <div class="mr-rem-1">
                    <a href="{{ route('admin.offers.exportExcel') }}" class="btn btn-outline-primary">{{trans('admin_lang.export_excel')}}</a>
                </div>
                <div class="mr-rem-1">
                    <a href="{{ route('admin.offers.uploadExcel') }}" class="btn btn-outline-primary">{{trans('admin_lang.upload_excel')}}</a>
                </div>
                @button(['type' => 'create', 'label' => trans('admin_lang.create_new_offer'), 'url' => route('admin.products-offers.create')])@endbutton
            </div>
        @endheader
        <div class="kt-portlet__body">
            <div class="table_container">
                <div class="table-responsive">
                    <table class="table table-striped table-bordered" id="offer-table">
                        <thead>
                            <tr>
                                <th>{{ trans('admin_lang.id') }}</th>
                                <th>@lang('admin_lang.name')</th>
                                <th>{{ trans('admin_lang.new_sell_price') }}</th>
                                <th>{{ trans('admin_lang.start_date') }}</th>
                                <th>{{ trans('admin_lang.end_date') }}</th>
                                <th>{{ trans('admin_lang.status') }}</th>
                                <th>{{ trans('admin_lang.actions') }}</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script type="text/template" id="header-buttons">
{{--    @include('components.button',['type' => 'create', 'label' => trans('admin_lang.create_new_offer'), 'url' => route('admin.offers.create')])--}}
</script>

<script src="{{ asset('assets/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/js/dataTables.bootstrap4.min.js') }}"></script>
<script type="text/javascript">
    const url = "{{ route('admin.products-offers.data') }}";
    const lang = "{{ app()->getLocale() }}";
    const filters = {!! json_encode($filters) !!};

    jQuery(document).ready(function() {
        dataTable(jQuery('#offer-table'), url, [
                { data: 'index', defaultContent: '' },
                { data: 'name', name: 'name', searchable: false},
                { data: 'new_selling_price', name: 'new_selling_price', searchable: false},
                { data: 'start_date', name: 'start_date' , searchable: false},
                { data: 'end_date', name: 'end_date', searchable: false },
                { data: 'status', name: 'status', searchable: false },
                { data: 'action', name: 'action',orderable: false, searchable: false}
            ],
            lang,
            filters,
            jQuery('#header-buttons').html(),
            undefined,
            [[1, 'asc']]
        );
    });
</script>
@endpush