<?php $__env->startSection('content'); ?>
    <section class="container all-container">
        <div class="header-titulo">
            Requerimiento
        </div>
        <nav>
            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="nav-home" aria-selected="true">Estado</a>
                <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#historial" role="tab" aria-controls="nav-profile" aria-selected="false">Historial</a>
                <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#comentarios" role="tab" aria-controls="nav-profile" aria-selected="false">Comentarios</a>
            </div>
        </nav>
        <div class="tab-content" id="myTabContent">
            <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                <!-- ========Requerimiento Barra header============= -->
                <div class="card mb-1">
                    <div class="card-header titulo-eliminar">
                        <div class="title">
                        </div>
                        <div class="eliminar-container">
                            <?php if(isset(Auth::user()->role) && Auth::user()->role == 'cliente' && $requerimiento->estado == 'PENDIENTE'): ?>
                                <span class="btn btn-sm <?php echo e($requerimiento->estado); ?>" id="estado">ENVIADO</span>
                            <?php elseif(isset(Auth::user()->role) && Auth::user()->role == 'cliente' && $requerimiento->estado == 'CONFIRMADO'): ?>
                                <span class="btn btn-sm <?php echo e($requerimiento->estado); ?>" id="estado">RECIBIDO</span>
                            <?php else: ?>
                                <span class="btn btn-sm <?php echo e($requerimiento->estado); ?>" id="estado"><?php echo e($requerimiento->estado); ?></span>
                            <?php endif; ?>
                            <div class="btn-group mr-2">
                                <?php if(isset(Auth::user()->role) && Auth::user()->role == 'admin'): ?>
                                    <button class="btn btn-sm btn-outline-secondary" onclick="window.location='<?php echo e(route("AsignarDesarrollador",[$requerimiento->id])); ?>'" data-toggle="tooltip" data-placement="bottom" title="Agregar desarrollador"><i class="fas fa-user-plus"></i></button>
                                <?php endif; ?>
                                <?php if($requerimiento->estado == 'PENDIENTE'|| isset(Auth::user()->role) && Auth::user()->role == 'admin' || Auth::user()->role == 'desarrollador'): ?>
                                    <button class="btn btn-sm btn-outline-secondary" onclick="editar()" data-toggle="tooltip" data-placement="bottom" title="Editar"><i class="fas fa-edit"></i></button>
                                    <button class="btn btn-sm btn-outline-secondary" onclick="eliminarlo('<?php echo e(route("eliminarRequerimineto",[$requerimiento->id])); ?>','<?php echo e(route('requerimientos')); ?>')" data-toggle="tooltip" data-placement="bottom" title="Eliminar"><i class="far fa-trash-alt" ></i></button>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                    <!-- ========Requerimiento Barra header FIN============= -->
                    <!-- ========Requerimiento Estado INICIO============= -->
                    <div class="card-body padding-10">
                        <form action="<?php echo e(route('ActualizarRequerimiento',[$requerimiento->id])); ?>" method="post"  id="form-datos">
                            <?php echo e(csrf_field()); ?>

                            <div class="form-group row">
                                <div class="col-sm-2">Titulo</div>
                                <div class="col-sm-10">
                                    <input class="form-control" name="titulo" value="<?php echo e($requerimiento->titulo); ?>" required disabled>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-sm-2">Aplicacion</div>
                                <div class="col-sm-10 col-md-2">
                                    <span class="form-control span-edit-show"><?php echo e($requerimiento->app_name); ?></span>
                                    <select class="form-control span-edit-hidden" name="aplicacion" onchange="filtrarModulos(this.value)" required disabled>
                                        <option value=''>-Aplicaciones</option>
                                        <?php $__currentLoopData = $aplicacionesUsuario; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $aplicacionusuario): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <option value="<?php echo e($aplicacionusuario->app_id); ?>"><?php echo e($aplicacionusuario->app_name); ?></option>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> 
                                    </select>
                                </div>
                                <div class="col-sm-10 col-md-4">
                                    <span class="form-control span-edit-show"><?php echo e($requerimiento->modulo_name); ?></span>
                                    <select class="form-control span-edit-hidden" name="modulo" url="<?php echo e(route('obtenerModulos')); ?>" onchange="filtrarFormularios(this.value)"  id="modulos" required disabled>
                                        <option value=''>-Modulos</option>
                                    </select>
                                </div>
                                <div class="col-sm-10 col-md-4">
                                    <span class="form-control span-edit-show">
                                    <?php if(isset ($requerimiento->form_name)): ?>
                                        <?php echo e($requerimiento->form_name); ?>

                                    <?php endif; ?>
                                    </span>
                                    <select class="form-control span-edit-hidden" url="<?php echo e(route('obtenerFormularios')); ?>" name="formulario" id="formularios" disabled>
                                        <option value=''>-Formularios</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-sm-2">Prioridad</div>
                                <div class="col-sm-10 col-md-2">
                                    <span class="form-control span-edit-show"><?php echo e($requerimiento->prioridad); ?></span>
                                    <select class="form-control span-edit-hidden" name="prioridad" required disabled>
                                        <option value="normal">Normal</option>
                                        <option value="importante">Importante</option>
                                        <option value="urgente">Urgente</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-sm-2">Tipo</div>
                                <div class="col-sm-10 col-md-2">
                                    <span class="form-control span-edit-show"><?php echo e($requerimiento->tipo); ?></span>
                                    <select class="form-control span-edit-hidden" name="tipo" required disabled>
                                        <option value="mejora">Mejora</option>
                                        <option value="Correccion">Correccion</option>
                                    </select>
                                </div>
                            </div>
                            <fieldset class="form-group">
                                <div class="row">
                                    <legend class="col-form-label col-sm-2 pt-0">Descripcion</legend>
                                    <div class="col-sm-10">
                                    <textarea  style="resize: none;" rows="5" id="textarea" name="descripcion" class="form-control" required disabled><?php echo e($requerimiento->descripcion); ?></textarea>
                                    </div>
                                </div>
                            </fieldset>    
                            <?php if($requerimiento->estado == 'PENDIENTE' && Auth::user()->role == 'cliente' || Auth::user()->role == 'admin'): ?>
                            <div class="form-group buttons-edit-container row">
                                <div class="col-sm-10">
                                    <button type="button" onclick="editar()" id="button-cancelar" class="btn btn-dark">Cancelar</button>
                                    <button type="submit" id="button-guardar" class="btn btn-light">Guardar</button>
                                </div>
                            </div>
                            <?php endif; ?>
                        </form>
                        <!-- cambiar estado  inicio-->
                        <?php if(Auth::user()->role == 'desarrollador'): ?>
                        <div class="estado-requerimiento">
                            <span class="estado-requerimiento-title">Cambiar estado del requerimineto</span>
                            <form class="" method="post" action="<?php echo e(route('actualizarEstadoRequerimiento',[$requerimiento->id])); ?>">
                                <?php echo e(csrf_field()); ?>

                                <div class="form-group row">
                                    <div class="col-sm-2">Estado</div>
                                    <div class="col-sm-10">
                                        <select class="form-control" name="estado" onchange="mostrarFecha(this.value)" required>
                                            <option value="REALIZADO">REALIZADO</option>
                                            <option value="PROCESO">PROCESO</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row" id="fechaAproximada">
                                    <div class="col-sm-2">Fecha aproximada</div>
                                    <div class="col-sm-10">
                                        <input type="datetime-local" id="TiempoAproximado" class="form-control" name="TiempoAproximado">
                                    </div>
                                </div>
                                <div class="button-estadoRequerimiento-container">
                                    <button type="submit" class="btn btn-primary btn-block">Guardar</button>
                                </div>
                            </form>
                        </div>
                        <?php endif; ?>
                        <!-- cambiar estado  FIN-->
                    </div>
                    <div class="card-footer small text-muted" style="display: flex;flex-direction: row;justify-content: space-between;">
                        <?php echo e($requerimiento->updated_at); ?>

                        <?php if($requerimiento->TiempoAproximado != '0000-00-00 00:00:00' && $requerimiento->TiempoAproximado != null): ?>
                            <div class="TiempoAproximado-container">
                                <strong>Tiempo aproximado para completar este requerimiento:</strong>
                                <?php echo e($requerimiento->TiempoAproximado); ?>

                            </div>
                        <?php endif; ?>
                    </div>
                    <!-- ======== /Requerimiento Estado FIN============= -->
                </div>
                <!-- cambiar estado cliente inicio-->
                <?php if(Auth::user()->role == 'cliente' && $requerimiento->estado == 'REALIZADO'): ?>
                <div class="card mb-3">
                    <div class="card-header titulo-eliminar">
                    </div>
                    <div class="card-body">
                        <form method="post" action="<?php echo e(route('actualizarEstadoRequerimiento',[$requerimiento->id])); ?>">
                            <?php echo e(csrf_field()); ?>

                            <?php if($errors->any()): ?>
                                <div class="alert alert-danger">
                                    <ul>
                                        <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <li><?php echo e($error); ?></li>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </ul>
                                </div>
                            <?php endif; ?>   
                            <select class="form-control col-md-4 mb-2"  name="estado" required>
                                <option value="APROBADO">APROBADO</option>
                                <option value="INCOMPLETO">INCOMPLETO</option>
                            </select>
                            <div id="razonContainer" class="mb-2">
                                <div class="">Razon de su respuesta. ***</div>
                                <textarea class="form-control col-md-4" rows="8" style="resize:none" id="razon" name="razon" required></textarea>
                            </div>
                            <div class="button-respuesta-estado-container col-md-4">
                                <button type="submit" class="btn btn-primary">Guardar</button>
                            </div>
                        </form>
                    </div>
                    <div class="card-footer small text-muted">
                    </div>
                </div>
                <?php endif; ?>
                <!-- cambiar estado cliente fin-->
                <!-- Lista desarrolladores requerimiento inicio-->
                <?php if(isset(Auth::user()->role) && Auth::user()->role == 'admin'): ?>
                <div class="card mb-3">
                    <div class="card-header">
                    <i class="fas fa-ruler"></i> Desarrolladores del requerimiento
                    </div>
                    <div class="card-body">
                        <div class="container">
                            <div class="row">
                                <?php if( $requerimientos_desarrolladores == '[]'): ?>
                                <small class="text-muted">Este requerimiento no tiene Desarrolladores</small>
                                <?php endif; ?>
                                <?php $__currentLoopData = $requerimientos_desarrolladores; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $requerimiento_desarrollador): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <a class="col-md-4 list-group-item list-group-item-action flex-column pointer">
                                        <i onclick="destroydeveloperRequirement('<?php echo e(route('destroydeveloperRequirement',[$requerimiento_desarrollador->id])); ?>')" class="fas fa-backspace float-right deleteIcon"></i>
                                        <div onclick="window.location='<?php echo e(route("user",[$requerimiento_desarrollador->desarrollador_id])); ?>'" class="d-flex w-100 justify-content-between">
                                        <h5 class="mb-1"><?php echo e($requerimiento_desarrollador->desarrollador_name); ?></h5>
                                        </div>
                                    </a>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </div>
                    </div>
                </div>
                <?php endif; ?>
                <!-- Lista desarrolladores requerimiento fin-->
            </div>
            <div class="tab-pane fade" id="historial" role="tabpanel" aria-labelledby="profile-tab">
                <!-- Historial requerimiento inicio-->
                <div class="card text-center">
                    <div class="card-body">
                        <div class="table-container">
                            <table class="table table-hover table-bordered text-center">
                                <thead>
                                <tr class="table-active">
                                    <th>Estado</th>
                                    <th>Detalles</th>
                                    <th>Fecha</th>
                                </tr>
                                </thead>
                                <tbody id="myTable">
                                        <?php $__currentLoopData = $historial_requerimientos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $historial_requerimiento): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <tr style="cursor:pointer;z-index:-99">
                                            <td class="td-estado">
                                                <span class="badge <?php echo e($historial_requerimiento->estado_requerimiento); ?>">
                                                <?php if(isset(Auth::user()->role) && Auth::user()->role == 'cliente' && $historial_requerimiento->estado_requerimiento == 'PENDIENTE'): ?>
                                                    ENVIADO
                                                <?php elseif(isset(Auth::user()->role) && Auth::user()->role == 'cliente' && $historial_requerimiento->estado_requerimiento == 'CONFIRMADO'): ?>
                                                    RECIBIDO
                                                <?php else: ?>
                                                    <?php echo e($historial_requerimiento->estado_requerimiento); ?>

                                                <?php endif; ?>
                                                </span>
                                            </td>
                                            <td><?php echo e(substr($historial_requerimiento->razon, 0, 140)); ?></td>
                                            <td style="width:170px"><?php echo e($historial_requerimiento->created_at); ?></td>
                                        </tr>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <?php if($requerimiento->estado == 'APROBADO'): ?>
                    <div class="card-footer text-muted">
                        <span class="btn btn-dark btn-block cursor-n">Finalizado</span>
                    </div>
                    <?php endif; ?>
                </div>
                
                <!-- Historial requerimiento fin-->
            </div>
            <div class="tab-pane fade" id="comentarios" role="tabpanel" aria-labelledby="profile-tab">
                <div class="card">
                    <div class="card-body">
                        <!-- Bloquear comentarios si el requerimiento esta Aprobado/Terminado -->
                        <?php if($requerimiento->estado == 'APROBADO'): ?>
                        <div class="card-footer text-muted">
                            <span class="btn btn-dark btn-block cursor-n">Finalizado</span>
                        </div>
                        <?php else: ?>
                        <form action="<?php echo e(route('AgregarComentario',[$requerimiento->id])); ?>" method="post">
                            <?php echo e(csrf_field()); ?>

                            <div class="comentario-container col-md-6 mx-auto">
                                <div class="img-container mx-auto">
                                    <div class="image" style="background-image: url('https://www.eldescomunal.com/wp-content/uploads/2018/03/goku.jpg')"></div>
                                </div>
                                <div class="comentario-contenido mx-auto">
                                    <textarea class="contenido" name="contenido" id="contenido" resize="none" placeholder="Comentar..."></textarea>
                                </div>
                                <div class="button-comentar-container mx-auto">
                                    <button class="btn btn-light light2">Comentar</button>
                                </div>
                            </div>
                        </form>
                        <?php endif; ?>
                        <div class="Comentario form-control mt-2">
                            <div class="comentarios-title-container mx-auto mb-1">
                                <span class="comentarios-title">Lista de comentarios:</span>
                            </div>
                            <?php if($comentarios == '[]'): ?>
                                <p class="text-muted text-center">No hay comentarios</p>
                            <?php endif; ?>
                            <?php $__currentLoopData = $comentarios; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $comentario): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="comentario-container mx-auto mb-2">
                                <div class="img-container mx-auto">
                                    <div class="image" style="background-image: url('https://www.eldescomunal.com/wp-content/uploads/2018/03/goku.jpg')"></div>
                                    <div class="nombre-container">
                                        <span class="badge"><?php echo e($comentario->user_name); ?></span>
                                        <span class="badge"><?php echo e($comentario->created_at); ?></span>
                                    </div>
                                    <?php if(isset(Auth::user()->role) && Auth::user()->role == 'admin'): ?>
                                        <i onclick="eliminarComentario('<?php echo e(route("eliminarComentario",[$comentario->id])); ?>')" class="fas fa-backspace"></i>
                                    <?php endif; ?>
                                </div>
                                <div class="comentario-contenido mx-auto">
                                    <span class="contenido"><?php echo e($comentario->contenido); ?></span>
                                </div>
                            </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <?php echo e(App\requerimientos::recibir($requerimiento->id, $requerimiento->estado)); ?>

    </section>
    <style>        
        #mainNav.navbar-dark .navbar-collapse .navbar-sidenav>.nav-item>.RequerimientosLink {color:#1c8dff;}
    </style>
	<script src="<?php echo e(asset('js/sweetalert.min.js')); ?>"></script>
	<link  media="all" rel="stylesheet" type="text/css" href="<?php echo e(asset('css/general.css')); ?>">
	<script src="<?php echo e(asset('js/aplicacion.js')); ?>"></script>
	<script src="<?php echo e(asset('js/requerimientos.js')); ?>"></script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.dashboard', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>