@model ParcelWeb.Core.Dto.ShipmentDto
@{
    ViewBag.Title = "AirWayBill";
    Layout = "~/Views/Shared/_LayoutInvoice.cshtml";
}
@{var imgPath = Html.Action("GetLogoImage", "DashBoard");}
<style>
    body {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 9pt;
    }

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

    h3 {
        margin-top: 5px;
    }

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

    .border {
        border: 1px solid #000;
    }

    .border-top {
        border-top: 1px solid #000;
    }

    .border-left {
        border-left: 1px solid #000;
    }

    .border-right {
        border-right: 1px solid #000;
    }


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

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

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

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

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

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

    .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        border: 1px solid #000;
        padding: 5px;
        text-align: left;
    }

    .table.table-xs th, .table.table-xs td {
        padding: 0.2rem 0.2rem;
        border: 1px solid #000;
    }

    .mb-0 {
        margin-bottom: 0px !important;
    }

    p {
        margin: 0px;
    }

    .no-border-top {
        border-top: none !important;
    }

    .heading {
        margin-top: 15px;
        border: 2px solid #CCC;
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        float: right;
    }

    .no-padding {
        padding: 0px;
    }

    @@media print {
        .noprint {
            visibility: hidden;
        }

        @@page :footer {
            display: none
        }

        @@page :header {
            display: none
        }

        @@page {
            size: auto; /* DIN A4 standard, Europe */
            margin: 0;
            margin-left: 5mm;
            margin-right: 5mm;
        }

        .pagebreak {
            clear: both;
            page-break-after: always;
        }
    }
</style>

<div class="row border">
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left  height-160">
        <img src="@imgPath" width="130" style="max-width:130px;margin-left:10px" />
        <label class="heading">CONSIGNEE COPY</label>
        <svg id="barcode" jsbarcode-value="@Model.TrackingId" jsbarcode-height="35"></svg>
    </div>
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-center  no-padding ">
        <table class="table table-bordered height-160" style="margin-bottom:0px">
            <tbody>
                <tr>
                    <td>Date</td>
                    <td>@Model.BookingDate.ToString("dd MMMM yyyy")</td>
                    <td>Time</td>
                    <td>@Model.BookingDate.ToShortTimeString()</td>
                </tr>
                <tr>
                    <td>Service</td>
                    <td>@Model.DeliveryService.Name</td>
                    <td>Weight</td>
                    <td>@Model.TotalWeight Kgs</td>
                </tr>
                <tr>
                    <td>Fragile</td>
                    <td>No</td>
                    <td><b>Pieces</b></td>
                    <td><b>@Model.TotalPieces</b></td>
                </tr>
                <tr>
                    <td><b>Origin</b></td>
                    <td>@Model.SenderAddress.CityId</td>
                    <td><b>Destination</b></td>
                    <td>@Model.ReceiverAddress.CityId</td>
                </tr>
                <tr>
                    <td colspan="4"><b>COD Amount @Model.Currency.Code @Model.TotalCost </b> </td>
                </tr>

            </tbody>
        </table>
    </div>
</div>
<div class="row">
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left border-left height-70 border-left border-right no-padding">
        <p>Shipper: @Model.SenderName @Model.SenderAddress.Mobile</p>
        <p>Address: @Model.SenderAddress.StreetAddress @Model.SenderAddress.ZipCode</p>
        <p>Return Address: @Model.SenderAddress.StreetAddress @Model.SenderAddress.ZipCode</p>
    </div>

    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left border-right  height-70 no-padding">
        <p>Consignee: @Model.ReceiverName @Model.ReceiverAddress.Mobile</p>
        <p>Address:@Model.ReceiverAddress.StreetAddress @Model.ReceiverAddress.ZipCode  @Model.ReceiverAddress.City.Name</p>
    </div>

