@model Nop.Plugin.Misc.FruitBankPlugin.Areas.Admin.Models.CreateShippingModel
@{
    // Layout = "_AdminLayout";
    ViewBag.PageTitle = "Create Shipping";
    NopHtml.SetActiveMenuItemSystemName("Shippings.Create");
}

<form asp-action="Create" method="post">
    <div class="content-header clearfix">
        <h1 class="float-left">
            <i class="fas fa-plus"></i>
            Create New Shipment
        </h1>
        <div class="float-right">
            <button type="submit" name="save" class="btn btn-primary">
                <i class="far fa-save"></i>
                Save Shipment
            </button>
            <a asp-action="List" class="btn btn-default">
                <i class="fas fa-arrow-left"></i>
                Back to List
            </a>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            <div class="form-horizontal">
                <div class="cards-group">
                    <!-- Basic Information -->
                    <div class="card card-default">
                        <div class="card-header">
                            <div class="card-title">Shipping Information</div>
                        </div>
                        <div class="card-body">
                            <div class="form-group row">
                                <div class="col-md-3">
                                    <nop-label asp-for="LicencePlate" />
                                </div>
                                <div class="col-md-9">
                                    <nop-editor asp-for="LicencePlate" required="true" />
                                    <span asp-validation-for="LicencePlate"></span>
                                </div>
                            </div>                            

                            <div class="form-group row">
                                <div class="col-md-3">
                                    <nop-label asp-for="ShippingDate" />
                                </div>
                                <div class="col-md-9">
                                    <nop-editor asp-for="ShippingDate" asp-template="DateTime" required="true" />
                                    <span asp-validation-for="ShippingDate"></span>
                                </div>
                            </div>
                            
                        </div>
                    </div>

                    <!-- Info card about next steps -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="card-title">
                                <i class="fas fa-info-circle"></i>
                                Next Steps
                            </div>
                        </div>
                        <div class="card-body">
                            <p><strong>After saving this shipping:</strong></p>
                            <ul>
                                <li><i class="fas fa-check text-success"></i> The shipping will be created in the system</li>
                                <li><i class="fas fa-upload text-primary"></i> You'll be able to upload PDF documents</li>
                                <li><i class="fas fa-edit text-warning"></i> Additional shipping details can be modified</li>
                            </ul>
                            <div class="alert alert-info">
                                <i class="fas fa-lightbulb"></i>
                                <strong>Tip:</strong> Save the basic shipping information first, then you can add documents and make further modifications.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</form>