@extends('base')

@section('main')

<div class="row">

<div class="col-sm-12">

    <div style="padding-top: 15px">

      @include('message')

    </div>

    <h1 class="display-3">Porcentaje rojo</h1>
    
  <table class="table table-striped" id="tablaregistros">

    <thead>

        <tr>
          <th>ID</th>
<th>Valor</th>

          <th>Acciones</th>
        </tr>
    </thead>

    <tbody>

        @foreach($porcentajerojos as $porcentajerojo)

        <tr>
        <td>{{$porcentajerojo->id}}</td>
<td>{{$porcentajerojo->valor}}%</td>

            <td width="5%" colspan="2">

     
                <form id="{{$porcentajerojo->id}}" action="{{ route('porcentajerojo.destroy', $porcentajerojo->id)}}" method="post">

                  @csrf

                  @method('DELETE')

                  <a href="{{ route('porcentajerojo.edit',$porcentajerojo->id)}}" class="btn btn-primary">Editar</a>

               <!--   <a class="btn btn-danger" id="borrar" idborrar="{{$porcentajerojo->id}}" >Borrar</a>-->
                </form>

            </td>

        </tr>

        @endforeach

    </tbody>

  </table>

<div>

</div>

@push('scripts')
<script type="text/javascript">
 $(document).on("click", "#borrar", function(){
var id = $(this).attr("idborrar");
  swal({
    title: '¿Está seguro de borrar el registro?',
    text: "¡Una vez eliminado, la acción no se podrá deshacer!",
    type: 'warning',
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
      cancelButtonColor: '#d33',
      cancelButtonText: 'Cancelar',
      confirmButtonText: 'Si, borrar registro!'
  }).then(function(result){

    if(result.value){
    $('#'+id).submit();
    }

  });

});
</script>
@endpush
@endsection