@extends('layouts.app', [
    'class' => 'fields index',
])

@section('content')
    @include('partials._page-title', [
        'title' => 'Gerenciar Talhões',
        'desc' => "$farm->producer_name - $farm->name",
    ])

    <div class="panel-body">

        @include('partials._alert')

        <div class="table-area">

            <div class="filter-actions">

                @include('partials._filters')

                <div class="btns btn-group">

                    <a href="{{ url("farms") }}" class="btn btn-light">Voltar</a>

                    @if($farm->is_active)
                        <a href="{{ url("farms/$farm->id/fields/create") }}" class="btn btn-primary">Novo Talhão</a>
                    @endif

                </div>

            </div>

            @if ($fields->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="station_name">Estação</th>
                                <th data-column="created_at">Data de Criação</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach ($fields as $field)
                                <tr>

                                    <td class='td-id'>{{ $field->id }}</td>
                                    <td>{{ $field->name }}</td>
                                    <td class='td-actions'> 
                                        @if(isset($field->station_id))
                                        <a href="{{ url("stations/$field->station_id/edit") }}" class="btn btn-primary btn-icon" title="{{ $field->station_name }}">
                                            <i class="fas fa-broadcast-tower"></i>
                                        </a>
                                        @else
                                        <a class="btn btn-light btn-icon" title="Sem estação atrelada">
                                            <i class="fas fa-empty-set"></i>
                                        </a>
                                        @endif
                                    </td>
                                    <td>{{ $field->created_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("fields/$field->id/cultivations") }}">Cultivos</a></li>
                                                <li><a class="dropdown-item"
                                                        href="{{ url("farms/$farm->id/fields/$field->id/edit") }}">Editar</a></li>
                                                <li><a class="dropdown-item btn-remove-item" data-id="{{ $field->id }}"
                                                        data-action="{{ url('fields') }}" href="#">Excluir</a></li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                </div>

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

                    <div class="pagination-status">
                        {{ $fields->count() * $fields->currentPage() }} / {{ $fields->total() }}
                    </div>
                </div>
            @else
                <div class="table-empty">
                    <div class='quote medium'>Nenhuma fazenda cadastrado</div>
                    <div class="icon">
                        <i class="fal fa-clouds"></i>
                    </div>
                </div>
            @endif

        </div>

    </div>
@endsection