@extends ('layouts.in')

@section ('body')

@if ($onboarding && $AUTH->id == 2)

@include ('domains.dashboard.molecules.onboarding') 

@else
	
	aaa
	{{--$positions--}}
	ccc

    @if ( !$vehicles_multiple && $vehicle_empty )

<div class="flex-1 mb-2">
    <span>aaaffffzzzzzzzzzzzzz</span>
</div>

    @else

        @each ('domains.alarm-notification.molecules.alert', $alarm_notifications, 'row')
<form method="GET">
    <div class="lg:flex lg:space-x-4">
        @if ($users_multiple)

        <div class="flex-1 mb-2">
            <x-select name="user_id" :options="$users" value="id" text="name" data-change-submit></x-select>
        </div>

        @endif

        @if ($vehicles_multiple)

        <div class="mb-2">
			<x-select name="vehicle_id" :options="$vehicles" value="id" text="name" placeholder="{{ __('dashboard-index.select_vehicle') }}" data-change-submit></x-select>
        </div>

        @endif

        @if ($devices_multiple)

        <div class="mb-2">
            <x-select name="device_id" :options="$devices" value="id" text="name" placeholder="{{ __('dashboard-index.select_device') }}" data-change-submit></x-select>
        </div>

        @endif

        @if ( is_null($trip) )

        <div class="flex-1 mb-2">
			
		
            <span>3333322ddddd</span>
        </div>

        @else

        <div class="flex-1 mb-4">
            <div class="flex">
                <div class="flex-1">
                    <x-select name="trip_id" :options="$trips" value="id" text="name" data-change-submit></x-select>
                </div>

                @if ($trip_previous_id)
                <a href="?trip_id={{ $trip_previous_id }}" class="btn bg-white ml-2">@icon('chevrons-left', 'w-4 h-4')</a>
                @else
                <span class="btn bg-white ml-2 text-gray-300 cursor-default">@icon('chevrons-left', 'w-4 h-4')</span>
                @endif

                @if ($trip_next_id)
                <a href="?trip_id={{ $trip_next_id }}" class="btn bg-white ml-2">@icon('chevrons-right', 'w-4 h-4')</a>
                @else
                <span class="btn bg-white ml-2 text-gray-300 cursor-default">@icon('chevrons-right', 'w-4 h-4')</span>
                @endif
            </div>
        </div>

        <div class="mb-4 text-center">
            <a href="#" class="btn bg-white mr-2" data-map-live>@icon('play', 'w-4 h-4 sm:w-6 sm:h-6')</a>
            <a href="{{ route('trip.update.stat', $trip->id) }}" class="btn bg-white mr-2">@icon('bar-chart-2', 'w-4 h-4 sm:w-6 sm:h-6')</a>
            <a href="{{ route('trip.update.map', $trip->id) }}" class="btn bg-white mr-2">@icon('map', 'w-4 h-4 sm:w-6 sm:h-6')</a>
            <a href="{{ route('trip.update.position', $trip->id) }}" class="btn bg-white mr-2">@icon('map-pin', 'w-4 h-4 sm:w-6 sm:h-6')</a>
            <a href="{{ route('trip.update.alarm-notification', $trip->id) }}" class="btn bg-white mr-2">@icon('bell', 'w-4 h-4 sm:w-6 sm:h-6')</a>
            <a href="{{ route('trip.update.merge', $trip->id) }}" class="btn bg-white">@icon('git-merge', 'w-4 h-4 sm:w-6 sm:h-6')</a>
        </div>

        @endif

    </div>
</form>

        @if ( !is_null($trip) )

<x-map
    :trip="$trip"
    :positions="$positions"
    :alarms="$alarms"
    :notifications="$trip_alarm_notifications"
    :data-map-show-last="$trip->finished()"
    :data-map-positions-url="route('trip.update.position', $trip->id)"
></x-map>
        @endif

    @endif

@endif

@stop