<?php require './partials/head.php'?>

<body>
    <?php require './partials/header.php'?>
    <!--/.main-header-->

    <div id="popup-search-box">
        <div class="box-inner-wrap d-flex align-items-center">
            <form id="form" action="#" method="get" role="search">
                <input id="popup-search" type="text" name="s" placeholder="Type keywords here...">
                <!-- <button id="popup-search-button" type="submit" name="submit">
                    <i class="fa-sharp fa-light fa-magnifying-glass"></i>
                </button> -->
            </form>
            <div class="search-close"><i class="fa-regular fa-xmark"></i></div>
        </div>
    </div>
<?php require './config/message/error_success.php'?>
    <div id="searchbox-overlay"></div>

    <section class="contact-section padding">
        <div class="map-pattern"></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 sm-padding">
                    <div class="contact-form-wrap row-gap">
                        <div class="section-heading mb-40">
                            <h3 class="sub-heading is-border border-anim">Request For Shipping<span class="sh-underline"><img class="sh-truck" src="assets/img/truck.svg" alt="truck"></span></h3>
                            <h2 class="text-anim" data-effect="fade-in-right" data-split="char" data-delay="0.3" data-duration="1">Feel Free To <span class="hl">Request</span></h2>
                            <p class="text-anim" data-effect="fade-in-bottom" data-ease="power4.out">Prime Pulse Link involves the efficient planning management and coordination of the <br> movement of goods services and information.</p>
                        </div>
                        <div class="contact-form">
                        <form action="./controller/ship" method="post" id="" class="form-horizontal contact-form">
                            <div class="form-heading mb-30">
                                <h2>Quick Booking</h2>
                            </div>
                            <div class="quote-form-group">
                                <div class="form-field">
                                    <input type="text" id="q-full-name" name="dname" class="form-control" placeholder="Name" required="">
                                </div>
                                <div class="form-field">
                                    <input type="phone" id="q-phone" name="dphone" class="form-control" placeholder="Phone" required="">
                                </div>
                                <div class="form-field">
                                    <input type="text" id="q-depature" name="depature" class="form-control" placeholder="Depature" required="">
                                </div>
                                <div class="form-field">
                                    <input type="text" id="q-destination" name="destination" class="form-control" placeholder="Destination" required="">
                                </div>
                                <div class="form-field">
                                    <input type="text" id="q-weight" name="dweight" class="form-control" placeholder="Weight, Kg" required="">
                                </div>
                                <div class="form-field">
                                    <select name="type" id="q-freight-type">
                                        <option value="Freight Type">Freight Type</option>
                                        <option value="Road Freight">Road Freight</option>
                                        <option value="Ocean Freight">Ocean Freight</option>
                                        <option value="Air Freight">Air Freight</option>
                                    </select>
                                </div>
                                <div class="form-field">
                                    <input type="email" id="q-email" name="demail" class="form-control" placeholder="Email" required="">
                                </div>
                                <div class="form-field message">
                                    <textarea id="q-message" name="dmessage" cols="30" rows="4" class="form-control" placeholder="Additional Details" required=""></textarea>
                                </div>
                                <div class="form-field submit-btn">
                                    <button id="submit" name="submitShipping" class="default-btn" type="submit">Request Shipping</button>
                                </div>
                            </div>
                            <div id="q-form-messages" class="alert" role="alert"></div>
                        </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/.contact-section-->

    <?php require './partials/footer.php'?>
    <!--/.footer-section-->

    <div id="scrollup">
        <button id="scroll-top" class="scroll-to-top"><i class="fa-regular fa-arrow-up"></i></button>
    </div>
    <!--/.scrollup-->

    <!--jQuery Lib-->
   <?php require './partials/scripts.php'?>
</body>

</html>
