@model ParcelWeb.Core.Dto.CreateOrEditPurchaseRequestDto
@using ParcelWeb.Core;
@{
    ViewBag.Title = "Search Shipment";
}

<div class="content-header row">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item active">
                Purchase Order
            </li>
        </ol>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Purchase Order</h4>

            </div>


            <div class="card-body">
                <div class="card-block">

                    <div id="Content" class="height-400pr">
                        <form action="/PurchaseRequest/Create" method="post" id="myform">
                            <div class="form-group row">
                                <div class="col-md-7">
                                    <fieldset>
                                        <legend>Type</legend>
                                        <label>
                                            @Html.RadioButtonFor(model => model.OrderType, (int)OrderType.OnlyShipment, htmlAttributes: new { @onclick = "GetMOS(" + (int)OrderType.OnlyShipment + ")", @checked = "checked" })
                                            Only Shipment
                                        </label>
                                        &nbsp;&nbsp;
                                        <label>
                                            @Html.RadioButtonFor(model => model.OrderType, (int)OrderType.PurchaseShipment, htmlAttributes: new { @onclick = "GetMOS(" + (int)OrderType.PurchaseShipment + ")" })
                                            Purchase Shipment
                                        </label>
                                        @Html.ValidationMessageFor(model => model.OrderType, "", new { @class = "text-danger" })
                                    </fieldset>
                                </div>
                            </div>
                            <div class="row" id="LocalAddress" hidden="hidden">
                                <div class="col-md-12">
                                    <div class="bs-callout-grey callout-border-left callout-square callout-bordered callout-transparent mt-1 p-1">
                                        <strong><i class="icon icon-plane2"></i> Since you are purchasing by yourself and want us to only handle shipping to Ghana for you, you are required use your prologglobal china address as the shipping address from your suppliers –</strong>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div id="accordionWrapa1" role="tablist" aria-multiselectable="true">
                                                    <div class="card">
                                                        <div id="heading1" class="card-header bg-warning">
                                                            <a data-toggle="collapse" data-parent="#accordionWrapa1" href="#accordion1" aria-expanded="false" aria-controls="accordion1" class="card-title lead white">Click here to copy your unique china address</a>
                                                        </div>
                                                        <div id="accordion1" role="tabpanel" aria-labelledby="heading1" class="card-collapse collapse" aria-expanded="false">
                                                            <div class="card-body">
                                                                <div class="card-block">
                                                                    <pre>@ViewBag.WarehouseAddress</pre>
                                                                </div>
                                                            </div>
                                                        </div>

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

                                    </div>

                                </div>
                            </div>
                            <div id="MOS" hidden="hidden">
                                <div class="form-group row">
                                    <div class="col-md-7">
                                        <fieldset>
                                            <legend>Mode Of Shipment</legend>



                                            <label class="pr-1">
                                                @Html.RadioButtonFor(model => model.ModeOfShipment, (string)MOS.Sea)
                                                Sea
                                            </label>


                                            <label class="pr-1">
                                                @Html.RadioButtonFor(model => model.ModeOfShipment, (string)MOS.Air)
                                                Air
                                            </label>
                                            @Html.ValidationMessageFor(model => model.ModeOfShipment, "", new { @class = "text-danger" })
                                        </fieldset>
                                    </div>
                                </div>
                                <div id="orderdetail" class="pt-1">
                                    <h4><i class="icon icon-cart-arrow-down"></i> Order Detail</h4>
                                    <div class="form-group row">
                                        <div class="col-md-7">
                                            <h4 class="form-section" style="margin-bottom:0.2rem"></h4>
                                            <br />
                                            @Html.LabelFor(model => model.WhatsappNumber, htmlAttributes: new { @class = "" })


                                            <div class="input-group">
                                                @Html.EditorFor(model => model.WhatsappNumber, new { htmlAttributes = new { @class = "form-control", @placeholder = "123456789" } })
                                                <span class="input-group-addon"><i class="icon-whatsapp"></i></span>
                                            </div>
                                            @Html.ValidationMessageFor(model => model.WhatsappNumber, "", new { @class = "text-danger" })

                                        </div>

                                    </div>
                                    <div class="form-group row">
                                        <div class="col-md-7">
                                            @Html.LabelFor(model => model.Website, htmlAttributes: new { @class = "" })
                                            @Html.DropDownListFor(model => model.Website, (SelectList)ViewBag.Websites, "--Select Website--", new { @class = "form-control" })
                                            @*@Html.EditorFor(model => model.Website, new { htmlAttributes = new { @class = "form-control" } })*@
                                            @Html.ValidationMessageFor(model => model.Website, "", new { @class = "text-danger" })
                                        </div>

                                    </div>
                                    <div class="form-group row">
                                        <div class="col-md-7">
                                            @Html.LabelFor(model => model.ProductLink, htmlAttributes: new { @class = "" })
                                            <div class="input-group">
                                                @Html.EditorFor(model => model.ProductLink, new { htmlAttributes = new { @class = "form-control", @placeholder = "http://www" } })
                                                <span class="input-group-addon"><i class="icon-link2"></i></span>
                                            </div>
                                            @Html.ValidationMessageFor(model => model.ProductLink, "", new { @class = "text-danger" })
                                        </div>

                                    </div>
                                    <div class="form-group row">
                                        <div class="col-md-7">
                                            @Html.LabelFor(model => model.UnitPrice, htmlAttributes: new { @class = "" })
                                            <div class="input-group">
                                                @Html.EditorFor(model => model.UnitPrice, new { htmlAttributes = new { @class = "form-control", @placeholder = "0.00", @onkeyup = "GetNetAmount()" } })
                                                <span class="input-group-addon">@ViewBag.purchaseOrderCurrency</span>
                                            </div>
                                            @Html.ValidationMessageFor(model => model.UnitPrice, "", new { @class = "text-danger" })
                                        </div>

                                    </div>
                                    <div class="form-group row">
                                        <div class="col-md-7">
                                            @Html.LabelFor(model => model.Qty, htmlAttributes: new { @class = "" })

                                            @Html.EditorFor(model => model.Qty, new { htmlAttributes = new { @class = "form-control", @onkeyup = "GetNetAmount()", @onblur = "GetNetAmount()", @placeholder = "0" } })
                                            @Html.ValidationMessageFor(model => model.Qty, "", new { @class = "text-danger" })
                                        </div>

                                    </div>
                                    @*<div class="form-group row">
                                        <div class="col-md-7">
                                            @Html.LabelFor(model => model.Weight, htmlAttributes: new { @class = "" })
                                            @Html.DropDownListFor(model => model.Weight, (SelectList)ViewBag.Weight, "--Select Weight--", new { @class = "form-control", @onchange = "GetNetAmount(" + Settings.EstimatedCharges + ")" })
                                            @Html.ValidationMessageFor(model => model.Weight, "", new { @class = "text-danger" })
                                        </div>

                                    </div>*@
                                    <div class="form-group row">
                                        <div class="col-md-7">
                                            @Html.LabelFor(model => model.ProductOptions, htmlAttributes: new { @class = "" })
                                            <div>

                                                <div class="input-group">
                                                    <textarea class="form-control" name="ProductOptions" placeholder="Write Here"></textarea>
                                                </div>
                                                <small class="text-muted">
                                                    Enter product variations like color, size, etc. example red (size 40) = 5 pieces
                                                </small>
                                            </div>

                                            @Html.ValidationMessageFor(model => model.ProductOptions, "", new { @class = "text-danger" })
                                        </div>

                                    </div>
                                </div>
                                <div class="OSummary">
                                    <h4>Order Summary</h4>
                                    <div class="row">
                                        <div class="col-md-7">
                                            <h4 class="form-section" style="margin-bottom:0.2rem"></h4>
                                            <div class="form-group row mb-0">
                                                <label class="label-control lbl-boldstyle col-md-8">Local Delivery Charges(@ViewBag.defaultCurrency):</label>
                                                <div class="col-md-4">
                                                    @Html.EditorFor(model => model.LocalDeliveryCharges, new { htmlAttributes = new { @class = "form-control line-form text-sm-left js-total", @Value = "0", placeholder = "0.00", @onkeyup = "GetNetAmount()" } })
                                                </div>
                                            </div>
                                            <div class="form-group row mb-0">
                                                <label class="label-control lbl-boldstyle col-md-8">Estimated Service Charges(@ViewBag.defaultCurrency):</label>
                                                <div class="col-md-4">
                                                    @Html.EditorFor(model => model.EstimatedDeliveryCharges, new { htmlAttributes = new { @readonly = "readonly", @class = "form-control line-form text-sm-left js-total", @Value=Settings.EstimatedCharges } })
                                                </div>
                                            </div>

                                            <div class="form-group row mb-0">
                                                <label class="label-control lbl-boldstyle col-md-8">Total Amount(@ViewBag.defaultCurrency):</label>
                                                <div class="col-md-4">
                                                    @Html.EditorFor(model => model.TotalAmount, new { htmlAttributes = new { @readonly = "readonly", @class = "form-control line-form text-sm-left js-total", placeholder = "0.00" } })
                                                    <input type="hidden" name="txtExchangeRate"  id="txtExchangeRate" value=@ViewBag.ExchangeRate />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <br />
                                    <a href="/PurchaseRequest" class="btn btn-outline-black offset-md-5">Cancel</a>
                                    <input type="button" value="Submit" onclick="Submitform()" class="btn btn-black" />


                                </div>
                            </div>


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



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

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script src="~/Content/AdminJS/PurchaseRequest.js"></script>
    <script>
        $(document).ready(function () {
            GetMOS(0);
        });
    </script>
}