@extends('layouts.app')
@section('title', __('supplychain::lang.rfq'))
@section('content')
@include('supplychain::layouts.nav')
<section class="content-header">
    <h1>@lang('supplychain::lang.rfq')
        @can('supplychain.rfq.create')
        <a href="{{ action([\Modules\SupplyChain\Http\Controllers\RfqController::class, 'create']) }}" class="btn btn-primary pull-right"><i class="fa fa-plus"></i> @lang('supplychain::lang.create_rfq')</a>
        @endcan
    </h1>
</section>
<section class="content">
    @if(session('status'))
    <div class="alert alert-{{ session('status.success') ? 'success' : 'warning' }} alert-dismissible">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        {{ session('status.msg') }}
    </div>
    @endif
    <div class="box box-primary">
        <div class="box-body">
            <table class="table table-bordered table-striped" id="sc_rfq_table" style="width:100%">
                <thead>
                    <tr>
                        <th>@lang('supplychain::lang.ref_no')</th>
                        <th>@lang('supplychain::lang.title')</th>
                        <th>@lang('supplychain::lang.status')</th>
                        <th>@lang('supplychain::lang.due_date')</th>
                        <th>@lang('supplychain::lang.lines')</th>
                        <th>@lang('supplychain::lang.responses')</th>
                        <th>@lang('supplychain::lang.action')</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</section>
@endsection

@section('javascript')
<script>
$(function() {
    $('#sc_rfq_table').DataTable({
        processing: true,
        serverSide: true,
        ajax: '{{ action([\Modules\SupplyChain\Http\Controllers\RfqController::class, 'index']) }}',
        columns: [
            { data: 'ref_no' },
            { data: 'title' },
            { data: 'status_badge', orderable: false, searchable: false },
            { data: 'due_date' },
            { data: 'lines_count', name: 'lines_count' },
            { data: 'responses_count', name: 'responses_count' },
            { data: 'action', orderable: false, searchable: false }
        ]
    });
});
</script>
@endsection