@page
@using System.Web
@using EveryThing.Models.Invoice
@using Org.BouncyCastle.Asn1
@model EveryThing.Pages.Projects.PrintPartItem

@{
    ViewData["Title"] = "Izpis";
    Layout = "~/Pages/Layouts/_Layout.cshtml";
}

<style type="text/css">
    table {
        page-break-inside: auto;
        color: black !important;
    }

    tr {
        page-break-inside: avoid;
        page-break-after: auto
    }

    thead {
        display: table-header-group
    }

    tfoot {
        display: table-footer-group
    }

    body {
        color: black !important;
    }
</style>

<h4 class="d-flex justify-content-between align-items-center w-100 font-weight-bold py-1 mb-4">
    <span>
        <span class="text-muted font-weight-light">Projekti / </span> Izpis
    </span>
</h4>

<div class="card pt-2" style="width: 595pt; margin-bottom:10px;">
    <div class="card-body">
        <div class="row">
            <div class="col-12 text-right">
                <button id="btnPrint" type="button" class="btn btn-sm btn-primary btn-print ladda-button pull-right" data-style="zoom-out"><i class="ion ion-md-print"></i>&nbsp; Natisni</button>
            </div>
        </div>
    </div>
</div>

<div class="card pt-2" style="width: 595pt">
    <div id="print-content" class="card-body pb-4 pl-4 pt-0" style="padding-right: 2rem !important">

        @for (int i = 0; i < Model.Items.Count; i++)
        {
            var item = Model.Items[i];
            <div style="@(i > 0 ? "page-break-before: always;" : "")">

                <div class="row">
                    <div class="col-12">
                        <address class="mb-0">
                            <strong>@Html.DisplayFor(modelItem => item.PartItem.ProjectPart.Project.Company.Title)</strong> <br/>
                        </address>
                    </div>
                </div>

                <hr/>

                <h4 class="font-weight-bold mb-3">
                    Projekt št.: @Html.DisplayFor(modelItem => item.PartItem.ProjectPart.Project.ProjectNumberFormatted)
                </h4>

                <div class="text-big mb-3" style="margin-top: 0 !important; margin-bottom: 0 !important;">
                    @Html.DisplayFor(modelItem => item.PartItem.ProjectPart.Project.Title)
                </div>

                <div class="mb-3" style="margin-top: 0 !important; margin-bottom: 0 !important;">
                    <label style="margin-top: 0 !important; margin-bottom: 0 !important;">Del projekta</label>:&nbsp;
                    <strong class="font-weight-semibold">@Html.DisplayFor(modelItem => item.PartItem.ProjectPartNumberFormatted)</strong>
                </div>

                <div class="mb-3" style="margin-top: 0 !important; margin-bottom: 0 !important;">
                    <label style="margin-top: 0 !important; margin-bottom: 0 !important;">Artikel</label>:&nbsp;
                    <strong class="font-weight-semibold">@Html.DisplayFor(modelItem => item.PartItem.Item.Title)</strong>
                </div>
                <div class="mb-3" style="margin-top: 0 !important; margin-bottom: 0 !important;">
                    <label style="margin-top: 0 !important; margin-bottom: 0 !important;">Material</label>:&nbsp;
                    <strong class="font-weight-semibold">@Html.DisplayFor(modelItem => item.PartItem.Material.Title)</strong>
                </div>
                <div class="mb-3" style="margin-top: 0 !important; margin-bottom: 0 !important;">
                    <label style="margin-top: 0 !important; margin-bottom: 0 !important;">Dimenzije surovca</label>:&nbsp;
                    <strong class="font-weight-semibold">@Html.DisplayFor(modelItem => item.PartItem.MaterialDimensions)</strong>
                </div>
                <div class="mb-3" style="margin-top: 0 !important; margin-bottom: 0 !important;">
                    <label style="margin-top: 0 !important; margin-bottom: 0 !important;">Število kosov</label>:&nbsp;
                    <strong class="font-weight-semibold">@Html.DisplayFor(modelItem => item.PartItem.NumberOfItems)</strong>
                </div>

                @if (!string.IsNullOrEmpty(item.PartItem.ProjectPart.PathOfPlans))
                {
                    <div class="mb-3" style="margin-top: 0 !important; margin-bottom: 0 !important;">
                        <label style="margin-top: 0 !important; margin-bottom: 0 !important;">Pot načrtov</label>:&nbsp;
                        <strong class="font-weight-semibold">@Html.DisplayFor(modelItem => item.PartItem.ProjectPart.PathOfPlans)</strong>
                    </div>
                }

                @if (!string.IsNullOrEmpty(item.PartItem.Note))
                {
                    <div class="mb-3" style="margin-top: 0 !important; margin-bottom: 0 !important;">
                        <br />
                        <i class="">@Html.DisplayFor(modelItem => item.PartItem.Note)</i>
                    </div>
                }

                <br/>

                <h6>Operacije</h6>
                <div class="table-responsive mb-4">
                    <table class="table m-0 table-bordered">
                        <thead style="font-size: 0.75rem">
                        <tr>
                            <th style="width: 30px">#</th>
                            <th class="py-1">
                                Operacija
                            </th>
                            <th class="py-1" style="width: 150px">
                                Čas
                            </th>
                        </tr>
                        </thead>
                        <tbody style="font-size: 0.75rem">
                            @{ var opIndex = 0; }
                            @foreach (var op in item.Operations)
                            {
                                opIndex++;
                                <tr>
                                    <td>@opIndex</td>
                                    <td>@Html.DisplayFor(x => op.Operation.Title)</td>
                                    <td></td>
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>

            </div>
        }

    </div>
</div>
@Html.AntiForgeryToken()

@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}

    <!-- PDF -->
    <script src="~/vendor/libs/html2pdf.js/dist/html2pdf.bundle.min.js" asp-append-version="true"></script>

    <script>
        var laddaPrint = Ladda.create(document.querySelector('#btnPrint'));
        var laddaPrintAndConfirm = document.querySelector('#btnPrintAndConfirm') == null ? null : Ladda.create(document.querySelector('#btnPrintAndConfirm'));

        var element = document.getElementById('print-content');
        var opt = {
            //pagebreak: { mode: 'avoid-all' },
            filename: 'nalog.pdf',
            image: { type: 'png' },
            enableLinks: false,
            margin: [5, 0, 13, 0],
            html2canvas: {
                scale: 1.2,
                scrollX: 0,
                scrollY: 0,
                dpi: 300,
                letterRendering: true
            },
            jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }
        };

        function print(confirm) {
            laddaPrint.start();
            if (laddaPrintAndConfirm != null) {
                laddaPrintAndConfirm.start();
            }
            

            html2pdf().set(opt).from(element).toPdf().get('pdf').then(function (pdf) {

                var totalPages = pdf.internal.getNumberOfPages();
                for (i = 1; i <= totalPages; i++) {
                    pdf.setPage(i);
                    pdf.setFontSize(8);
                    pdf.setTextColor(0);
                    var fontSize = pdf.internal.getFontSize();
                    var pageWidth = pdf.internal.pageSize.width;

                    var txt = $('#footer1').text();
                    var txtWidth = pdf.getStringUnitWidth(txt) * fontSize / pdf.internal.scaleFactor;
                    var x = (pageWidth - txtWidth) / 2;

                    pdf.text(x, pdf.internal.pageSize.getHeight() - 8, txt);

                    txt = $('#footer2').text();
                    txtWidth = pdf.getStringUnitWidth(txt) * fontSize / pdf.internal.scaleFactor;
                    x = (pageWidth - txtWidth) / 2;

                    pdf.text(x, pdf.internal.pageSize.getHeight() - 5, txt);

                    //pdf.addImage("YOUR_IMAGE", 'JPEG', pdf.internal.pageSize.getWidth() - 1.1, pdf.internal.pageSize.getHeight() - 0.25, 1, 0.2);
                }
                laddaPrint.stop();
                if (laddaPrintAndConfirm != null) {
                    laddaPrintAndConfirm.stop();
                }
                
                //window.open(pdf.output('bloburl'), '_blank');
                let link = document.createElement('a');
                link.target = '_blank';
                link.href = pdf.output('bloburl');
                link.download = '@Model.PartItem.ProjectPartNumberFormatted.Replace("-", "_")';
                link.click();
                link.remove();
                if (confirm) {
                    confirmInvoice();
                }

            });
        }

        $(document).ready(function () {
            //print();
        });

        $(".btn-print").click(function () {
            print($(this).attr("data-confirm") === 'true');
        });

    </script>
}