@extends('layouts.sesion')
@section('content')
<div class="container">
    @if (Session::has('info'))
    <div class="row">
        <div class="col-md-11">
            <div class="alert alert-success">
                <i class="fa fa-check"></i> {{Session::get('info')}}
            </div>
        </div>
    </div>
    @endif
    @if (Session::has('err'))
    <div class="row">
        <div class="col-md-11">
            <div class="alert alert-danger">
            <i class="fa fa-remove"></i> {{Session::get('err')}}
            </div>
        </div>
    </div>
    @endif
<div class="d-grid gap-2 d-md-flex justify-content-md-end">
    <a href="{{Route('noticias.create')}}" class="btn btn-success my-4" 
        style="text-shadow: black 0.1em 0.1em 0.2em"><i class="fa fa-plus"></i> Nueva Noticia</a>
</div>
<div class="card card-primary card-outline">
          <div class="card-header">
            <h3 class="card-title">
              <i class="fas fa-edit"></i>
              NOTICIAS
            </h3>
          </div>
          <div class="card-body">
                <table class='table table-striped table-bordered' id="">
                <thead>
                    <tr>
                    <th class="text-center">#</th>
                    <th class="text-center">Título </th>
                    <th class="text-center">Contenido</th>
                    <th class="text-center">Foto</th>
                    <th class="text-center">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                @php
                $i=0
                @endphp
                @foreach($s as $row)
                    <tr>
                    <td class="text-center">{{++$i}}</td>
                    <td class="text-center">{{$row->titulo}}</td>
                    <td class="text-center">{!!$row->contenido!!}</td>
                    <td class="text-center">
                    <img src="{{asset('storage').'/'.$row->rutafoto}}" alt="Foto" whidth="100px" height="100px">
                    </td>
                    <td class="text-center">

                        <a class="btn btn-primary btn-sm" style="text-shadow: black 0.1em 0.1em 0.2em" 
                        title="Editar Noticia" href="{{Route('noticias.edit', $row->id)}}">
                        <i class="fa fa-edit"></i>
                        </a>
                        
                        <form action="{{route('noticias.destroy', $row->id)}}" method="POST" class="form-delete" style="display: inline-block;">
                        @csrf
                        @method('DELETE')
                            <button  type="submit" class="btn btn-danger btn-sm" 
                            style="text-shadow: black 0.1em 0.1em 0.2em" title="Eliminar Noticia">
                            <i class="fas fa-trash-alt"></i>
                            </button>
                        </form>
                        
                    </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
          </div>
          <!-- /.card -->
        </div>


</div>

@endsection