@extends('layouts.app')

@section('content')
<div class="ind">
        <article>
            <div class="titlepag">
              <h2>Incidencias resueltas</h2>
              <hr>
            </div>
            <div class="card">
                <div class="card-body">
                    <table class="main_table">
                        <thead>
                            <tr>
                                <th>Necesidad</th>
                                <th>Fecha petición</th>
                                <th>Fecha limite</th>
                                <th>Descripción</th>
                                <th>Responsable petición</th>
                                <th>Responsable cambio</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach ($nec as $necesidad)
                            <tr style="cursor: pointer;" onclick="window.location.href='necesidad?id={{$necesidad->id}}'">
                                <td>NEC_{{$necesidad->id}} | {{$necesidad->titulo}}</td>
                                <td>{{$necesidad->fecha_solicitud}}</td>
                                <td>{{$necesidad->fecha_limite}}</td>
                                <td>{{substr("$necesidad->descripcion", 0, 40) . "..."}}</td>
                                <td>{{$necesidad->user_solicitante_name}} {{$necesidad->user_solicitante_lastname}}</td>
                                <td>{{$necesidad->user_responsable_name}} {{$necesidad->user_responsable_lastname}}</td>
                                <td><button class="cerrar-bt" onclick="cambiarEstado({{$necesidad->id}}, 4)"><i class="bi bi-check2-all"></i>  Cerrar</button></td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </article>
    </div>
    <textarea style="display: none;" name="respuestatxt" id="respuestatxt" cols="30" rows="10"></textarea>
    <script>

        function insertInteraccion(id_nec){
        if (document.getElementById('respuestatxt').value==""){
          errorWindowShow("error-text");
        }
        else{
            let data={
              'id_inc': id_nec,
              'mensaje': document.getElementById('respuestatxt').value
            }
            fetch("{{route('insertInteraccion')}}", {
              headers:{
                "Content-Type": "application/json",
                "Accept": "application/json, text-plain, */*",
                "X-Requested-With": "XMLHttpRequest",
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
              },
              method:'POST',
              body: JSON.stringify(data)
          })
          .then(response => response.json())
          .then(function(result){
          })
          }
          
        }

        function cambiarEstado(id_nec, estado){
        if(estado==2){
          let data={
          'id': id_nec,
          'estado': estado
          }

          fetch("{{route('cambiarEstado')}}", {
              headers:{
                "Content-Type": "application/json",
                "Accept": "application/json, text-plain, */*",
                "X-Requested-With": "XMLHttpRequest",
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
              },
              method:'POST',
              body: JSON.stringify(data)
          })
          .then(response => response.json())
          .then(function(result){
          
          })
          fetch("{{route('cambiarResponsable')}}", {
              headers:{
              "Content-Type": "application/json",
              "Accept": "application/json, text-plain, */*",
              "X-Requested-With": "XMLHttpRequest",
              'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
              },
              method:'POST',
              body: JSON.stringify(data)
          })
          .then(response => response.json())
          .then(function(result){
          
          })
        }
        else{
          let data={
          'id': id_nec,
          'estado': estado
          }

          fetch("{{route('cambiarEstado')}}", {
              headers:{
                "Content-Type": "application/json",
                "Accept": "application/json, text-plain, */*",
                "X-Requested-With": "XMLHttpRequest",
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
              },
              method:'POST',
              body: JSON.stringify(data)
          })
          .then(response => response.json())
          .then(function(result){
          
          })
        }
        
        location.reload()
      }
    </script>
@endsection