@extends('layout.backend')

@section('scripts')
@parent
	<script type="text/javascript" src="/js/plugins/jquery.mask.min.js"></script>
<script type="text/javascript" src="/js/create-congregations.js"></script>
@endsection

@section('content')
{{-- BARRA DE BOTÕES --}}
<x-form.header.button-bar>

	@can('create-users')
	<a href="{!! route('congregations.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 Congregação</span>
	</a>
	@endcan

	<x-form.header.button-import :can-any="['create-users']" :route="route('congregations.import')"
		tooltip="Importa congregações conforme a lista no JW Hub"/>

</x-form.header.button-bar>

@if(session()->has('alert-success'))
<div class="alert alert-success">
    {!! session()->get('alert-success') !!}
</div>
@endif
@if(session()->has('alert-warning'))
<div class="alert alert-warning">
    {!! session()->get('alert-warning') !!}
</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-congregations', 'url' => route('congregations.index'), 'autocomplete' => 'off']) !!}
        @method('GET')
        <div class="row">
            <div class="col-sm-12 col-md-4 mt-3">
                <label for="" class="col-12 col-6 p-0">Nome</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">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($congregations->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 Congregações
        <span class="float-right">Total <strong>({{ $congregations->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>Congregação</th>
                        <th>Cidade</th>
                        <th>Região</th>
                        <th>Estado</th>
                        <th class="text-center">Membros</th>
                        <th class="text-center">Hospitais</th>
                        @canany(['edit-users','delete-users'])
                        <th class="text-center">Opções</th>
                        @endcanany
                    </tr>
                </thead>
                <tbody>
                    @foreach($congregations as $congregation)
                    <tr id="tr{!! $congregation->id !!}">
                        <td>{!! $congregation->congregation !!} - {!! $congregation->number !!} - {!! $congregation->circuit !!}
                            <br/>
                            <a href="{!! \App\Helpers\AppHelper::linkToJwEmail($congregation->email, AppHelper::getAppSetting('portal-name'), '') !!}" target=_blank>{!! $congregation->email !!}</a>
                        </td>
                        <td>{!! $congregation->city ? $congregation->city->city : 'Não informado' !!}</td>
                        <td>{!! $congregation->region ? $congregation->region->name : 'Não informado' !!}</td>
                        <td>{!! $congregation->state ? $congregation->state->state : 'Não informado' !!}</td>
                        <td class="text-center">
                            <a href="{!! route('users.index', ['congregations' => $congregation->id, 'roles' => 0, 'regions' => 0]) !!}">
                                {!! $congregation->members->count() !!}
                            </a>
                        </td>
                        <td class="text-center">
                            <a href="{!! route('hospitals.index', ['congregations' => $congregation->id, 'regions' => 0]) !!}">
                                {!! $congregation->hospitals->count() !!}
                            </a>
                        </td>
                        @canany(['edit-users','delete-users'])
                        <td class="text-center">
                            @can('edit-users')
                            <a href="{!! route('congregations.edit', ['congregation' => $congregation->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-users')
                            <a href="#deleteCongregationModal" data-congregation-id="{!! $congregation->id !!}" class="btn btn-danger btn-circle btn-sm delete-congregation" 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>

        {!! $congregations->appends($data)->render() !!}
    </div>
</div>
@else
<div class="alert alert-info">
    <strong>Atenção: </strong> Nenhuma congregação cadastrada .
</div>
@endif

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