@extends('layouts.dashboardnew')

@section('content')

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
            	<div class="table-responsive">

            	<div class="col-md-3">
                  <div class="form-group">
			               <a class="btn btn-info w-100" data-bs-toggle="modal" data-bs-target="#agregar">Agregar nota</a>
			            </div>
			        </div>

		    
			        <table class="table table-bordered table-striped zero-configuration">
				          <thead>
					            <tr>
						            <th class="text-center">Titulo</th>
						            <th class="text-center">Contenido</th>
						            <th class="text-center">Acciones</th>
					            </tr>
				          </thead>
				          <tbody>
					            @foreach ($notas as $nota)
					              <tr>
						               <td class="text-center">{{ $nota->titulo }}</td>
						               <td class="text-center">{!! $nota->contenido !!}</td>
						               <td class="text-center">

						                  <a class="btn btn-info" data-bs-toggle="modal" data-bs-target="#editar" onclick="seleccionar('{{$nota->id}}','{{$nota->titulo}}','{{$nota->contenido}}')">
                                 <i class="fa fa-edit"></i>
                              </a>

						                  <a class="btn btn-danger" href="{{ route('notas-eliminar', $nota->id) }}">
                                 <i class="fa fa-trash"></i>
                              </a>
    
						                </td>
					              </tr>
					            @endforeach
				          </tbody>
			        </table>


			    </div>
			</div>  
		</div>
	</div>
</div>

{{-- modal para agregar --}}
@include('notas/modal/agregar')

{{-- modal para editar --}}
@include('notas/modal/editar')


@endsection
@include('usuario.componentes.scritpTable')


@push('script')
<script type="text/javascript">

function seleccionar(id, titulo, conte){
    $('.id').val(id);
    $('.titulo').val(titulo);
    $('.contenido').val(conte);
}

       
</script>  
@endpush