@extends('telematics.layouts.master')
@section('page_content')

<!-- PAGE TITLE -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0 font-size-18">@lang('translation.sf_menus.telematics.data_sensors')</h4>
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="#">@lang('translation.sf_menus.telematics.main')</a></li>
                    <li class="breadcrumb-item active">@lang('translation.sf_menus.telematics.data_sensors')</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-xl-3">
        <div class="card">
            <div class="card-body">
                <div id="vehicle_container" class="text-left">
                    @include('telematics.partials.vehicles')
                </div>
            </div>
        </div>
    </div>
    <div class="col-xxl-9">
        {{-- Header & Sensors Widgets --}}
        <div data-simplebar style="height: 74vh;" class="px-3 mx-n3 mb-1">
            <div id="sensor-widgets" class="row"></div>
        </div>
    </div>
</div>

@endsection

@section('custom_scripts')
    <script src="{{ URL::asset('build/js/apps/telematics/data_sensors.js') }}"></script>
@endsection