@extends('layouts.main')


@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">{{ __('sidebar.quiq.fixed_rate') }} <span class="float-sm-right"> <a href="{{route('quiq_new_fixed_rates_view')}}" class="btn btn-primary">{{__('strings.new_location_rate')}}</a></span></h4>
            </div>
            <div class="card-body p-2">
                <div class="table-responsive">
                    <table id="data-table" class="table hover mb-0">
                        <thead class="thead-inverse">
                            <tr>
                                <th>Id</th>
                                <th>{{ __('strings.name') }}</th> 
                                <th>Radio</th>
                                <th>Lat</th>
                                <th>Lng</th> 
                                <th>Zona</th> 
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
        </div>
</div>
@endsection

@push('scripts')
<script type="text/javascript">
    var table;
    $(function() {
	//setting language for moment.js
	moment.locale('es');        
        
	//initialize datetable
        table = $('#data-table').DataTable({
            processing: true,
            serverSide: true,
            responsive: true,  
            searching: true,
            ajax: {
                url: "{{route('api_quiq_fixed_rates')}}",
                type: "POST",
                data: {
                    'user_token': '{{Auth::user()->token}}'
                }                
            },
            columns:[
                { data: 'id'},
                { data: 'name'},
                { data: 'radio'},
                { data: 'lat'},
                { data: 'lng'},
                { data: 'zone', render: function(data, type, row, meta) {
                        if(data) {                            
                            return data.name;
                        } else {
                            
                            return "";
                        }
	            }
                },               
            ],
            dom: 'Bfltip',
            buttons: [
            'copy', 'excel', 'pdf'
            ],
            lengthMenu: [[10, 50, 300], [10, 50, 300]],
            language: {
                "url": "{!! asset('datatables/languages/spanish.json') !!}"
            }
            });
    });
</script>
@endpush