@extends('layout.backend')

@section('title', __('remedy.Label_many'))

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

@section('content')

{{--AÇÕES --}}
@can('create-remedies')
	<a href="{!! route('remedies.create') !!}" class="btn btn-primary btn-sm btn-icon-split">
		<span class="icon text-white-50">
			<i class="fas fa-plus-circle"></i>
		</span>
		<span class="text">{{__('remedy.add')}}</span>
	</a>
@endcan
@can('view-remedies')
	<a href="{!! url('panel/remedies/export?type=xls&'.$query) !!}" class="btn btn-success btn-sm btn-icon-split mb-2 mb-sm-0 float-right">
		<span class="icon text-white-50" data-placement="top" data-tooltip="tooltip" title="Exportar Excel">
			<i class="fas fa-file-excel"></i>
		</span>
		<span class="text d-none d-sm-block">{{__('remedy.export')}}</span>
	</a>
	<br/><br/>
@endcan

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

{!! Form::open(['id' => 'form-filter-index', 'url' => route('remedies.index'), 'autocomplete' => 'off']) !!}
@method('GET')
{!! Form::hidden('currentRoute', route('remedies.index') , ['id' => 'currentRoute']) !!}

{{-- FILTROS --}}
<div class="card shadow mb-3 bg-light">
    <a href="#filterBox" class="d-block bg-info card-header pt-2 pb-3 " data-bs-toggle="collapse" role="button" aria-expanded="true" aria-controls="filterBox">
        <h6 class="pt-1 m-0 font-weight-bold text-white">
			<i class="fas fa-filter"></i>&nbsp;Filtrar {{__('remedy.Label_many')}}
		</h6>
    </a>
    <div class="collapse show" id="filterBox">

		<div class="card-body pt-2 input-group input-group-sm">

			<div class="col-sm-5 col-lg-4 col-xl-3 mt-1 ">
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm">{{__('remedy.form.region_id')}}</label>
				<div class="col-12 p-0 ">
					{!! Form::select('regions', $regions, $data['regions'] ?? null, ['class' => 'form-control form-control-sm']) !!}
				</div>
			</div>

			<div class="col-sm-5 col-lg-4 col-xl-4 mt-1 ">
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm">{{__('remedy.form.name')}}</label>
				<div class="col-12 p-0 ">
					{!! Form::text('name', $data['name'] ?? null, ['placeholder' => 'texto a procurar', 'id' => 'name', 'class' => 'form-control form-control-sm']) !!}
				</div>
			</div>

			<div class="col-auto mt-3 pr-0 row justify-content-end">
				<label for="" class="col-12 p-0 mb-2 col-form-label-sm"> </label>
				<button type="submit" class="btn btn-sm btn-info btn-icon-split pr-1 mt-1 ml-2">
					<span class="icon text-white-50">
						<i class="fas fa-filter"></i>
					</span>
					<span class="text">Filtrar</span>
				</button>
			</div>
		</div>
	</div>
</div>




{{--ITENS --}}
@if($remedies->count() > 0)
	<div class="card shadow mb-4">
		<div class="card-header py-3">
			<div class="row input-group input-group-sm">
				<div class="col-auto h6 m-0 pt-1 font-weight-bold text-primary text-uppercase">
					<i class="fas fa-fw fa-pills mr-1"></i>{{__('remedy.list')}} 
				</div>
				<div class="col px-3 m-0">
				</div>
				<div class="col-auto m-0 text-primary">
					{!! Form::select("sortOrder", ['ex'=>'por&nbsp;vcto','name'=>'por&nbsp;nome'], $data['sortOrder'], ['class' => 'form-control select-compact disableSelect2 text-primary', 'id' => 'sortOrder']) !!}
				</div>
				<div class="col-auto h6 pt-1 m-0 pr-0 text-primary float-right">
					(Total {{ $remedies->total() }})
				</div>
			</div>
		</div>
		{!! Form::close() !!}

		<div class="card-body pt-1">
			<div class= "row">
				@foreach($remedies as $remedy)

					<div id="tr{{ $remedy->id }}" class="col-12 col-lg-6 px-1 my-1">
						<div class="row mx-1 py-2 pl-3 pr-2 mt-1 mb-0 shadow h-100">

							<div class="col p-0 m-0"> {{-- conteúdo --}}
								<div class="row p-0 m-0"> 
									<div class="col-auto pl-0 pb-0 py-1 pr-4 h5"> {{-- nome med --}}
										@can('edit-remedies')
											<a href="{!! route('remedies.edit', ['remedy' => $remedy->id]) !!}" class="text-dark" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Clique para editar">
												<span class="fw-bolder">{{ $remedy->name }}</span><i class="fas fa-pen-to-square text-info pl-1"></i>
											</a>
										@else
											<span class="fw-bolder">{{ $remedy->name }}</span>
										@endcan
									</div>

									<div class="w-100"></div>
									<div class="col-auto p-0 pr-5">
										{{ $remedy->amount }} un.
									</div>

									<div class="col-auto  p-0 pr-2 small pt-1 {{$remedy->expirationBadgeColor()}}"> 
										<i class="fas fa-calendar pr-1"></i> 
										@if($remedy->expiration)
											@if($remedy->isExpired())
												Venceu 
											@else
												Vence 
											@endif
											{!! $remedy->expiration->format('d/m/y') !!}
										@else 
											Não informado
										@endif
									</div>

									<div class="w-100"></div>
									<div class="col-auto px-0 py-1 "> {{-- membro --}}
										<span class="small" data-tooltip="tooltip" data-delay=500 title="Membro">
											<i class="fas fa-user"></i> 
											@canany(['view-users','edit-users'])
												<a href="{!! route('users.show', ['user' => $remedy->user_id]) !!}" class="pr-2 text-dark
													
													@if( $remedy->user && $remedy->user->trashed())
														text-danger font-italic
													@endif
												">
											@endcan
											{{ $remedy->user_id ? $remedy->user()->withTrashed()->value('name') : '' }}</a>
											</a>
										</span>
									</div>

									<div class="col-auto pl-1 pt-1 pb-0 "> {{-- região --}}
										@if($remedy->region)
											<div class="badge badge-primary ml-2">{{$remedy->region->name}}</div>
											@endif
									</div>

									@if($remedy->obs)
										<div class="w-100"></div>
										<div class="col-auto p-0 mt-1 small">
											{{ $remedy->obs }}
										</div>
									@endif
								</div>
							</div>

							{{-- ACTIONS --}}
							@canany(['delete-remedies'])
								<div class="col-auto p-0 m-0"> 
									<div class="col-auto float-right mr-0 pr-1" > 
										<div class="d-flex flex-nowrap">
											<a href="#deleteItemModal" data-item-id="{!! $remedy->id !!}" data-item-descr="{{ $remedy->name }}" class="btn btn-danger btn-sm ml-1 delete-item" data-bs-toggle="modal" data-placement="top" data-tooltip="tooltip" data-delay=500  title="Excluir">
												<i class="fas fa-trash"></i>
											</a>
										</div>
									</div>
								</div>
							@endcan
							{{-- EoActions --}}
						</div>
					</div>
				@endforeach
		</div>
		{!! $remedies->appends($data)->render() !!}
	</div>
</div>

@else
	<div class="alert alert-info">
		<strong><i class="fas fa-triangle-exclamation"></i>
			Atenção: </strong> Não há {{__('remedy.label_many')}} disponível usando estes filtros.
	</div>
@endif

<x-form.delete-modal></x-form.delete-modal>
@endsection