@extends('adminlte::page')

@section('title', 'Del Mercado')

@section('content_header')
    <h1>Categorías de productos</h1>
@stop

@section('content')
    <a href="category_products/new" class="btn btn-primary">Nueva categoría</a>
    <hr>
    @if (count($categoryproducts) > 0)
        <div class="panel panel-default">
            <div class="panel-heading">
            </div>
            <div class="panel-body">
                <table class="table table-striped task-table">
                    <thead>
                        <th></th>
                        <th>Nombre</th>
                        <th>&nbsp;</th>
                    </thead>
                    <tbody>
                        @foreach ($categoryproducts as $cp)
                            <tr>
                                <td class="table-text" style="width: 10%">
                                    <a href="/{{$cp->photo}}" target="_blank"><img src="/{{$cp->photo}}" style="width: 50%;object-fit: contain;"></a>
                                </td>
                                <td class="table-text">
                                    <div>{{ $cp->name }}</div>
                                </td>
                                <td>
                                    <a href="category_products/edit/{{$cp->id}}" class="btn btn-secondary"><i class="fa fa-pen"></i>&nbsp;Editar {{ $cp->name }}</a>
                                    <button data-toggle="modal" data-target="#elim-{{$cp->id}}" class="btn btn-tertiary"><i class="fa fa-trash"></i>&nbsp;Eliminar {{ $cp->name }}</button>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        @foreach ($categoryproducts as $cp)                
            <div class="modal fade" id="elim-{{$cp->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <form  method="POST">
                        {{ csrf_field() }}
                        <div class="modal-content">
                            <div class="modal-body text-center">
                                <h2>¿Eliminar Categoria?</h2>
                                <p>No podras recuperarla una vez eliminada.</p>
                            </div>

                            <div class="modal-footer text-center">
                                <input type="hidden" name="id" id="category_product-id" value="{{$cp->id}}">
                                <button type="submit" class="btn btn-primary">Eliminar</button>
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        @endforeach
    @endif
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop

@if (isset($message))
    @if ($message == false)
        <script>
            alert('Error, no se pudo eliminar ya que existen datos que dependen del elemento a eliminar')
        </script>
    @endif

    @if ($message == true)
        <script>
            alert('Elemento Eliminado')
        </script>
    @endif
@endif