@model UPCLawyerEntity.Entity.UsuarioDto
@{
    ViewBag.Title = "Dashboard UPCLawyer";
    Layout = "~/Views/_LayoutMaster.cshtml";

}
<script type="text/javascript">
    function truncateText(selector, maxLength) {
        var element = document.querySelector(selector),
            truncated = element.innerText;

        if (truncated.length > maxLength) {
            truncated = truncated.substr(0, maxLength) + '...';
        }
        return truncated;
    }
    document.querySelector('span').innerText = truncateText('span', 100);
</script>


@if (@Model.Rol.Nombre!="usuario")
                                    {
    <div class="row">
        <div class="col-md-3 col-sm-6">
            <div class="fd-tile detail tile-prusia">
                <div class="content"><h1 class="text-left">@Model.TotalConsultas</h1><p>Preguntas Totales</p></div>
                <div class="icon"><i class="fa fa-exclamation-triangle"></i></div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="fd-tile detail tile-green">
                <div class="content"><h1 class="text-left">@Model.Finalizadas</h1><p>Preguntas Finalizadas</p></div>
                <div class="icon"><i class="fa fa-folder-open"></i></div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="fd-tile detail tile-yellow">
                <div class="content"><h1 class="text-left">@Model.Pendientes</h1><p>Preguntas Pendientes</p></div>
                <div class="icon"><i class="fa fa-folder-open"></i></div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="fd-tile detail tile-red">
                <div class="content"><h1 class="text-left">@Model.Canceladas</h1><p>Preguntas Canceladas</p></div>
                <div class="icon"><i class="fa fa-folder-open"></i></div>
            </div>
        </div>
    </div>
}

<div class="row">
    <div class="col-md-12">
        <div class="block-flat">
            <div class="header">
                <h3>Visión general</h3>
            </div>
            <div class="content">
                <div class="table-responsive">
                    <table class="table-bordered hover list">
                        <thead>
                            <tr>
                                <td style="width: 10%;"><strong>Dificultad</strong></td>
                                <td style="width: 40%;"><strong>Pregunta</strong></td>
                                <td style="width: 10%;"><strong>Usuario</strong></td>
                                <td style="width: 10%;"><strong>Asesor</strong></td>
                                <td style="width: 10%;"><strong>Estado</strong></td>
                                <td style="width: 10%;"><strong>Fecha</strong></td>
                                <td style="width: 10%;"><strong>Detalle</strong></td>
                                @if (@Model.Rol.Nombre!="usuario")
                                    {
                                        <td style="width: 10%;"><strong>Respuesta</strong></td>
                                }
                            </tr>
                        </thead>
                        <tbody class="table-bordered">
                            @foreach (var Consulta in Model.Consultas)
                            {
                                <tr class="items">
                                    @if (Consulta.Dificultad != null)
                                    {
                                        if (Consulta.Dificultad.IsMedia)
                                        {
                                            <td style="width: 10%;"><span class="label label-warning">@Consulta.Dificultad.Nombre</span></td>
                                        }
                                        else if (Consulta.Dificultad.IsBaja)
                                        {
                                            <td style="width: 10%;"><span class="label label-info">@Consulta.Dificultad.Nombre</span></td>
                                        }
                                        else if (Consulta.Dificultad.IsAlta)
                                        {
                                            <td style="width: 10%;"><span class="label label-danger">@Consulta.Dificultad.Nombre</span></td>
                                        }
                                        else
                                        {
                                            <td style="width: 10%;"><span class="label label-inverse">@Consulta.Dificultad.Nombre</span></td>
                                        }
                                    }
                                    else
                                    {
                                        <td style="width: 10%;"><span class="label label-default">No Asignada</span></td>
                                    }
                                    <td style="width: 40%;"><p><strong>@Consulta.Titulo</strong><span>@Consulta.Descripcion</span></p></td>
                                    <td style="width: 10%;"><strong>@Consulta.Usuario.Nombres</strong></td>
                                    @if (Consulta.Asesor != null)
                                    {
                                        <td style="width: 10%;"><strong>@Consulta.Asesor.Nombres</strong></td>
                                    }
                                    else
                                    {
                                        <td style="width: 10%;"><strong>No asignado</strong></td>
                                    }
                                    <td style="width: 10%;">@Consulta.Estado</td>
                                    <td style="width: 10%;">@Consulta.Fecha.ToString()</td>
                                    <td class="text-right" style="width: 20%;">
                                        <form action="@Url.Action("Detalle", "Consultas", new { id = @Consulta.ConsultaId})">
                                            <input type="submit" value="Ver detalle" class="btn btn-prusia btn-rad">
                                        </form>
                                    </td>
                                @if (Consulta.Estado!="Cancelada" && Consulta.Estado!="Finalizada" && @Model.Rol.Nombre!="usuario")
                                    {
                                <td class="text-right" style="width: 20%;">
                                <form action="@Url.Action("AgregarRespuesta", "Respuestas", new { id = @Consulta.ConsultaId})">
                                    <input type="submit" value="Responder" class="btn btn-prusia btn-rad">
                                </form>
                            </td>}
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>