@extends('adminlte::page')

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

@section('content_header')
    <h1>Banners</h1>
@stop

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

@foreach ($banners as $b)           
    <div class="modal fade" id="elim-{{$b->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 Elemento?</h2>
                        <p>No podras recuperarlo una vez eliminado.</p>
                    </div>

                    <div class="modal-footer text-center">
                        <input type="hidden" name="id" id="id" value="{{$b->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

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