@extends('layout.backend')

@section('scripts')
@parent
<script type="text/javascript" src="/js/create-fields.js"></script>
@endsection

@section('content')
@canany(['create-easers','edit-easers'])
<a href="{!! route('fields.create') !!}" class="btn btn-primary btn-sm btn-icon-split">
    <span class="icon text-white-50">
        <i class="fas fa-plus"></i>
    </span>
    <span class="text">Adicionar Área de atuação</span>
</a>
<br/><br/>
@endcan
@if(session()->has('alert-success'))
<div class="alert alert-success">
    {!! session()->get('alert-success') !!}
</div>
@endif

@if($fields->count() > 0)
<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Filtrar por</h6>
    </div>
    <div class="card-body">
        {!! Form::open(['id' => 'form-filter-fileds', 'url' => route('fields.index'), 'autocomplete' => 'off']) !!}
        @method('GET')

        <div class="row">
            <div class="col-sm-12 col-md-6 mt-3">
                <button type="submit" class="btn btn-info btn-sm btn-icon-split">
                    <span class="icon text-white-50">
                        <i class="fas fa-filter"></i>
                    </span>
                    <span class="text">Filtrar</span>
                </button>
            </div>
        </div>
        {!! Form::close() !!}
    </div>
    
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Lista de Área de atuação</h6>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th>Área de atuação</th>
                        <th class="text-center">Facilitadores</th>
                        @canany(['edit-easers', 'delete-easers'])
                        <th class="text-center">Opções</th>
                        @endcan
                    </tr>
                </thead>
                <tbody>
                    @foreach($fields as $field)
                    <tr>
                        <td>{!! $field->name !!}</td>
                        <td class="text-center">
                            <a href="{!!route('easers.index', ['field_id' => $field->id]) !!}">{!! isset($field->easers) ? $field->easers->count() : '' !!}</a>
                        </td>
                        @canany(['edit-easers', 'delete-easers'])
                        <td class="text-center">
                            @can('edit-easers')
                            <a href="{!! route('fields.edit', ['field' => $field->id]) !!}" class="btn btn-info btn-circle btn-sm" data-placement="top" data-tooltip="tooltip" title="Atualizar">
                                <i class="fas fa-pencil-alt"></i>
                            </a>
                            @endcan
                            @can('delete-easers')
                            <a href="#deletefieldModal" data-field-id="{!! $field->id !!}" class="btn btn-danger btn-circle btn-sm delete-field" data-bs-toggle="modal" data-placement="top" data-tooltip="tooltip" title="Deletar">
                                <i class="fas fa-trash"></i>
                            </a>
                            @endcan
                        </td>
                        @endcan
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        {!! $fields->appends($data)->render() !!}
    </div>
</div>
@else
<div class="alert alert-info">
    <strong>Atenção: </strong> Nenhum Área de atuação cadastrada .
</div>
@endif

@include('components.delete.field')
@endsection