@extends('layout.backend')

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

@section('content')

@can('create-easers')
<a href="{!! route('easers.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 Facilitador</span>
</a>
<br/><br/>
@endcan

@if(session()->has('alert-success'))
<div class="alert alert-success">
    {!! session()->get('alert-success') !!}
</div>
@endif

<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-easers', 'url' => route('easers.index'), 'autocomplete' => 'off']) !!}
        @method('GET')
        <div class="row">
            <div class="col-sm-12 col-md-4 col-xl-4 mt-3">
                <label for="" class="col-12 col-6 p-0">Tipo</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("origin", $origins, $data['origin'], ['class' => "form-control", 'id'=>"origin"]) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-4 col-xl-4 mt-3">
                <label for="" class="col-12 col-6 p-0">Hospital</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select('hospitals', $hospitals, $data['hospitals'] ?? 'All', ['class' => 'form-control']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-4 mt-3">
                <label for="" class="col-12 col-6 p-0">Área de atuação</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select('field_id', $fields, $data['field_id'] ?? null, ['class' => 'form-control', 'id'=>'fields']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-4 mt-3">
                <label for="" class="col-12 col-6 p-0">Nome/Observações</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text('name', $data['name'] ?? '', ['id' => 'name', 'class' => 'form-control']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-4 mt-3">
                <label for="" class="col-12 col-6 p-0">Profissão</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select('occupation_id', $occupations, $data['occupations'] ?? null, ['class' => 'form-control']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-4 mt-3">
                <label for="" class="col-12 col-6 p-0">Região</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select('regions', $regions, $data['regions'] ?? null, ['class' => 'form-control']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Cidade</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("city_id", $cities, $data['city_id'] ?? null, ['class' => "form-control", 'id' => 'cities']) !!}
                </div>
            </div>
        </div>

        <div class="col-sm-12 col-md-12 mt-2">
            <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>

@if($easers->count() > 0)
<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Lista de Facilitadores
            <span class="float-right">Total <strong>({{ $easers->total() }})</strong></span>

        </h6>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th>Facilitador</th>
                        <th>Telefone</th>
                        <th>Atuação</th>
                        <th>Profissão</th>
                        <th>Região</th>
                        <th>Cidade</th>
                        @canany(['delete-easers','edit-easers'])
						<th class="text-center text-nowrap">Opções</th>
                        @endcan
                    </tr>
                </thead>
                <tbody>
                    @foreach($easers as $easer)
                    <tr id="tr{!! $easer->id !!}">
                        <td>
                            <a href="{!! route('easers.show', ['easer' => $easer->id]) !!}">
                                @if(isset($easer->occupation->icon_class))
                                <i class="fas fa-{
                                    !!$easer->occupation->icon_class!!
                                }
                                fa-2x text-gray-500 float-left mr-2"></i>
                                @endif
                                {!! $easer->name !!}
                                @if($easer->jw == 1)<x-form.badge-jw /> @endif
                            </a>
                        </td>
                        <td>{!! AppHelper::urlPhone($easer->phone,TRUE) !!}</td>
                        <td>
                            <b>{!! $easer->field ? $easer->field->name : 'Não informado' !!}</b>
                            @foreach($easer->hospitals as $easerhospital)
                                <br/>{{$easerhospital->hospital->name}}
                            @endforeach
                        </td>
                        <td>
                            {!! $easer->occupation ? $easer->occupation->name : 'Não informado' !!}
                        </td>
                        <td>{!! $easer->region ? $easer->region->name : 'Não informado' !!}</td>
                        <td>{!! $easer->city ? $easer->city->city : 'Não informado' !!}</td>
                        @canany(['delete-easers','edit-easers'])
                        <td class="text-center text-nowrap">
                            @can('edit-easers')
                            <a href="{!! route('easers.edit', ['easer' => $easer->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="#deleteEaserModal" data-easer-id="{!! $easer->id !!}" class="btn btn-danger btn-circle btn-sm delete-easer" 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>

        {!! $easers->appends($data)->render() !!}
    </div>
</div>
@else
<div class="alert alert-info">
    <strong>Atenção: </strong> Nenhum facilitador cadastrado.
</div>
@endif

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