@using ParcelWeb.Core.Configuration
<link rel="stylesheet" href="https://checkout.stripe.com/v3/checkout/button.css" />
<nav class="header-navbar navbar navbar-with-menu navbar-fixed-top navbar-semi-dark  navbar-shadow">
    <div class="navbar-wrapper">
        <div class="navbar-header bg-@Settings.CurrentTheme">

            <ul class="nav navbar-nav">
                <li class="nav-item mobile-menu hidden-md-up float-xs-left"><a class="nav-link nav-menu-main menu-toggle hidden-xs"><i class="icon-menu5 font-large-1"></i></a></li>
                <li class="nav-item">
                    @if (Settings.CurrentTheme == AvySettings.General.Themes.Theme1)
                    {
                        <a href="/Dashboard" class="navbar-brand nav-link lighten-1">
                            <img src="/assets/Theme1/img/whitelogo.png" class="brand-logo">
                            <h3 class="brand-text hidden-sm-down d-inline-block"></h3>
                        </a>
                    }
                    else if (Settings.CurrentTheme == AvySettings.General.Themes.Theme3)
                    {
                        <a href="@Url.Action("Index", "Dashboard")" class="navbar-brand nav-link lighten-1">
                            <img src="~/assets/Theme3/images/Logo/worldwhite.png" class="brand-logo" style="max-width:28px" />
                            <h3 class="brand-text hidden-sm-down" style="font-size:20px;">@Settings.Company</h3>
                        </a>
                    }
                    else if (Settings.CurrentTheme == AvySettings.General.Themes.Theme2)
                    {
                        <a href="@Url.Action("Index", "Dashboard")" class="navbar-brand nav-link lighten-1">
                            @{var imgPath = Html.Action("GetLogoImage", "DashBoard");}
                            <img alt="" src="@imgPath" height="auto" width="70%" data-expand="@imgPath" data-collapse="/assets/Theme2/img/Logo/SmartSmallLogo.png" class="brand-logo">
                        </a>
                    }


                </li>
                <li class="nav-item hidden-md-up float-xs-right"><a data-toggle="collapse" data-target="#navbar-mobile" class="nav-link open-navbar-container"><i class="icon-ellipsis pe-2x icon-icon-rotate-right-right"></i></a></li>
            </ul>
        </div>
        <div class="navbar-container content container-fluid">
            <div id="navbar-mobile" class="collapse navbar-toggleable-sm">
                <ul class="nav navbar-nav">
                    <li class="nav-item hidden-sm-down"><a class="nav-link nav-menu-main menu-toggle hidden-xs"><i class="icon-menu5"></i></a></li>
                </ul>
                <ul class="nav navbar-nav ">
                    <li class="nav-item">
                        <button class="nav-link btn btn-secondary mr-1 mt-1 white" type="button" onclick="window.location.href='/Shipments/Search'"> Track Shipment <i class="icon-search"></i></button>
                    </li>
                    @Html.Partial("_LoginPartial")
                    @if (!User.IsInRole("Admin"))
                    {
                        <li class="nav-item" style="float:right">
                            <button class="nav-link btn btn-primary mr-1 mt-1 white" type="button" id="RechargeModalBtn" data-toggle="modal" data-target="#RechargeModal"><i class="icon-bolt"></i>Fund</button>
                        </li>
                        <li class="nav-item" style="float:right;">
                            @{
                                Html.RenderAction("GetBalance", "DashBoard");
                            }
                        </li>
                    }

                </ul>
            </div>
        </div>
    </div>
</nav>


