@extends('master')

@section('breadcrumb')
<li class="breadcrumb-item">
	<a href="{{ url('/categories') }}">
		<i class="far fa-folder-open"></i> Categorías
	</a>
</li>
<li class="breadcrumb-item">
	<a href="{{ url('/category/'.$cat->id.'/edit') }}">
		<i class="far fa-folder-open"></i> {{ $cat->name }}
	</a>
</li>
<li class="breadcrumb-item">
	<a href="{{ url('/category/'.$cat->id.'/subs') }}">
		<i class="far fa-folder-open"></i> Subcategorías
	</a>
</li>
@stop

@section('content')
<div class="row mtop32">

	<div class="col-md-12">
		<div class="panel">
			<div class="inside">
				<div class="title mb16">
					<h3><i class="far fa-folder-open"></i> Subcategorías de {{ $cat->name }}</h3>
				</div>

				<table class="table table-hover table-bordered align-middle">
					<thead>
						<tr>
							<td width="60"><strong>ID</strong></td>
							<td width="60"></td>
							<td><strong>Nombre</strong></td>
							<td><strong># de comercios</strong></td>
							<td width="160"></td>
						</tr>
					</thead>
					<tbody>
						@foreach($cats as $scat)
						<tr>
							<td>{{ $scat->id }}</td>
							<td>
								<img src="{{ config('cms.cdn') }}/platform/category/{{ $scat->file_path }}/{{ $scat->file_name }}" width="60">
							</td>
							<td>
								{{ $scat->name }}
							</td>
							<td></td>
							<td>
								<div class="table-opts">
									@if(kvfj(Auth::user()->permissions, 'category_edit'))
									<a href="{{ url('/category/'.$scat->id.'/edit') }}" class="ctooltip edit">
										<span class="tool">Editar</span>
										<i class="fas fa-pencil-alt"></i>
									</a>
									@endif
									@if(kvfj(Auth::user()->permissions, 'category_delete'))
									<a href="{{ url('/category/'.$scat->id.'/delete') }}" class="ctooltip red btn-deleted" data-path="category" data-action="delete" data-object="{{ $scat->id }}">
										<span class="tool">Eliminar</span>
										<i class="far fa-trash-alt"></i>
									</a>
									@endif
								</div>
							</td>
						</tr>
						@endforeach
					</tbody>
				</table>
				
			</div>
		</div>
	</div>
</div>
@stop