{{-- MODALs --}}

@php
$motivos_cancelaciones = \App\motivos_cancelaciones::gatDataMotivos();
@endphp
<div class="modal fade" id="modalcancelargeneral" role="dialog">
  <div class="modal-dialog  modal-lg modal-dialog-centered">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
          <h4 class="modal-title">Motivo Cancelacion</h4>
          <button type="button" class="btn-close" onclick="cerrarModalCancelar()"></button>
      </div>
      <!-- Modal body -->
      <div class="modal-body">
              <form action="{{route('go.cancelarservicios')}}" method="POST" class="col-12"> 
                <!-- <form  method="POST" class="col-12"> -->
                  @csrf
              <div>

                  <input type="text"  id="id_solicitud_instalacion" name="id_solicitud_instalacion">
                  <input type="text"  id="proveedorremotoservicio" name="proveedorremotoservicio">
                  <input type="text"  id="tipo_accion" name="tipo_accion">
                   <select required name="motivocancelado" id="" class="form-control">
                      <option value="">Seleccionar</option>
                      @foreach($motivos_cancelaciones as $data)
                      <option value="{{$data->id}}" {{(old('idca')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>
                      @endforeach
                  </select> 
              </div>
              <div>
                  <label for="">Observación</label>
                  <textarea class="form-control" name="observacioncancelado" cols="30" required rows="10" id="observacion" maxlength="500" oninput="updateCount()"></textarea><br>
                  <small id="charCount">500 caracteres restantes</small>
              </div>
              <div style="text-align: right">
                  <button type="submit" class="btn btn-success">Registrar</button>

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


{{-- MODAL DOS --}}

{{-- MODALs --}}
<div class="modal fade" id="opcionesmodalcancelargeneral" role="dialog">
  <div class="modal-dialog  modal-lg modal-dialog-centered">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
          <h4 class="modal-title">Motivo Cancelacion</h4>
          <button type="button" class="btn-close" onclick="cerrarModalCancelarOpciones()"></button>
      </div>
      <!-- Modal body -->
      <div class="modal-body">
              <form action="{{route('go.cancelarservicios')}}" method="POST" class="col-12"> 
                <!-- <form  method="POST" class="col-12"> -->
                  @csrf
              <div>

              </div>
              <div>
                <label for="">Fecha Cancelacion:</label>
                <input type="text" disabled value="" id="fechaCancelacion">
                <select required name="motivocanceladoOpciones" id="motivocanceladoOpciones" class="form-control">
                  <option value="">Seleccionar</option>
                  @foreach($motivos_cancelaciones as $data)
                  <option value="{{$data->id}}" {{(old('idca')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>
                  @endforeach
              </select> 
                  <label for="">Observación</label>
                  <textarea class="form-control" name="observacioncancelado" cols="30" required rows="10" id="observacion_motivo" maxlength="500" oninput="updateCount()"></textarea><br>
                  <small id="charCount">500 caracteres restantes</small>
              </div>
              <div style="text-align: right">
                  <button type="submit" class="btn btn-success">Registrar</button>

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



<script>


function abrirModalCancelarGeneralmotivos(idMotivo,descripcion,motivo,fecha){
      //  alert(descripcion);
      //  alert(motivo);

       $("#observacion_motivo").val(motivo);
       $("#motivocanceladoOpciones").val(idMotivo);
       $("#fechaCancelacion").val(fecha);
       
       
      // $("#id_solicitud_instalacion").val(idSolicitud);
      // $("#proveedorremotoservicio").val(proveedor);
      // $("#tipo_accion").val(tipo);
      
      $("#opcionesmodalcancelargeneral").modal('show');
    }
 
    function abrirModalCancelarGeneral(tipo,proveedor,idSolicitud){
      // alert(idSolicitud);
      $("#id_solicitud_instalacion").val(idSolicitud);
      $("#proveedorremotoservicio").val(proveedor);
      $("#tipo_accion").val(tipo);
      
      $("#modalcancelargeneral").modal('show');
    }


    function cerrarModalCancelarOpciones(){

      $('#opcionesmodalcancelargeneral').modal('hide');

}

</script>