@extends('layouts.sesion')
@section('content')
<div class="container">
    @if (Session::has('info'))
    <div class="row my-4">
        <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 my-4">
        <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('secciones.create')}}" class="btn btn-success my-4" 
    style="text-shadow: black 0.1em 0.1em 0.2em"><i class="fa fa-plus"></i> Nueva sección</a>
</div>
<div class="card card-primary card-outline">
          <div class="card-header">
            <h3 class="card-title">
              <i class="fas fa-edit"></i>
              SECCIONES
            </h3>
          </div>
          <div class="card-body">
                <div class="alert alert-info">
                    <p>Este módulo tiene la finalidad de crear, modificar y eliminar secciones del sitio principal de la pagina de <span class="font-weight-bold">Vuelta Trujillo</span></p>
                </div>
                <table class='table table-striped table-bordered' id="">
                <thead>
                    <tr>
                    <th class="text-center">#</th>
                    <th class="text-center">Titulo </th>
                    <th class="text-center">Autor</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->user->name}}</td>   
                    <td class="text-center">    
                        <a class="btn btn-primary btn-sm" style="text-shadow: black 0.1em 0.1em 0.2em" 
                        title="Editar Suscriptor" href="{{Route('secciones.edit', $row->id)}}">
                        <i class="fa fa-edit"></i>
                        </a>
                        
                        <form action="{{route('secciones.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 Suscriptor">
                            <i class="fas fa-trash-alt"></i>
                            </button>
                        </form>
                        
                    </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
          </div>
          <!-- /.card -->
        </div>


</div>

@endsection