@page
@model AspnetCoreFull.Pages.FrontPages.CheckoutPageModel
@{
  Layout = "Layouts/_FrontLayout";
  ViewData["Title"] = "Checkout Card - Front Pages";
}
@section VendorStyles {
<link rel="stylesheet" href="~/vendor/libs/select2/select2.dist.css" />
<link rel="stylesheet" href="~/vendor/libs/bs-stepper/bs-stepper.dist.css" />
<link rel="stylesheet" href="~/vendor/libs/raty-js/raty-js.dist.css" />
<link rel="stylesheet" href="~/vendor/libs/&#64;form-validation/form-validation.dist.css" />
}
@section VendorScripts {
<script src="~/vendor/libs/jquery/jquery.dist.js"></script>
<script src="~/vendor/libs/select2/select2.dist.js"></script>
<script src="~/vendor/libs/bs-stepper/bs-stepper.dist.js"></script>
<script src="~/vendor/libs/raty-js/raty-js.dist.js"></script>
<script src="~/vendor/libs/cleave-zen/cleave-zen.dist.js"></script>
<script src="~/vendor/libs/&#64;form-validation/popular.dist.js"></script>
<script src="~/vendor/libs/&#64;form-validation/bootstrap5.dist.js"></script>
<script src="~/vendor/libs/&#64;form-validation/auto-focus.dist.js"></script>
}
@section PageStyles {
<link rel="stylesheet" href="~/vendor/css/pages/wizard-ex-checkout.dist.css" />
}
@section PageScripts {
<script src="~/js/modal-add-new-address.dist.js"></script>
<script src="~/js/wizard-ex-checkout.dist.js"></script>
}

@* ************** Content ************** *@

<section class="section-py bg-body first-section-pt">
  <div class="container">
    <!--/ Checkout Wizard -->
    @await Html.PartialAsync("../_Partials/WizardCheckout")

    <!-- Add new address modal -->
    @await Html.PartialAsync("../_Partials/_Modals/ModalAddNewAddress")
  </div>
</section>