@{
    ViewBag.Title = "PrintContractForm";
}

<script src="~/assets/js/jquery.min.js"></script>
<script src="~/assets/js/bootstrap.min.js"></script>
<script src="~/assets/js/jquery.validate.min.js"></script>

<div class="myData" data-x="M194" />

<div id="Entry" style="margin-top: 55px;">

    <div class="row">
        <div class="col-md-12">
            <div class="card">

                <div class="card-header" style="border-bottom:1px solid #e6e6e6">
                    <table style="margin-top:0px;" width="100%">
                        <tr>
                            <td><h4 class="card-title mb-0">Contract Form List</h4></td>
                            <td align="right">
                                <div class="col-md-6">

                                </div>
                            </td>
                        </tr>
                    </table>
                </div>



                <div class="card-body" style="min-height:600px;">
                    <div class="px-3">
                        <div class="card-content collapse show">
                            <div class="card-body">
                                <div style="height:15px;"></div>


                                <div class="card-content collapse show">
                                    <div class="card-body">


                                        <div style="width:100%;" id="listing">
                                            <section>
                                                <div class="row">
                                                    <div class="col-12">
                                                        <div class="card">
                                                            @*<div class="card-header">

                                                                </div>*@
                                                            <div class="card-content collapse show">
                                                                <div class="card-body card-dashboard" style="overflow:auto">
                                                                    <table id="listitems" class="table table-condensed table-light table-striped table-bordered eumi-search-table">

                                                                       @*<tr>
                                                                           <th> LesseeCardNumber</th>
                                                                           <th> LesseeName         </th>
                                                                           <th> Peneficiary        </th>
                                                                           <th> LesseeNationality  </th>
                                                                           <th> LesseeProfession   </th>
                                                                           <th> LesseeIDNO         </th>
                                                                           <th> LesseeAddress      </th>
                                                                           <th> LesseeTel          </th>
                                                                       </tr>*@
                                                                      


                                                                        @*<tfoot>
                                                                            <tr>
                                                                                <th> </th>

                                                                                <th> LesseeCardNumber</th>
                                                                                <th> LesseeName         </th>
                                                                                <th> Peneficiary        </th>
                                                                                <th> LesseeNationality  </th>
                                                                                <th> LesseeProfession   </th>
                                                                                <th> LesseeIDNO         </th>
                                                                                <th> LesseeAddress      </th>
                                                                                <th> LesseeTel          </th>


                                                                                <th> </th>
                                                                            </tr>
                                                                        </tfoot>*@
                                                                    </table>
                                                                    @*<div>
                                                                        <table id="grid"></table>
                                                                        <div id="pager"></div>
                                                                    </div>*@ 
                                                                    <br />
                                                                    <br />
                                                                </div>
                                                            </div><br /><br />
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </div>


                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script>
    $(document).ready(function () {

        listdata();
    });


    function listdata() {

        var data = {};
        data.Variable = '';
        $.ajax({
            type: "POST",
            url: "../Admin/JSONGETContractData",
            data: data,
            success: function (result) {
               ShowItemlist(result);


            }
        });
    }

    function ShowItemlist(result) {
      
        ////        disable_datatable('listitems', 'buttonPlace');
               var responseText = "<thead><tr>" + 
                    "<th>Sl#</th>" +
                    "<th>LesseeCardNumber</th>" +
                    "<th>LesseeName</th>" +
                    "<th>Peneficiary</th>" +
                    "<th>LesseeNationality</th>" +
                    "<th>LesseeProfession</th>" +
                    "<th>LesseeIDNO</th>" +
                  //  "<th>LesseeAddress</th>" +
                  //  "<th>LesseeTel </th>"
                    "</tr></thead><tbody>";

                    for (var i = 0; i < result.length; i++)
                    {

                     var slno = parseInt(i + 1);
                            responseText += '<tr>' +
                                        '<td>' + slno + '</td>' +
                                        '<td>' + result[i].LesseeCardNumber + '</td>' +
                                        '<td>' + result[i].LesseeName + '</td>' +
                                        '<td>' + result[i].Peneficiary + '</td>' +
                                        '<td>' + result[i].LesseeNationality + '</td>' +
                                        '<td>' + result[i].LesseeProfession + '</td>' +
                                        '<td>' + result[i].LesseeIDNO + '</td>' +
                                    //    '<td>' + result[i].LesseeAddress + '</td>' +
                                    //    '<td>' + result[i].LesseeTel + '</td>' +
                                         '<td> <button id=' + result[i].Id + ' class=PrintContractForm onclick=PrintContractForm(' + result[i].Id + ')  >Print</button></td>'
                        			 '</tr>';
                        



                    }

                    $('#listitems').html(responseText + '</tbody>'  //+
                    //'<tfoot><tr>' +
                    //"<th>Sl#</th>" +
                    //"<th>LesseeCardNumber</th>" +
                    //"<th>LesseeName</th>" +
                    //"<th>Peneficiary</th>" +
                    //"<th>LesseeNationality</th>" +
                    //"<th>LesseeProfession</th>" +
                    //"<th>LesseeIDNO</th>" +
                    //"<th>LesseeAddress</th>" +
                    //"<th>LesseeTel </th>" +
                    //'</tr></tfoot>'



                    );


                         datatableWithsearchWIINDEX('listitems', true, '', 'buttonPlace');
                        ////        $('#Loading').hide();
                        ////        WorkItemNotifyVar = 0;




        ////////////////////////////
    //    debugger;
    //    var table = $("#tblItem").DataTable({
    //        "order": [[3, "asc"]],
    //        "data": result,
    //        "autoWidth": false,
    //        "columnDefs": [
    //            {
    //                "targets": 0,
    //                "className": "text-center",
    //            }
    //        ],
    //        "columns": [
    //            //{ data: "Id",  title: "Edit", searchable: true },
    //            { data: "LesseeCardNumber", title: "LesseeCardNumber" },
    //            { data: "LesseeName", title: "LesseeName" },
    //            { data: "Peneficiary", title: "Peneficiary" },
    //            { data: "LesseeNationality", title: "LesseeNationality" },
    //            { data: "LesseeProfession", title: "LesseeProfession" },
    //            { data: "LesseeIDNO", title: "LesseeIDNO" },
    //            { data: "LesseeAddress", title: "LesseeAddress" },
    //            { data: "LesseeTel", title: "LesseeTel" }
    //        ],
    //        "createdRow": function (row, data, index) {
    //           // row.getElementsByTagName("td")[0].innerHTML = '<a  onclick="GetItem(' + data.ItemId + ',' + data.GroupId + ',' + data.CategoryId + ');">' + Editbutton + '</a>';
    //        },
    //        //dom: 'Blfrtip',
    //        dom: "<'row'<'col-sm-6'Bl><'col-sm-6'f>>" +
    //            "<'row'<'col-sm-12'tr>>" +
    //            "<'row'<'col-sm-6'i><'col-sm-6'p>>",
    //        lengthMenu: [
    //            [10, 25, 50, 100, -1],
    //            ['10', '25', '50', '100', 'Show all']
    //        ],
    //        buttons: []
    //    });
    //    new $.fn.dataTable.Buttons(table, {
    //        buttons: [
    //        {
    //            extend: 'collection',
    //            text: 'Export',
    //            buttons: [
    //                {
    //                    extend: 'excelHtml5',
    //                    title: "Product List",
    //                    messageTop: 'EUMI ERP',
    //                    exportOptions: { columns: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16] }
    //                },
    //                {
    //                    extend: 'csv',
    //                    title: "Product List",
    //                    messageTop: 'EUMI ERP',
    //                    exportOptions: { columns: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16] }
    //                },
    //                {
    //                    extend: 'pdfHtml5',
    //                    orientation: 'landscape',
    //                    pageSize: 'LEGAL',
    //                    title: " Product List",
    //                    messageTop: 'EUMI ERP',
    //                    exportOptions: { columns: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16] }
    //                },
    //                {
    //                    extend: 'print',
    //                    title: " Product List",
    //                    messageTop: 'EUMI ERP',
    //                    exportOptions: { columns: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16] }
    //                }
    //            ]
    //        }
    //        ]
    //    });
    //  //  table.buttons(0, null).container().appendTo($("#itemListButtonPlace"));
    //  //  $("#itemListButtonPlace").find(".buttons-collection").addClass("btn-outline-primary mx-1").css("border-radius", "4px");
    //    var a = '#tblItem tfoot th'
    //    $(a).each(function () {
    //        var title = $(this).text();
    //        if (title != ' ')
    //            $(this).html('<input type="text" style="width:150px" placeholder="Search ' + title + '"  />');
    //        if (title == 'Unit') {
    //            $(this).html('<input type="text" placeholder="' + title + '" style="width:100%" />');
    //        }
    //        if (title == 'Group') {
    //            $(this).html('<input type="text" placeholder="' + title + '" style="width:100%" />');
    //        }
    //    });
    //    table.columns().every(function () {
    //        var that = this;
    //        $('input', this.footer()).on('keyup change', function () {
    //            if (that.search() !== this.value) {
    //                that
    //                    .search(this.value)
    //                    .draw();
    //            }
    //        });
    //    });
    //    $('#Loading').hide();



    }