</div>
<div class="row">
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left  no-padding">
        <table class="table table-xs" style="margin-bottom:0px">
            <tr>
                <td style="width:120px">Customer Ref. #</td>
                <td>@Model.RefNo</td>
            </tr>
        </table>
    </div>
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left  no-padding">
        <table class="table table-xs" style="margin-bottom:0px">
            <tr>
                <td style="width:100px;border-left:none">Remarks</td>
                <td></td>
            </tr>
        </table>
    </div>
</div>
<div class="row border no-border-top">
    <div class="col-md-12 col-sm-12 col-xs-12 col-lg-12 text-left height-100  no-padding">
        <p>Product Detail: @Model.ItemDescription</p>
    </div>
</div>

<p class="text-left" style="margin-top:5px;font-weight:bold">SPECIAL NOTE for CONSIGNEE: (1) Please don't accept, if shipment is not intact. (2) Please don't open the parcel before payment. (3) Incase of any defects/complaints in parcel, please contact the shipper/brand. @ViewBag.CompanyName is not responsible for any defect. </p>
<hr style="border:1px dotted Black; margin-top:5px" />

@*----------Accounts Copy Start--------------*@

<div class="row border">
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left  height-160">
        <img src="@imgPath" width="130" style="max-width:130px;margin-left:10px" />
        <label class="heading">Accounts COPY</label>
        <svg id="barcode" jsbarcode-value="@Model.TrackingId" jsbarcode-height="35"></svg>
    </div>
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-center  no-padding ">
        <table class="table table-bordered height-160" style="margin-bottom:0px">
            <tbody>
                <tr>
                    <td>Date</td>
                    <td>@Model.BookingDate.ToString("dd MMMM yyyy")</td>
                    <td>Time</td>
                    <td>@Model.BookingDate.ToShortTimeString()</td>
                </tr>
                <tr>
                    <td>Service</td>
                    <td>@Model.DeliveryService.Name</td>
                    <td>Weight</td>
                    <td>@Model.TotalWeight Kgs</td>
                </tr>
                <tr>
                    <td>Fragile</td>
                    <td>No</td>
                    <td><b>Pieces</b></td>
                    <td><b>@Model.TotalPieces</b></td>
                </tr>
                <tr>
                    <td><b>Origin</b></td>
                    <td>@Model.SenderAddress.CityId</td>
                    <td><b>Destination</b></td>
                    <td>@Model.ReceiverAddress.CityId</td>
                </tr>
                <tr>
                    <td colspan="4"><b>COD Amount @Model.Currency.Code @Model.TotalCost </b> </td>
                </tr>

            </tbody>
        </table>
    </div>
</div>
<div class="row">
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left border-left height-70 border-left border-right no-padding">
        <p>Shipper: @Model.SenderName @Model.SenderAddress.Mobile</p>
        <p>Address: @Model.SenderAddress.StreetAddress @Model.SenderAddress.ZipCode</p>
        <p>Return Address: @Model.SenderAddress.StreetAddress @Model.SenderAddress.ZipCode</p>
    </div>

    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left border-right  height-70 no-padding">
        <p>Consignee: @Model.ReceiverName @Model.ReceiverAddress.Mobile</p>
        <p>Address:@Model.ReceiverAddress.StreetAddress @Model.ReceiverAddress.ZipCode  @Model.ReceiverAddress.City.Name</p>
    </div>

</div>
<div class="row">
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left  no-padding">
        <table class="table table-xs" style="margin-bottom:0px">
            <tr>
                <td style="width:120px">Customer Ref. #</td>
                <td>@Model.RefNo</td>
            </tr>
        </table>
    </div>
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left  no-padding">
        <table class="table table-xs" style="margin-bottom:0px">
            <tr>
                <td style="width:100px;border-left:none">Remarks</td>
                <td></td>
            </tr>
        </table>
    </div>
</div>
<div class="row border no-border-top">
    <div class="col-md-12 col-sm-12 col-xs-12 col-lg-12 text-left height-100  no-padding">
        <p>Product Detail: @Model.ItemDescription</p>
    </div>
