@extends('layouts.app', [
    'class' => 'stations index table-index',
])

@section('content')
    @include('partials._page-title', [
        'title' => 'Gerenciar Estações',
        'desc' => 'Adicione, edite ou exclua estações conforme necessário',
    ])

    <div class="panel-body">

        @include('partials._alert')

        <div class="table-area">

            <div class="filter-actions">

                @include('partials._filters', [
                    'hasStatus' => true,
                    'selectFirst' => isset($status),
                    'status' => $status,
                    'filterType' => 'is_online',
                    'title' => 'Status',
                    'list' => [
                        1 => 'Online',
                        2 => 'Offline',
                        0 => 'Todos'
                    ],
                    'triggerSubmit' => true
                ])

                <div class="btns">

                    <a href="{{ url('stations/create') }}" class="btn btn-primary btn-full">Nova Estação</a>

                </div>

            </div>

            @if ($stations->count())
                <div class="table-responsive ">

                    <table class="table table-ordered">
                        <thead>
                            <tr>
                                <th data-column="id">Id</th>
                                <th data-column="name">Nome</th>
                                <th data-column="farm_name">Fazenda</th>
                                <th data-column="type_id">Tipo</th>
                                <th data-column="provider_id">Fabricante</th>
                                <th data-column="is_online">Status</th>
                                <th data-column="mac_address">Endereço MAC / Código</th>
                                <th data-column="created_at">Data de Criação</th>
                                <th data-column="updated_at">Data de Atualização</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach ($stations as $station)
                                <tr>
                                    <td>{{ $station->id }}</td>
                                    <td>{{ $station->name }}</td>
                                    <td>{{ $station->farm_name }}</td>
                                    <td>{{ $station->type_name }}</td>
                                    <td>{{ $station->provider->name ?? '-' }}</td>
                                    <td>

                                        @if($station->is_online)
                                            <span class="badge bg-success"><i class="far fa-wifi ml-1"></i> Online</span>
                                        @else 
                                            <span class="badge bg-danger"><i class="far fa-wifi-slash"></i> Offline</span>
                                        @endif

                                    </td>
                                    <td>
                                        @if(is_null($station->provider_id) || $station->provider_id == 1)
                                        {{ $station->mac_address ?? '-' }}
                                        @else
                                        {{ $station->provider_address ?? '-' }}
                                        @endif
                                    </td>
                                    <td>{{ $station->created_at->format('d/m/Y H:i') }}</td>
                                    <td>{{ $station->updated_at->format('d/m/Y H:i') }}</td>
                                    <td class='td-actions'>

                                        <button type="button" class="btn btn-light btn-icon btn-custom-action" data-bs-toggle="dropdown">
                                            <i class="far fa-ellipsis-h"></i>
                                        </button>

                                        <div class="dropdown">
                                            <ul class="dropdown-menu">
                                                <li><a class="dropdown-item"
                                                        href="{{ url("stations/$station->id/edit") }}">Editar</a></li>
                                                <li><a class="dropdown-item btn-remove-item btn-confirm-delete" data-id="{{ $station->id }}"
                                                        data-action="{{ url('stations') }}" href="#">Excluir</a></li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                </div>

                <div class="pagination-block">
                    {{ $stations->appends(Request::except('page'))->links() }}

                    <div class="pagination-status">
                        {{ $stations->count() * $stations->currentPage() }} / {{ $stations->total() }}
                    </div>
                </div>
            @else
                <div class="table-empty">
                    <div class='quote medium'>Nenhuma estação cadastradas</div>
                    <div class="icon">
                        <i class="fal fa-clouds"></i>
                    </div>
                </div>
            @endif

        </div>

    </div>
@endsection