@extends('layout.backend')

@section('scripts')
@parent

<script type="text/javascript" src="/js/occupations.js"></script>
@endsection

@section('content')
@canany(['create-easers','edit-easers'])
	<a href="{!! route('occupations.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 Profissão</span>
	</a>
	<br/><br/>
@endcan

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

@if($occupations->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 Profissã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 width="1%"></th>
						<th>Profissã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($occupations as $occupation)
                    <tr>
						<td class='ml-0 mr-0 pr-2'><i class="fas fa-{!!$occupation->icon_class!!} fa-2x text-secondary mr-0"></i></td>
						<td>{!! $occupation->name !!}</td>
						<td class="text-center">
							<a href="{!!route('easers.index', ['occupation_id' => $occupation->id]) !!}">{!! isset($occupation->easers) ? $occupation->easers->count() : '' !!}</a>
						</td>
						@canany(['edit-easers', 'delete-easers'])
							<td class="text-center">
								@can('edit-easers')
								<a href="{!! route('occupations.edit', ['occupation' => $occupation->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="#deleteoccupationModal" data-occupation-id="{!! $occupation->id !!}" class="btn btn-danger btn-circle btn-sm delete-occupation" 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>

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

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