</script>


<style>

    .PrintContractForm{
    background-color: black;
    color: white;
    width: 85px;
    height: 35px;
    font-weight: 500;
    }


</style>
<script>
    function PrintContractForm(Id) {
        debugger;
      

        //var data = {};
        //data.Id = Id;
        //$.ajax({
        //    type: "POST",
        //    url: "../Admin/JSONGETContractDataOne",
        //    data: data,
        //    success: function (result) {             
        //      PrintData(result);               
        //    }
        //});

       PrintData(Id);

      

       // alert('Print');
    }

    function PrintData(Id)
    {
      //  var myWindow=  window.location.href = "http://localhost:62464/Content/ContractorPrint.html";
      //  var myWindow = window.open("http://localhost:62464/Content/ContractorPrint.html?Id=" + Id, "Details", "width=1500,height=1500");
      
     //   document.location.href = "http://localhost:62464/Content/ContractorPrint.html?Id=" + Id;
   
     //   var myWindow = window.open("", "", "width=1500,height=1500");
     //   myWindow.document.write('http://localhost:62464/Content/ContractorPrint.html');

        //myWindow.document.write('<table width=100%><tr><td rowsspan=2></td><td align=center><h2>Contractor Form</h2></td></tr></table>');
        //myWindow.document.write('<div>Details Of Lessee</div><table width=50%><tr><td>Lessee Card Number</td><td>ايسبلسي ايبسي </td></tr></table>');
        //myWindow.document.write('<table width=50%><tr><td></td></tr></table>');
        //myWindow.document.write('</br');
        //myWindow.document.write('<table width=50%><tr><td></td></tr></table>');
        //myWindow.document.write('<table width=50%><tr><td></td></tr></table>');
        //  myWindow.print();

/////////////////////////////////////////
       // var myWindow = window.open("", "", "width=1500,height=1500");
     //  var myWindow = window.open("http://localhost:62464/Content/ContractorPrint.html?" + Id, "Details", "width=595,height=842");

       var myWindow = window.open("http://localhost:62464/Content/ContractorPrint.html?" + Id, "Details", "width=803px,height=1500px");

    //  myWindow.print();

    }
</script>

@*<link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
<link href="~/Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.9.1.min.js"></script>
<script src="~/Scripts/jquery-ui-1.10.4.min.js"></script>
<script src="~/Scripts/i18n/grid.locale-en.js"></script>
<script src="~/Scripts/jquery.jqGrid.min.js"></script>  
<script src="~/Scripts/ContractList.js"></script>*@  




<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/tables/jsgrid/jsgrid-theme.min.css">
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/tables/jsgrid/jsgrid.min.css">


<script type="text/javascript" src="~/app-assets/FromStack/dist/JsBarcode.all.js"></script>
<script type="text/javascript" src="~/app-assets/FromStack/dist/jquery-2.0.3.js"></script>
<script type="text/javascript" src="~/app-assets/FromStack/dist/QRCODE.js"></script>
<script src="~/Scripts/Autocomplete/jquery-ui.js"></script>
<script type="text/javascript" src="~/Scripts/Excelmport/xlsx.full.min.js"></script>
<script type="text/javascript" src="~/Scripts/Excelmport/excelimport.js"></script>