@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.business_departments') }} <span class="float-sm-right"> <button class="btn btn-primary" onclick="$('#form_data').slideToggle()">{{__('strings.new_location_rate')}}</button></span></h4>
            </div>
            <hr>
            <div id="form_data" style="display: none;" class="card bg-light">
                <form class="form" action="{{route('post_quiq_business_department')}}" method="post">
                    {{ csrf_field() }}
                    {{ method_field('post') }}
                    <div class="form-body">

                        <div class="form-group  col-md-6">
                            <label for="name">{{__('strings.name')}}</label>
                            <div class="input-group">
                                <input type="text" id="name" class="form-control" name="name" required>
                            </div>
                        </div>
                        <div class="form-group  col-md-6">
                            <label for="name">{{ __('strings.key') }}</label>
                            <div class="input-group">
                                <input type="text" id="key" class="form-control" name="key" required>
                            </div>
                        </div>
                        <div class="form-group  col-md-6">
                            <label for="name">{{ __('strings.description') }}</label>
                            <div class="input-group">
                                <input type="text" id="description" class="form-control" name="description" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mb-3">
                        <div class="col-md-6">
                            <button type="submit" class="btn btn-block btn-primary ">
                                {{ __('strings.submit_update') }}
                            </button>                                        
                        </div>                                    
                    </div>
                </form>
            </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>Usuario</th>
                                <th># Pasajeros</th>
                                <th>Origen</th>
                                <th>Precio</th>
                                <th>Direcciones</th>
                                <th>Fecha</th>
                                <th>Hora</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: false,  
            searching: false,
            ajax: {
                url: "https://redtrack.rtplataforma.com/quiq/api/supervisor/trips/lost",
                type: "POST",
                "contentType": "application/json",
                data: function ( data ) {
                    console.log(data);
                    data.token = 'rt-5bf85cf2af253-1e56ab7c-5a0f-4854-a00e-6e4b9620827d';
                    return JSON.stringify(data);
                }                
            },
            columns:[
                { data: 'id'},  
                { data: 'data.data.user_full_name', defaultContent: '...'},
                { data: 'data.data.passengers_number', defaultContent: '...'},
                { data: 'data.data.app_name', defaultContent: '...'},
                { data: 'data.data.prepaid',render: function(data){
                    return "$ " + data + " MXN";
                }, defaultContent: '...'},
                { data: 'data.data', render: function(trip){
                        if(trip) {
                            var locations = "";                        
                            for(var i = 1; i <= 4; i++) {
                                if(trip.locations["start_address" + i] && trip.locations["start_address" + i].address) {
                                        locations += "Direccion inicio #" + i + ": " + trip.locations["start_address" + i].address + ",<br> ";
                                }
                                if(trip.locations["end_address" + i] && trip.locations["end_address" + i].address) {
                                        locations += "Direccion destino #" + i + ": " + trip.locations["end_address" + i].address + ", <br> ";
                                }
                            }                                            
                            return locations;
                        }
                        else { 
                            return "...";
                        }
                    },
                },
                { data: 'created_at', render: function(data, type, row, meta) {
                        return moment.utc(data).local().format('YYYY-MM-DD');
                    }
                }, 
                { data: 'created_at', render: function(data, type, row, meta) {
                        return moment.utc(data).local().format('HH:mm:ss');
                    }
                },     
            ],
            dom: 'Bfltip',
            buttons: [
            'copy', 'excel', 'pdf'
            ],
            order:[[0,'desc']],
            lengthMenu: [[10, 50, 300], [10, 50, 300]],
            language: {
                "url": "{!! asset('datatables/languages/spanish.json') !!}"
            }
            });
    });
</script>
@endpush