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

@section('content')
    @include('partials._page-title', [
        'title' => 'Gerenciar Produtores',
        'desc' => 'Adicione, edite ou exclua produtores 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' => 'active',
                    'title' => 'Status',
                    'list' => [
                        "active" => 'Ativo',
                        "inactive" => 'Inativo',
                        "all" => 'Todos'
                    ],
                    'triggerSubmit' => true
                ])
                
                <div class="btns">

                    <a href="{{ url('producers/create') }}" class="btn btn-primary btn-full">Novo Produtor</a>

                </div>

            </div>

            @if ($producers->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="created_by_name">Criado Por</th>
                                <th data-column="is_active">Está Ativo</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 ($producers as $producer)
                                <tr>
                                    <td class='td-id'>{{ $producer->id }}</td>
                                    <td>{{ $producer->name }}</td>
                                    <td>{{ $producer->created_by_name }}</td>
                                    <td>{{ $producer->is_active ? 'Sim' : 'Não' }}</td>
                                    <td>{{ $producer->created_at->format('d/m/Y H:i') }}</td>
                                    <td>{{ $producer->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("producers/$producer->id/edit") }}">Editar</a></li>
                                                <li><a class="dropdown-item btn-remove-item" data-id="{{ $producer->id }}"
                                                        data-action="{{ url('producers') }}" href="#">Excluir</a></li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                </div>

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

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

        </div>

    </div>
@endsection