@extends('elementos.navegacion')
@section('pagina', 'Orden de Compra')

@section('content')

 

@foreach($users2 as $m2)
@endforeach
	

<script type="text/javascript">

 function myFunction() {
  var str = document.getElementById("nom_cliente").value;
  var res = str.toUpperCase();
  document.getElementById("nom_cliente").value = res;
}

</script>


 <style type="text/css">

    .panel-body{
      margin-top: -30px;
    }

 </style>

  <input name="formulario" id="formulario" value="" type="hidden" >


  <div class="col-xs-12 col-xs-offset-0 col-md-offset-1 col-md-10">

   <div class="panel panel-info" data-collapsed="0">
       
       
       	<div class="container-fluid text-center">@include('elementos.flash')</div>

    <div class="panel-heading">
        <a style="color: white;  background-color: green; border-color: green;" href="{{ action('GestionController@list_ticket') }}" class="btn btn-primary"><span style="color: white;" class="glyphicon glyphicon-arrow-left"></span> VOLVER</a>
        
        
      <center><h4><b style="color:#fff;">Ticket # {{ zerofill($cod_ticket) }}   </b></h4></center>
    </div>

 
      <br><br>
     

   <div class="panel-body" style="">
   
    @foreach($detalle_ticket as $m)
    @endforeach

     <div class="form-group col-md-3">
          <label for="inputPassword4"> CLIENTE:</label> 
          <input class="form-control border-form" name="telefonoClient" id="telefonoClient" type="text" required="" autocomplete="off" placeholder="993 837 488" value="{{ $m->nombre  }}" style="color:black; font-size: 15px; font-weight: bold;" readonly>
     </div>
     
      <div class="form-group col-md-3">
      <label for="inputPassword4"> PERSONA:</label> 
       <input class="form-control border-form" name="PersonaContact" id="PersonaContact" type="text" required="" autocomplete="off" placeholder="993 837 488" value="{{ $m->PersonaContact  }}" style="color:black; font-size: 15px; font-weight: bold;" readonly>
    </div>
    

     <div class="form-group col-md-2">
      <label for="inputPassword4"> TELEF. CLIENTE:</label> 
       <input class="form-control border-form" name="telefonoClient" id="telefonoClient" type="text" required="" autocomplete="off" placeholder="993 837 488" value="{{ $m->TelefContacto  }}" style="color:black; font-size: 15px; font-weight: bold;" readonly>
    </div>
    
     <div class="form-group col-md-2">
      <label for="inputPassword4"> PRIORIDAD:</label> 
       <input class="form-control border-form" name="telefonoClient" id="telefonoClient"  type="text" required="" autocomplete="off" placeholder="993 837 488" value="{{ $m->deno_prioridad  }}" style="color:black; font-size: 15px; font-weight: bold;" readonly>
    </div>
    
    
     <div class="form-group col-md-4">
      <label for="inputPassword4">ASUNTO:</label> 
      <input class="form-control border-form" name="telefonoClient" id="telefonoClient" type="text" required="" autocomplete="off" placeholder="993 837 488" value="{{ $m->deno_asunto  }}" style="color:black; font-size: 15px; font-weight: bold;" readonly>
    </div>

 
 
    
     <div class="form-group col-md-8">
      <label for="inputPassword4">MENSAJE TICKET:</label> 
      <input class="form-control border-form" name="telefonoClient" id="telefonoClient"   type="text" required="" autocomplete="off" placeholder="993 837 488" value="{{ $m->deno_mensaje  }}" style="color:black; font-size: 15px; font-weight: bold;" readonly>
    </div>

 

  </div>

 
  

