@extends('layouts.admin')

@section('content')

    @include('admin.layouts.navegator')







    <div class="dashboard-wrapper">
        <div class="dashboard-ecommerce">
            <div class="container-fluid dashboard-content ">

                @include('admin.layouts.subheader')
                
                
        <link rel="stylesheet" src="https://cdn.datatables.net/2.2.2/css/dataTables.dataTables.css" type="text/css">
        
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="https://cdn.datatables.net/2.2.2/js/dataTables.js"></script>

<script>
    $(function() {

        $('#example').DataTable({
            

        });






    });

</script>

        <div class="ecommerce-widget">
                    <div class="row">
                        <div class="col-md-12 p-0">
                            <div class="card influencer-profile-data">
                                <div class="card-header bg-light">
                                    <h3 class="text-center m-0">Listado de Registros     </h3>
                                     <h3 class="m-0"><a href="{{route('serviciomantenimientoedit')}}/0">Nuevo registro</a>     </h3>
                                </div>
                                
                                <div class="card-body">
                                    <div class="row">
                                         <table isd="example" class="display" style="width:100% !important;"  >
        <thead  style="width:100%">
            <tr>
                <th>id</th>
                <th>Titulo</th>
      
                <th>editar</th>
            </tr>
        </thead>
        <tbody  style="width:100%">
            
            @foreach($data as $key=>$row)
            <tr>
                <td>{{$row->id}}</td>
                <td>{{$row->titulo}}</td>
        
                <td>
              <a href="{{route('serviciomantenimientoedit',['id'=>$row->id])}}" class="btn mb-2 me-2 btn-icon btn-pill btn btn-outline-focus btn-sm" role="button"><i class="pe-7s-upload btn-icon-wrapper"></i>Editar</a>
           </td>
            </tr>
            @endforeach
              </tbody>
  
    </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                      
                   </div>
                </div>
            </div>
        </div>
<style>
    
    #example_wrapper{
        width:100% !important
        
    }
</style>
        
        @include('admin.layouts.footer')

    </div>

@endsection