@model ParcelWeb.Core.Dto.Reports.SingleInvoiceReport
@using ParcelWeb.Core
@{
    ViewBag.Title = "Invoice";
    Layout = "~/Views/Shared/_LayoutInvoice.cshtml";
}
@{var imgPath = Html.Action("GetLogoImage", "DashBoard");}
<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: 2px solid black;
    }

    .thin-border {
        border: 1px solid black;
        /*border-bottom: 1px solid;
        border-left: 1px solid;
        border-right: 1px solid;
        border-top: 1px solid;*/
    }

    .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">
    <div class="col-md-6">
        <p><strong>@ViewBag.companyInfo.WebSiteName</strong></p>
        <p><strong>@ViewBag.companyInfo.Address</strong></p>
        <p><strong>@ViewBag.companyInfo.CountryName</strong></p>
        <br />
        <p><strong>Email: @ViewBag.companyInfo.Email</strong></p>
        <p><strong>Phone: @ViewBag.companyInfo.Phone</strong></p>
    </div>
    <div class="col-md-6 text-right">
        <img src="@imgPath" style="height:25%;width:25%" />
    </div>
</div>
<br />

<table class=" border text-left" style="width:100%">
    <tr class="thin-border">
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td>@Model.InvoiceNo</td>

        <td></td>
        <td></td>
        <td></td>
        <td></td>

    </tr>
    <tr class="thin-border">
        <td rowspan="4" colspan="2" style="border: 1px solid;">@Model.ShipperName</td>
        <td colspan="2">#N/A</td>
        <td colspan="5" rowspan="3" style="border: 1px solid;">Invoice Date: @Model.InvoiceDate.ToShortDateString()</td>
    </tr>
    <tr class="thin-border">
        <td colspan="2">Payment Term: @Model.Gateway</td>
    </tr>
    <tr class="thin-border">
        <td colspan="2">PO Number: </td>
    </tr>

    <tr>
        <td colspan="7" rowspan="2">Remarks: @Model.Remarks</td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr class="thin-border">
        <td style="border: 1px solid;"><strong>Sr</strong></td>
        <td style="border: 1px solid;"><strong>Date</strong></td>
        <td style="border: 1px solid;"><strong>AWB</strong></td>
        <td style="border: 1px solid;"><strong>Origin</strong></td>
        <td style="border: 1px solid;"><strong>Consignee</strong></td>
        <td style="border: 1px solid;"><strong>Destination</strong></td>
        <td style="border: 1px solid;"><strong>Weight</strong></td>
        <td style="border: 1px solid;"><strong>Per KG</strong></td>
        <td style="border: 1px solid;"><strong>Total</strong></td>
    </tr>
    @foreach (var item in Model.InvoiceDetail)
    {
        <tr class="thin-border">
            <td style="border: 1px solid;">@item.Sr</td>
            <td style="border: 1px solid;">@item.Date.ToShortDateString()</td>
            <td style="border: 1px solid;">@item.TrackingId</td>
            <td style="border: 1px solid;">@item.Origin</td>
            <td style="border: 1px solid;">@item.Consignee</td>
            <td style="border: 1px solid;">@item.Destination</td>
            <td style="border: 1px solid;">@item.Weight</td>
            <td style="border: 1px solid;">@item.PerKg.ToCultureSpecific(Model.DefaultCurrency)</td>
            <td style="border: 1px solid;">@item.Total.ToCultureSpecific(Model.DefaultCurrency)</td>
        </tr>
    }
    <tr class="thin-border">
        <td style="border: 1px solid;"></td>
        <td style="border: 1px solid;"></td>
        <td style="border: 1px solid;"></td>
        <td style="border: 1px solid;"></td>
        <td style="border: 1px solid;"></td>
        <td style="border: 1px solid;"></td>
        <td style="border: 1px solid;">@Model.TotalWeight</td>
        <td style="border: 1px solid;"></td>
        <td style="border: 1px solid;"></td>

    </tr>

    <tr>
        <td><span style="visibility:hidden">.</span></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>

    <tr class="thin-border">
        <td colspan="5" rowspan="4" style="border: 1px solid;"></td>
        <td style="border: 1px solid;" colspan="3"><strong>Total Billed Amount</strong></td>
        <td style="border: 1px solid;" colspan="1">@Model.TotalBilledAmount.ToCultureSpecific(Model.DefaultCurrency)</td>
    </tr>
    <tr class="thin-border">
        <td style="border: 1px solid;" colspan="3"><strong> Conversion Rates (@Model.ConversionRate.ToCultureSpecific(Model.ConverterCurrencyCulture))</strong></td>
        <td style="border: 1px solid;" colspan="1">@Model.ConversionRate</td>
    </tr>
    <tr class="thin-border">
        <td style="border: 1px solid;" colspan="3"><strong> Net Payable</strong></td>
        <td style="border: 1px solid;" colspan="1">@Model.NetBalancePayable</td>
    </tr>
    <tr class="thin-border">
        <td style="border: 1px solid;" colspan="4">.</td>

    </tr>

    <tr class="thin-border">
        <td style="border: 1px solid;" colspan="5">
            <p><strong> Name: @ViewBag.BankInfo.AccountName </strong></p>
            <p><strong>Account No: @ViewBag.BankInfo.AccountNumber</strong></p>
            <p><strong>IBAN No: @ViewBag.BankInfo.AccountNumber</strong></p>
            <p><strong>Branch: Branch</strong></p>
            <p><strong>Bank: @ViewBag.BankInfo.BankName</strong></p>

        </td>

        <td style="border: 1px solid;" colspan="4"></td>

    </tr>

    <tr class="thin-border">
        <td style="border: 1px solid;" colspan="9">
            <strong>Terms And Conditions</strong>
            <br /><br />
            <center>Please verify the invoice immediately and write back to us, in case of queries/ issues within 24 Hours of its receipt date. </center>
            <br /><br />
        </td>
    </tr>
</table>



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

    <div class="col-md-3 col-md-offset-1" style="border-top:1px solid black">Prepared By</div>
    <div class="col-md-3 col-md-offset-3" style="border-top:1px solid black">Approved 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>
}