datatables.cshtml

@model IEnumerable<RBR.AdministraBlu.Web.Models.PedidoBlu>

@{
    ViewData["Title"] = "Pedidos - BLU";
}

<link rel="stylesheet" href="~/dist/js/datatables.net-bs/css/dataTables.bootstrap.min.css">

<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>

<!-- DataTables -->
<script src="~/dist/js/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="~/dist/js/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<!-- SlimScroll -->
<script src="~/dist/js/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="~/dist/js/fastclick/lib/fastclick.js"></script>

<script src="//cdn.datatables.net/plug-ins/1.10.16/sorting/datetime-moment.js"></script>

<script src="~/dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="~/dist/js/demo.js"></script>

<style>
    .normal {
        font-weight: normal;
    }
</style>

<!-- Content Header (Page header) -->
<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">Pedidos - BLU</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <table id="example2" class="table table-bordered table-striped table-responsive responsive">
                        <thead>
                            <tr>
                                <th>Pedido</th>
                                <th>Cnpj</th>
                                <th>Cliente</th>
                                <th>Os Cliente</th>
                                <th>Valor</th>
                                <th>Extra</th>
                                <th>Aprovado</th>
                                <th>Data</th>
                                <th></th>

                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var item in Model)
                            {
                                <tr>
                                    <td>@Html.DisplayFor(modelItem => item.NumeroPedido)</td>
                                    <td>@Html.DisplayFor(modelItem => item.Cnpj)</td>
                                    <td>@Html.DisplayFor(modelItem => item.Cliente)</td>
                                    <td>@Html.DisplayFor(modelItem => item.OsCliente)</td>
                                    <td>@Html.DisplayFor(modelItem => item.Valor)</td>
                                    <td>@Html.DisplayFor(modelItem => item.CobrancaExtra)</td>
                                    <td>@Html.DisplayFor(modelItem => item.Aprovado)</td>
                                    <td>@Html.DisplayFor(modelItem => item.DataCriacao)</td>
                                    @*<td><button class="btn btn-default details" data-id="@item.NumeroPedido"><i class="glyphicon glyphicon-file"></i></button></td>*@
                                    <td>
                                        <button data-target='#AtivarLimiteModal' data-toggle='modal' onclick="CarregaDados('@item.Cnpj','@item.Cliente','@item.OsCliente','@item.Valor','@item.CobrancaExtra' ,'@item.Status', '@item.DataCriacao','@item.Tentativas')"
                                                class='btn btn-primary btn-xs'>
                                            Ver
                                        </button>
                                    </td>

                                </tr>
                            }
                        </tbody>
                        <tfoot>
                            <tr>
                                <th>Pedido</th>
                                <th>Cnpj</th>
                                <th>Cliente</th>
                                <th>Os Cliente</th>
                                <th>Valor</th>
                                <th>Extra</th>
                                <th>Aprovado</th>
                                <th>Data</th>
                                <th></th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->
</section>

<!-- Modal Observacao -->
<div class="modal fade" id="AtivarLimiteModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-primary">
                <h3>Detalhes da cobrança</h3>
            </div>
            <div class="modal-body">
                <b>CNPJ:</b>&nbsp;<label id="lblCnpj" class="normal"></label><br />
                <b>CLIENTE:</b>&nbsp;<label id="lblCliente" class="normal"></label><br />
                <b>OS CLIENTE:</b>&nbsp;<label id="lblosCliente" class="normal"></label><br />
                <b>VALOR:</b>&nbsp;<label id="lblValor" class="normal"></label><br />
                <b>COBRANÇA EXTRA:</b>&nbsp;<label id="lblCobrancaExtra" class="normal"></label><br />
                <b>STATUS:</b>&nbsp;<label id="lblStatus" class="normal"></label><br />
                <b>DATA COBRANÇA:</b>&nbsp;<label id="lblData" class="normal"></label><br />
                <b>TENTATIVAS:</b>&nbsp;<label id="lblTentativas" class="normal"></label>
            </div>
            <div class="modal-footer">
                <button id="btnConfirmacao" class="btn btn-danger"
                        data-dismiss="modal">
                    FECHAR
                </button>
            </div>
        </div>
    </div>
</div>


<!-- /.content -->
<!-- page script -->
<script>
    $(document).ready(function () {
        $('#example2').DataTable({
            "order": [[0, "desc"]]
        });
    });

    function CarregaDados(cnpj, cliente, osCliente, valor, cobrancaExtra, status, data, tentativas) {

        $("#lblCnpj").html(cnpj);
        $("#lblCliente").html(cliente);
        $("#lblosCliente").html(osCliente);
        $("#lblValor").html(valor);
        $("#lblCobrancaExtra").html(cobrancaExtra);
        $("#lblStatus").html(status);
        $("#lblData").html(data);
        $("#lblTentativas").html(tentativas);
    }
</script>

<script>
            //$(function () {
            //    $(".details").click(function () {
            //        var id = $(this).attr("data-id");
            //        $("#modal").load("PedidoBlu/" + id, function () {
            //            $("#modal").modal();
            //        })
            //    });
            //})
</script>


@*<table class="table">
        <thead>
            <tr>
                <th>
                    @Html.DisplayName("Pedido")
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Cnpj)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Cliente)
                </th>
                <th>
                    @Html.DisplayName("OS Cliente")
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Valor)
                </th>
                <th>
                    @Html.DisplayName("Cobrança Extra")
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Status)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Aprovado)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Tentativas)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.DataCriacao)
                </th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in Model)
            {
                <tr>
                    <td>
                        @Html.DisplayFor(modelItem => item.NumeroPedido)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Cnpj)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Cliente)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.OsCliente)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Valor)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.CobrancaExtra)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Status)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Aprovado)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Tentativas)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.DataCriacao)
                    </td>
                    <td>
                        <a asp-action="Details" asp-route-id="@item.NumeroPedido">Details</a>
                    </td>
                </tr>
            }
        </tbody>
    </table>*@