<div class="modal fade text-xs-left" id="RechargeModal" tabindex="-1" role="dialog" aria-labelledby="RechargeModal" aria-hidden="true">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header ">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title " id="UserModalLabel2">Upgrade Your Shippment Limit</h4>
            </div>
            <div class="modal-body" id="UserModalBody">
                <h6>Enter The Amount For Recharge</h6>
                <br />
                <div class="row">
                    <div class="col-md-3" style="text-align:right">Enter Amount</div>
                    <div class="col-md-6">
                        <input type="number" id="SAmount" min="0" oninput="GetTotal(@Settings.TopupTransactionFee)" class="col-md-6 form-control text-xs-right" />
                        <small class="text-muted">Transaction Fee @Settings.TopupTransactionFee<span>%</span></small>
                    </div>
                    <div class="col-md-3"></div>
                </div>

                <div class="row form-group">
                    <div class="col-md-3" style="text-align:right">Transaction Fee</div>
                    <div class="col-md-6">
                        <input type="text" id="Tax" readonly class="col-md-6 form-control line-form text-right text-xs-right " />
                    </div>
                    <div class="col-md-3"></div>
                </div>
                <div class="row form-group">
                    <div class="col-md-3" style="text-align:right">Total</div>
                    <div class="col-md-6">
                        <input type="text" id="RAmount" readonly class="col-md-6 form-control text-right line-form text-xs-right" />
                    </div>
                    <div class="col-md-3"></div>
                </div>
                <br />
                <div class="row">
                    <div class="col-md-12 center">
                        <button onclick="InsertAmount(500)" class="btn btn-outline-black">500</button>
                        <button onclick="InsertAmount(1000)" class="btn btn-outline-black">1000</button>
                        <button onclick="InsertAmount(1500)" class="btn btn-outline-black">1500</button>
                        <button onclick="InsertAmount(2000)" class="btn btn-outline-black">2000</button>
                        <button onclick="InsertAmount(2500)" class="btn btn-outline-black">2500</button>
                    </div>
                </div>
                <br />
                <div id="stripebox02" class="row">
                    <center>
                        <input type="hidden" name="shipmentId" id="StripeValue" value="" />
                        <button id="checkout-button01" class="stripe-button-el">
                            <span style="display: block; min-height: 30px;">  <i class="icon-cc-stripe"></i> Stripe check out</span>
                        </button>
                    </center>
                </div>
            </div>
            <div class="modal-footer">
                <a class="btn btn-outline-blue" href="#" role="button" onclick="DisplayNEFTModal()" aria-haspopup="true" aria-expanded="false"> MOBILE MONEY</a>
                @*  <button type="button" class="btn btn-sm btn-secondary btn-outline-secondary cursor-pointer" data-dismiss="modal">Close</button>*@
            </div>
        </div>
    </div>
</div>


@*Modal NEFT start*@
<div class="modal fade text-xs-left" id="NeftModal" tabindex="-1" role="dialog" aria-labelledby="RechargeModal" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header ">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title " id="UserModalLabel2">Mobile Money</h4>
            </div>
            <div class="modal-body" id="UserModalBody" style="margin-bottom:30px">
                <p>Make payment to below given account details</p>

                <div class="row">
                    <div class="col-md-5 ">
                        <h5>Mobile Money</h5>
                        <span id="AccName">  </span>   <br />
                        <span id="Bank"></span> <br />
                        A/c <strong id="AccNo"></strong><br />
                        <span id="SortCode">  </span>
                    </div>
                    <div class="col-md-7">
                        <form action="/Billing/Recharge" method="post" id="NEFTForm">
                            <div class="row form-group">
                                <div class="col-md-4">Enter Amount</div>
                                <div class="col-md-8">
                                    <input type="text" id="MAmount" name="Amount" oninput="GetTotalForNEFT(@Settings.MobileMoneyCharges)" value="" class="form-control" placeholder="Enter Amount" />
                                    <small class="text-muted">Transaction Fee @Settings.MobileMoneyCharges<span>%</span></small>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col-md-4">Total</div>
                                <div class="col-md-8">
                                    <input type="text" id="Amount" value="0" readonly name="TransactionFee" class="form-control  line-form" />
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col-md-4">Transection Id</div>
                                <div class="col-md-8">

                                    <input type="text" id="UTRNumber" name="TRXId" value="" class="form-control" placeholder="Bank Transection Id" />
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12 text-right">
                                    <a href="#" class="btn btn-primary pull-right" onclick="CreateRechargeRequest()">Submit</a>
                                </div>
                            </div>
                        </form>

                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
@*Modal NEFT End*@

<script>




</script>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script>
        $(document).ready(function () {

        });
    </script>
}