@extends('layouts.dashboardnew')

@section('content')


<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <div class="col-md-3">
                        <div class="form-group">
                            <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#agregar"> Agregar Categoría </a>
                        </div>
                    </div>
                    
                        <table class="table table-striped table-bordered zero-configuration">
                            <thead>
                                <th class="text-center">id</th>
                                <th class="text-center">Título</th>
                                <th class="text-center">Fecha</th>
                                <th class="text-center">Acciones</th>
                            </thead>
                            <tbody>
                                @foreach ($categorias as $cat)
                                <tr>
                                  <td class="text-center">{{ $cat->id }}</td>
                                  <td class="text-center">{{ $cat->titulo }}</td>
                                  <td class="text-center">{{ date('d-m-Y', strtotime($cat->created_at)) }}</td>
                                  <td class="text-center">
                                      <a class="btn btn-info text-white" data-toggle="modal" data-target="#actualizar" onclick="actualizarCat('{{$cat->id}}','{{$cat->titulo}}')"> Editar </a>
                                      <a class="btn btn-danger text-white" onclick="eliminar('{{$cat->id}}')"> Eliminar </a>
                                  </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                  
                </div>
            </div>
        </div>
    </div>
</div>     


@include('archivo.categorias.agregar')
@include('archivo.categorias.editar')


@endsection

@include('usuario.componentes.scripBotones')

@push('script')
<script type="text/javascript">
    
    function eliminar(ID){
        Swal.fire({
           title: 'Está seguro de realizar esta acción, al dar clic es irreversible recuperar la información.',
           type:'warning',
           showCancelButton: true,
           confirmButtonColor: '#3085d6',
           cancelButtonColor: '#d33',
           confirmButtonText: 'Si',
           cancelButtonText: 'No',
        }).then((result) => {
            if (result.value) {
              window.location.href = 'catdelete/'+ID;
            }
        });
    }
    
    function actualizarCat(id, titulo){
        
        $('.id').val(id);
        $('.titulo').val(titulo);
        
    }; 
     
</script>
@endpush