@extends('layouts.app')
@section('title', __('crm::lang.call_queue'))
@section('content')
@include('crm::layouts.nav')
<section class="content-header">
    <h1>@lang('crm::lang.call_queue')
        {!! Form::open(['url' => action([\Modules\Crm\Http\Controllers\CallQueueController::class, 'sync']), 'method' => 'post', 'style' => 'display:inline; float:right']) !!}
        <button type="submit" class="btn btn-primary">@lang('messages.refresh')</button>
        {!! Form::close() !!}
    </h1>
</section>
<section class="content">
    @component('components.widget', ['class' => 'box-primary'])
        <table class="table table-bordered" id="queue_table" style="width:100%;">
            <thead><tr><th>@lang('lang_v1.mobile')</th><th>@lang('crm::lang.companies')</th><th>@lang('sale.status')</th><th>@lang('crm::lang.followup_assigned_to')</th></tr></thead>
        </table>
    @endcomponent
</section>
@endsection
@section('javascript')
<script>
$('#queue_table').DataTable({
    processing: true, serverSide: true,
    ajax: '{{ action([\Modules\Crm\Http\Controllers\CallQueueController::class, "index"]) }}',
    columns: [
        {data: 'mobile_number'}, {data: 'company_name', defaultContent: '-'},
        {data: 'status'}, {data: 'locked_user_name', defaultContent: '-'}
    ]
});
</script>
@endsection