@extends('layouts.planti')

@section('contenido')

@if(Session::has('success'))
    <div class="alert alert-info">
        {{Session::get('success')}}
    </div>
@endif           
<center>
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Lista de Tablero</h1>
        <a href="{{ route('rtablero.create') }}" class="d-none d-sm-inline-block btn btn-sm btn btn-primary shadow-sm" >Agregar Tablero</a>
        <a href="/exportablero" class="d-none d-sm-inline-block btn btn-sm btn-success shadow-sm"><i class="fa fa-download fa-sm text-white-50"></i> Generar Reporte</a>
    </div>
    
    <div class="row">
        <section class="content">
            <div class="col-md-12 col-md-offset-0">
            <div class="panel panel-default">
                <div class="panel-body">
               
               
                <br>
                <div class="table-container">
                    <table class="table table-bordred table-striped" > {{--id="datatable"--}}
                    <thead>
                    <th> <center>Origen</center></th>
                    <th><center>id_origen</center></th>
                    <th><center>Columna</center></th>
                    <th><center>Titulo</center></th>
                    <th><center>Mostrar </center></th>
                    <th><center>Mostrar en</center></th>
                    <th><center>Funcion</center></th>
                    <th><center>Orden</center></th>
                    <th><center>Inactivo</center></th>
                    <th><center>Editar</center></th>
                    <th><center>Eliminar</center></th>
                    </thead>
                    <tbody>
                    @if($tablero->count()) 
                        @foreach($tablero as $fil)  
                        <tr>
                            <td align="center">{{$fil->origen}}</td>
                            <td align="center">{{$fil->id_origen}}</td>
                            <td align="center">{{$fil->columna}}</td>
                            <td align="center">{{$fil->titulo}}</td> 
                            <td align="center">{{$fil->mostrar}}</td>
                            <td align="center">{{$fil->mostrar_en}}</td>
                            <td align="center">{{$fil->funcion}}</td>
                            <td align="center">{{$fil->orden}}</td>
                            @if($fil->inactivo==1)
                                <td align="center"><span class="fa fa-remove" ></span></td>
                            @else
                                <td align="center"></td>
                            @endif
                           
                            <td align="center"><a class="btn btn-success btn-xs" href="{{action('TableroController@edit', $fil->id)}}" ><span class="fa fa-edit"></span></a></td>
                            <td align="center">
                                <form action="{{action('TableroController@destroy', $fil->id)}}" method="post" onclick="return confirm('¿Seguro que deseas eliminarlo?')">
                                    @csrf
                                    <input name="_method" type="hidden" value="DELETE">            
                                    <button class="btn btn-danger btn-xs" type="submit"><span class="fa fa-trash"></span></button>
                                </form>
                            </td>
                        </tr>
                        @endforeach 
                    @else
                        <tr>
                            <td colspan="8">No hay registro !!</td>
                        </tr>
                    @endif
                    </tbody>
        
                </table>
                </div>
            </div>
            {{-- $tablero->links() --}}
            </div>
        </div>
        </section>
    </div>
    <style>
  .dataTables_filter { 
    display: none;
  }

  .datatables_length { 
    display: none;
  }

  #datatable_length { 
    display: none;
  }

  .dataTables_paginate{
    display: none;
  } /*paging_simple_numbers*/

  .dataTables_info{
    display: none;
  }
</style>  
</center>
@endsection