</div>

<p class="text-left" style="margin-top:5px;font-weight:bold">SPECIAL NOTE for CONSIGNEE: (1) Please don't accept, if shipment is not intact. (2) Please don't open the parcel before payment. (3) Incase of any defects/complaints in parcel, please contact the shipper/brand. @ViewBag.CompanyName is not responsible for any defect. </p>
<hr style="border:1px dotted Black; margin-top:5px" />


@*----------Shippers Copy Start--------------*@


<div class="row border">
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left  height-160">
        <img src="@imgPath" width="130" style="max-width:130px;margin-left:10px" />
        <label class="heading">Shippers COPY</label>
        <svg id="barcode" jsbarcode-value="@Model.TrackingId" jsbarcode-height="35"></svg>
    </div>
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-center  no-padding ">
        <table class="table table-bordered height-160" style="margin-bottom:0px">
            <tbody>
                <tr>
                    <td>Date</td>
                    <td>@Model.BookingDate.ToString("dd MMMM yyyy")</td>
                    <td>Time</td>
                    <td>@Model.BookingDate.ToShortTimeString()</td>
                </tr>
                <tr>
                    <td>Service</td>
                    <td>@Model.DeliveryService.Name</td>
                    <td>Weight</td>
                    <td>@Model.TotalWeight Kgs</td>
                </tr>
                <tr>
                    <td>Fragile</td>
                    <td>No</td>
                    <td><b>Pieces</b></td>
                    <td><b>@Model.TotalPieces</b></td>
                </tr>
                <tr>
                    <td><b>Origin</b></td>
                    <td>@Model.SenderAddress.CityId</td>
                    <td><b>Destination</b></td>
                    <td>@Model.ReceiverAddress.CityId</td>
                </tr>
                <tr>
                    <td colspan="4"><b>COD Amount @Model.Currency.Code @Model.TotalCost </b> </td>
                </tr>

            </tbody>
        </table>
    </div>
</div>
<div class="row">
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left border-left height-70 border-left border-right no-padding">
        <p>Shipper: @Model.SenderName @Model.SenderAddress.Mobile</p>
        <p>Address: @Model.SenderAddress.StreetAddress @Model.SenderAddress.ZipCode</p>
        <p>Return Address: @Model.SenderAddress.StreetAddress @Model.SenderAddress.ZipCode</p>
    </div>

    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left border-right  height-70 no-padding">
        <p>Consignee: @Model.ReceiverName @Model.ReceiverAddress.Mobile</p>
        <p>Address:@Model.ReceiverAddress.StreetAddress @Model.ReceiverAddress.ZipCode  @Model.ReceiverAddress.City.Name</p>
    </div>

</div>
<div class="row">
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left  no-padding">
        <table class="table table-xs" style="margin-bottom:0px">
            <tr>
                <td style="width:120px">Customer Ref. #</td>
                <td>@Model.RefNo</td>
            </tr>
        </table>
    </div>
    <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 text-left  no-padding">
        <table class="table table-xs" style="margin-bottom:0px">
            <tr>
                <td style="width:100px;border-left:none">Remarks</td>
                <td></td>
            </tr>
        </table>
    </div>
</div>
<div class="row border no-border-top">
    <div class="col-md-12 col-sm-12 col-xs-12 col-lg-12 text-left height-100  no-padding">
        <p>Product Detail: @Model.ItemDescription</p>
    </div>
</div>

<p class="text-left" style="margin-top:5px;font-weight:bold">SPECIAL NOTE for CONSIGNEE: (1) Please don't accept, if shipment is not intact. (2) Please don't open the parcel before payment. (3) Incase of any defects/complaints in parcel, please contact the shipper/brand. @ViewBag.CompanyName is not responsible for any defect. </p>
<hr style="border:1px dotted Black; margin-top:5px" />


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

    </script>
}