</div>	




















  




   <div class="panel panel-info" data-collapsed="0">
       
       
       	<div class="container-fluid text-center">@include('elementos.flash')</div>

    <div class="panel-heading">
         <center><h4><b style="color:#fff;"> Registrar Interaccion del Ticket </b></h4></center>
    </div>

 
      <br><br>
{!!Form::open(['url' => 'guardar_nueva_interaccion','method'=>'POST'])!!}
{!!Form::token()!!}  

   <div class="panel-body" style="">
  
    <input class="form-control border-form" name="idticket" id="idticket"   type="hidden"  value="{{ $cod_ticket }}"  >

     <div class="form-group col-md-4">
          <label for="inputPassword4"> Tipo de Interaccion:</label> 
           <select name="id_interaccion" id="id_interaccion"  onchange="validator();" class="form-control border-form selector" required="">
                <option value="">.:SELECCIONE INTERACION :.</option>
                @foreach($tk_tipo_service_ticket as $m)
                  <option value="{{$m->id}}">{{$m->deno}}</option>
                @endforeach
      </select>
     </div>

 
     <div class="form-group col-md-4">
          <label for="inputPassword4"> Derivar a Usuario:</label> 
           <select name="id_user_derivacion" id="id_user_derivacion" class="form-control" required="" disabled>
                <option value="">.:SELECCIONE USUARIO :.</option>
                @foreach($usuarios as $m)
                  <option value="{{$m->id}}">{{$m->nombre_apellido}} - {{$m->cargo_empresa}}</option>
                @endforeach
      </select>
     </div>
     
     
      <div class="form-group col-md-4">
          <label for="inputPassword4"> Tipo Soporte:</label> 
           <select name="id_tipo_soporte" id="id_tipo_soporte" class="form-control" required="" disabled>
                <option value="">.:SELECCIONE UN TIPO :.</option>
                @foreach($tipo_soporte as $m)
                  <option value="{{$m->id}}">{{$m->nom_tipo}}</option>
                @endforeach
      </select>
     </div>
     
    
     <div class="form-group col-md-10">
      <label for="inputPassword4">Mensaje y/o Solucion Final:</label> <br> 
        <textarea class="panel panel-info" name="observaciones" id="observaciones" cols="50" style="height: 70px;" style="text-align: left;" disabled></textarea>
    </div>
    
      <div class="form-group col-md-2">
        <br><br><br>
        <div class="form-group">
         <div class="input-group">
           <span class="input-group-btn"><i class="fa fa-paper-plane-o"></i>
            {!!Form::submit('REGISTRAR', ['class'=>'btn btn-primary pull-right','id'=>'bot'])!!}
          </div>
        </div>
    </div>
     

{!!Form::close()!!}
 

  </div>
  
  
 


</div>	

   

























   <div class="panel panel-info" data-collapsed="0">
       
       
       	<div class="container-fluid text-center">@include('elementos.flash')</div>

    <div class="panel-heading">
         <center><h4><b style="color:#fff;"> Detallado de Interacciones </b></h4></center>
    </div>

 
      <br><br>
     

   <div class="panel-body" style="">
   
   

    <div class="row">
  
  <div class="col-md-12">
    <div class="row space-16">&nbsp;</div>
    <div class="row">
    
    
    @foreach($detallado_ticket as $m)
   
      <div class="col-sm-12">
        <div class="thumbnail">
          <div class="caption">
           
            <h4 id="thumbnail-label"><i class="glyphicon glyphicon-calendar"></i> {{ date("d/m/Y H:i:s", strtotime($m->DateTimeOperacion))  }}   
            <i style="margin-left: 50px;" class="glyphicon glyphicon-user light-red lighter bigger-120"></i> {{ $m->nombre_apellido  }}  
            <i style="margin-left: 50px;" class="glyphicon glyphicon-earphone"></i> {{ $m->nom_service  }} 
            
             
            <span style="background-color: #5bc0de; margin-left: 50px;" class="label requestor-badge requestor-type-owner float-md-right">Operador</span> </h4>
             
            
            
            
            <div class="thumbnail-description smaller" style="color:black; font-size: 12px; font-weight: bold;"> {{ $m->deno_solucion_final  }}  </div>
          </div>
          <div class="caption card-footer text-center">
            <!--ul class="list-inline">
              <li><i class="people lighter"></i>&nbsp;7 Active Users</li>
              <li></li>
              <li><a href="#">&nbsp;Help</a></li>
            </ul-->
          </div>
        </div>
      </div>
      
       @endforeach
      
    </div>
    <div class="col-md-2">&nbsp;</div>
  </div>
</div>
 

  </div>
  
  
 


</div>







<script type="text/javascript">




function validator(){
       
       var id_interaccion = document.getElementById("id_interaccion").value;
       var id_user_derivacion = document.getElementById("id_user_derivacion");
       console.log(id_interaccion);
       if (id_interaccion=='3' || id_interaccion=='5') {

            $("#id_user_derivacion").prop("disabled", false);
            document.getElementById('observaciones').disabled = false;
            document.getElementById('id_tipo_soporte').disabled = true;
            
       }else{
           
           document.getElementById('id_tipo_soporte').disabled = false;
           document.getElementById('observaciones').disabled = false;
           $("#id_user_derivacion").prop("disabled", true);
           
       }
  
  
}







  $(document).ready(function () {
        $('.selector').selectize({
          placeholder: '.:SELECCIONE O BUSQUE:.',
            // sortField: 'text'
        });
    });
</script>
 



@endsection