@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    List<List<KeyValuePair<string, string>>> values = ViewData["values"] as List<List<KeyValuePair<string, string>>>;
    Dictionary<string, string> columns = ViewData["columns"] as Dictionary<string, string>;
    ViewBag.Title = "RF22 - Recibos";
}

<h2>Reporte de exclusiones</h2>
<div ng-controller="RF22Controller as ctrl">
    <div class="row" style="margin-bottom:15px;">
        <div class="col-md-1">
            <label>Fecha Inicial</label>
        </div>
        <div class="col-md-4">
            <div class="form-group">
                <div class="input-group">
                    <input disable-validation-message="" readonly="" datepicker-options="{maxDate:item.FechaFinal.date}" class="form-control" datetime-picker="dd/MM/yyyy HH:mm" ng-model="item.FechaInicial.date" is-open="item.FechaInicial.IsOpen" enable-time="true" close-on-date-selection="true" type="text">
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="item.FechaInicial.IsOpen=true"><span class="glyphicon glyphicon-calendar"></span></button>
                    </span>
                </div>
            </div>
        </div>
        <div class="col-md-1">
            <label>Fecha Final</label>
        </div>
        <div class="col-md-4">
            <div class="form-group">
                <div class="input-group">
                    <input disable-validation-message="" readonly="" datepicker-options="{minDate:item.FechaInicial.date}" class="form-control" datetime-picker="dd/MM/yyyy HH:mm" ng-model="item.FechaFinal.date" is-open="item.FechaFinal.IsOpen" enable-time="true" close-on-date-selection="true" type="text">
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="item.FechaFinal.IsOpen=true"><span class="glyphicon glyphicon-calendar"></span></button>
                    </span>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="pull-right">
                <button class="btn btn-success" ng-click="excel()" ng-disabled="(!item.FechaInicial.date||item.FechaInicial.date==null)||(!item.FechaFinal.date||item.FechaFinal.date==null)"><span class="glyphicon glyphicon-save"></span> Excel</button>
            </div>
        </div>
    </div>
    <table datatable="" class="table table-striped table-bordered dataTable no-footer" width="100%" dt-options="ctrl.dtOptions" dt-columns="ctrl.dtColumns" dt-instance="ctrl.dtInstance">    </table>
</div>

<div id="RF22_Modal" style="display:none;">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" ng-click="cancel()" data-dismiss="modal">&times;</button>
            <h4 class="modal-title" ng-bind-html="title"></h4>
        </div>
        <div class="modal-body" id="modal-body">
            @foreach (List<KeyValuePair<string, string>> pair in values)
            {
                <div class="row">
                    @foreach (KeyValuePair<string, string> kv in pair)
                    {
                        <div class="col-md-3">
                            <label><input type="checkbox" name="columns" value="@Html.Raw(kv.Key)" ng-model="columns.@Html.Raw(kv.Key)" /> @Html.Raw(kv.Value)</label>
                        </div>
                    }
                </div>
            }
            @*columns: <div ng-bind-html="columns|json"></div><br />*@
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-success" ng-click="ok()" data-dismiss="modal">Generar</button>
        </div>
    </div>
</div>

@section scripts{
    <script>
        var columns = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(columns));
    </script>
    @System.Web.Optimization.Scripts.Render("~/Scripts/app/controladores/Reportes/RF22Controller.js", "~/Scripts/app/factory/Reportes/RF22Factory.js", "~/Scripts/app/factory/Reportes/ReportModalCtrl.js")
    @System.Web.Optimization.Scripts.Render("~/Scripts/app/controladores/Reportes/linq.min.js")
    @System.Web.Optimization.Scripts.Render("~/Scripts/app/controladores/Reportes/String.format.min.js")
}