<?php include 'layouts/session.php'; ?>
<?php include 'layouts/main.php'; ?>

<head>

    <?php includeFileWithVariables('layouts/title-meta.php', array('title' => 'Add Cargo Destination')); ?>

    <?php include 'layouts/head-css.php'; ?>

</head>

<body>

    <!-- Begin page -->
    <div id="layout-wrapper">

        <?php include 'layouts/menu.php'; ?>

        <!-- ============================================================== -->
        <!-- Start right Content here -->
        <!-- ============================================================== -->
        <div class="main-content">

            <div class="page-content">
                <div class="container-fluid">

                    <?php includeFileWithVariables('layouts/page-title.php', array('pagetitle' => 'Manage Destinations', 'title' => 'Add Cargo Destination')); ?>

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-header align-items-center d-flex">
                                    <h4 class="card-title mb-0 flex-grow-1">Destination Capture</h4>
                                    <div class="flex-shrink-0">
                                       
                                    </div>
                                </div><!-- end card header -->
                                <div class="card-body">
                                    <div class="live-preview">
                                        <div class="row gy-4">
                                            <div class="col-xxl-4 col-md-6">
                                                <div>
                                                    <label for="airportCode" class="form-label">Airport Code</label>
                                                    <div class="form-icon">
                                                        <input type="text" class="form-control form-control-icon" id="airportCode" placeholder="NBO">
                                                        <i class="ri-building-line"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-4 col-md-6">
                                                <div>
                                                    <label for="airportLatitude" class="form-label">Airport Latitude</label>
                                                    <div class="form-icon">
                                                        <input type="text" class="form-control form-control-icon" id="airportLatitude" placeholder="57.086435">
                                                        <i class="ri-map-pin-time-line"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-4 col-md-6">
                                                <div>
                                                    <label for="airportLongitude" class="form-label">Airport Longitude</label>
                                                    <div class="form-icon">
                                                        <input type="text" class="form-control form-control-icon" id="airportLongitude" placeholder="9.868076">
                                                        <i class="ri-map-pin-time-line"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-4 col-md-6">
                                                <div>
                                                    <label for="airportName" class="form-label">Airport Name</label>
                                                    <div class="form-icon">
                                                        <input type="text" class="form-control form-control-icon" id="airportName" placeholder="Nairobi Airport">
                                                        <i class="ri-plane-line"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-4 col-md-6">
                                                <div>
                                                    <label for="airportCity" class="form-label">Airport City</label>
                                                    <div class="form-icon">
                                                        <input type="text" class="form-control form-control-icon" id="airportCity" placeholder="Nairobi">
                                                        <i class="ri-building-line"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-4 col-md-6">
                                                <div>
                                                    <label for="airportCountry" class="form-label">Airport Country</label>
                                                    <div class="form-icon">
                                                        <input type="text" class="form-control form-control-icon" id="airportCountry" placeholder="Kenya">
                                                        <i class="ri-globe-line"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-4 col-md-6">
                                                <div>
                                                    <label for="airportElevation" class="form-label">Airport Elevation</label>
                                                    <div class="form-icon">
                                                        <input type="text" class="form-control form-control-icon" id="airportElevation" placeholder="19 ft">
                                                        <i class="ri-mail-unread-line"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-4 col-md-6">
                                               
                                            </div>
                                            <div class="col-xxl-4 col-md-6">
                                               
                                            </div>
                                            <div class="col-xxl-4 col-md-6">
                                                <div>
                                                   <button type="button" class="btn btn-success btn-label waves-effect waves-light rounded-pill"><i class="ri-check-double-line label-icon align-middle rounded-pill fs-16 me-2"></i> Save</button>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <!--end row-->
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                    <!--end row-->


                </div> <!-- container-fluid -->
            </div><!-- End Page-content -->

            <?php include 'layouts/footer.php'; ?>
        </div>
        <!-- end main content-->

    </div>
    <!-- END layout-wrapper -->

    <?php include 'layouts/vendor-scripts.php'; ?>

    <!-- prismjs plugin -->
    <script src="assets/libs/prismjs/prism.js"></script>

    <script src="assets/js/app.js"></script>

</body>

</html>