@extends('layouts.layout')
@section('title', 'Pagina de Categorias')
@section('content')
	<div class="row justify-content-center">
		@if ($message = Session::get('success'))
			<div class=" col-6  mt-2 alert alert-success">
				<p>{{ $message }}</p>
			</div>
		@endif

	</div>
	<div class="row justify-content-between m-3">
		<div class="col-lg-3 offset-1">
			<h2 class="font-color-gergal">Categorias</h2>
		</div>
		<div class="col-lg-3 offset-3">
			<form action="{{ route('categorias.filter') }}" method="POST">
				@csrf
				<div class="input-group ">
					<input type="text" class="form-control"  name="nombre"
						placeholder="Filtrar por nombre">
					<div class="input-group-append">
						<button class="btn btn-gray " type="submit">Filtrar</button>
					</div>
				</div>
			</form>
		</div>
		@can('product-create')
			<div class="col-lg-2">
				<a href="{{ route('categorias.create') }}" type="button" class="btn btn-success-gergal">Crear categoria</a>
			</div>
		@endcan
	</div>
	<div class="row justify-content-center">
		<div class="col-12 col-xl-10 table-responsive">
            @if ($categorias->isEmpty())
                <p class="lead">No existen Categorias</p>
            @else
                <table class="table table-bordered">
                    <thead>
						<th scope="col">@sortablelink('nombre', 'Nombre')</th>
						<th>Imagen</th>
                        <th scope="col"></th>
                    </thead>
                    <tbody>
                        @foreach ($categorias as $categoria)
                            <tr>
                                <td class="text-gergal-color">{{ $categoria->nombre }}</td>
                                <td><img src="{{  asset(substr($categoria->imagen, 6) )   }}" alt="Categoria"  width="80" height="80"> </td>
                                <td>
                                    @can('product-edit')
                                        <a href="{{ route('categorias.edit', $categoria->id) }}" type="button"
                                            class="btn btn-outline-primary btn-sm  my-1"> <i class="fas fa-edit"></i></a>
                                    @endcan
                                    @can('product-delete')
                                        <form name="form-delete" action="{{ route('categorias.destroy', $categoria->id) }}" method="POST">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-outline-danger btn-sm" disabled><i class="fas fa-trash-alt"></i></button>
                                        </form>
                                    @endcan

                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

            @endif
            {{method_exists($categorias, 'appends') ? $categorias->appends(\Request::except('page'))->render() : '' }}

		</div>

	</div>


@endsection
<script src="{{ asset('js/delete.js') }}" defer></script>