@model ParcelWeb.Core.Dto.Reports.GLTRHReportDto
@using ParcelWeb.Core
@{
    ViewBag.Title = "LoadSheet";
    Layout = "~/Views/Shared/_LayoutInvoice.cshtml";
}

<style>
    body {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    h2 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    h3 {
        margin-top: 5px;
    }

    .upperline {
        border-top: 2px solid Black;
    }

    .border {
        border: 1px solid #9B9B9B;
    }

    .border-top {
        border-left: 1px solid Black;
        border-right: 1px solid Black;
    }

    .table-bordered {
        border: 1px solid Black;
    }

    .height-140 {
        max-height: 140px;
        min-height: 140px;
    }

    .height-170 {
        max-height: 150px;
        min-height: 150px;
    }

    .height-150 {
        max-height: 150px;
        min-height: 150px;
    }

    p {
        margin: 0px;
    }

    .panel-default > .panel-heading {
        background-color: #DEDEDE;
    }

    .panel-default {
        border-color: white;
        margin-bottom: 0px;
    }

    @@media print {
        .pagebreak {
            clear: both;
            page-break-after: always;
        }
    }

    .table > .thead-default > tr > th {
        border-bottom: 2px solid black;
    }
</style>



<div class="row" style="border-bottom:1px solid black">
    <div class="col-md-12 ">
        <h2 class="text-left float-left">@Settings.Company</h2>
        <h2 class="text-right float-right">JV Voucher</h2>
    </div>
</div>

<div class="row">
    <div class="col-md-12 text-right">
        <svg id="barcode" jsbarcode-displayValue="false" jsbarcode-font="Tahoma" jsbarcode-fontSize="12" jsbarcode-format="CODE39" jsbarcode-value="@Model.VoucherNo" jsbarcode-height="35"></svg>
    </div>
</div>
<div class="row">
    <div class="col-md-6 text-left">
        <p class="mt-3"><strong>Posted:</strong>  @Model.Posted</p>
        <p><strong>Post Date: </strong> </p>
    </div>
    <div class="col-md-6 text-right">
        <p><strong>Document No:</strong> @Model.VoucherNo</p>
        <p> <strong>Document Date:</strong> @Model.DocDate</p>
    </div>
</div>
<br />
<div class="row">
    <div class="col-md-12" style="padding-right:0px;padding-left:0px;border-bottom:2px solid black">
        <table class="table table-borderless" style="margin-bottom:0px">
            <thead class="thead-default">
                <tr>
                    <th>Type</th>
                    <th>Account</th>
                    <th>Detail</th>
                    <th>Debit</th>
                    <th>Credit</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var item in Model.GLTRDDetail)
                {
                    <tr>
                        <td>@Model.BookName</td>
                        <td>
                            @item.AccountName <br />
                        </td>
                        <td>@item.Narration</td>
                        @if (item.Amount > 0)
                        {
                            <td>@item.Amount</td>
                        }
                        else
                        {
                            <td>0.00</td>
                        }
                        @if (item.Amount < 0)
                        {
                                <td>@item.Amount.ToString().Replace("-","")</td>                                
                        }
                        else
                        {
                            <td>0.00</td>
                        }
                    </tr>
                }
                <tr>
                    <td></td>
                    <td colspan="2" class=""><strong>Total (PKR)</strong> </td>
                    <td colspan="1"><strong>@Model.GLTRDDetail.Where(x => x.Amount > 0).Sum(x => x.Amount)</strong></td>
                    <td colspan="2"><strong>@Model.GLTRDDetail.Where(x => x.Amount < 0).Sum(x => x.Amount).ToString().Replace("-","")</strong></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>


<div class="row" style="margin-top:100px">

    <div class="col-md-3" style="border-top:1px solid black">Prepared By</div>
    <div class="col-md-1"></div>
    <div class="col-md-3" style="border-top:1px solid black">Checked/Approved By</div>
    <div class="col-md-1"></div>
    <div class="col-md-3" style="border-top:1px solid black">Received By</div>
    <div class="col-md-1"></div>
</div>

@*<h3 style="border-top:double;margin-top:80px" class="float-right">Authorized Signatory</h3>*@




@section Scripts {
    <script>
        JsBarcode("#barcode").init();

        function PrintPage() {
            window.print();
        }
    </script>
}