@extends('layouts.default')
@section('title', 'TransHub - Transport & Logistics')


@section('content')

    <x-page-header title='Request Quote' subtitle='Request Quote' />


    <!-- Promo Section End -->

    <div class="quote-features sec-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="quote-wrap d-md-flex justify-content-between gap-4">
                        <div class="qf-card rounded-3">
                            <span class="icon rounded-3">
                                <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="none"
                                    viewBox="0 0 50 50">
                                    <g fill="#fd5523" fill-rule="evenodd" clip-path="url('#a')"
                                        clip-rule="evenodd">
                                        <path
                                            d="M8.74-.049h4.98q.393.322.488.83a416 416 0 0 0 2.246 7.373q3.27.17 6.543.05-.766-2.845-1.465-5.714.042-.534.489-.83a28 28 0 0 1 3.32 0q.21.069.342.244a625 625 0 0 0 3.955 6.3l7.52.097a11.04 11.04 0 0 1 5.761 2.539l3.174 3.174q1.291 2.15-.537 3.857a5.3 5.3 0 0 1-.88.39q-8.154.025-16.308.147a414 414 0 0 0-4.345 6.25.87.87 0 0 1-.782.293 23 23 0 0 1-2.783-.83q-.549-.232-.586-.83a93 93 0 0 1 2.149-4.932q-4.223-.04-7.52-2.636L8.398 9.619A109 109 0 0 1 8.3.44q.15-.32.44-.488m1.269 1.758q1.322-.049 2.637.098.976 3.173 1.953 6.347a54 54 0 0 1-4.59.098zm13.574 1.758a1 1 0 0 1 .44-.098q.345-.029.586.195l2.88 4.64q-1.366.072-2.734.048a51 51 0 0 0-1.172-4.785m-12.304 6.64q12.817-.17 25.683-.048a8.4 8.4 0 0 1 3.906 1.464 181 181 0 0 1-5.957.05v1.757q4.006-.024 8.008.049a28 28 0 0 1 1.904 2.002q.261.814-.537 1.123-7.275.122-14.55-.049.427-.75-.098-1.416a25 25 0 0 0-3.028-.146l-2.734.048a.7.7 0 0 0-.44.244 24 24 0 0 0-.634 1.319q-3.443.3-6.348-1.563a72 72 0 0 1-5.176-4.834m13.378 6.543q1.368-.024 2.735.05a216 216 0 0 0-4.346 6.2q-.54.14-1.025-.195z"
                                            opacity=".945" />
                                        <path d="M18.21 11.572h1.759v1.758H18.21z" opacity=".897" />
                                        <path
                                            d="M21.531 11.572h1.758v1.758h-1.758zM24.953 11.572h1.758v1.758h-1.758zM28.273 11.572h1.758v1.758h-1.758z"
                                            opacity=".899" />
                                        <path d="M31.594 11.572h1.758v1.758h-1.758z" opacity=".897" />
                                        <path
                                            d="M21.633 49.951h-.781a4.64 4.64 0 0 1-1.954-1.318q-.78-.501-1.562-.098a6.6 6.6 0 0 1-2.148 1.416h-1.563a4.64 4.64 0 0 1-1.953-1.318q-1.384-.719-2.344.586a4.6 4.6 0 0 1-1.367.732H6.398a5.5 5.5 0 0 1-2.148-1.416q-1.306-.524-2.148.684a4.6 4.6 0 0 1-1.368.732h-.78v-1.758q.248.024.487-.048.726-.482 1.368-1.075a4.2 4.2 0 0 1 1.27-.44 172 172 0 0 0-3.126-8.69v-.88q.173-.284.488-.439 1.11-.305 2.1-.83l1.465-8.105q.022-.657.537-1.026a70 70 0 0 1 3.71-.049q-.064-1.528.147-3.027.264-.266.635-.342a32 32 0 0 1 3.516 0q.371.076.634.342.213 1.498.147 3.027 1.856-.024 3.711.05l.342.341q.885 4.383 1.66 8.789.99.525 2.1.83.68.43.439 1.22a469 469 0 0 0-3.076 8.79 3.36 3.36 0 0 1 2.246 1.318q.396.28.879.244zm-11.621-25h1.562v1.66h-1.562zM5.715 28.37q5.079-.049 10.156.098.698 3.41 1.22 6.836a102 102 0 0 0-6.298-2.051 102 102 0 0 0-6.299 2.05q.516-3.48 1.22-6.933M9.62 35.4h.293v11.328A3.6 3.6 0 0 0 8.06 47.95q-.879.489-1.758 0a5.8 5.8 0 0 0-1.172-1.025 245 245 0 0 1-3.125-8.984q3.85-1.186 7.617-2.54m2.05 0 7.911 2.54a245 245 0 0 1-3.125 8.984 5.8 5.8 0 0 0-1.172 1.025q-.879.489-1.758 0a3.6 3.6 0 0 0-1.855-1.22z"
                                            opacity=".941" />
                                        <path d="M7.375 29.932h6.836v1.758H7.375z" opacity=".924" />
                                        <path
                                            d="M49.95 39.502v7.52q-.199.32-.587.439-1.418.024-2.832.146-.655 1.78-2.441 2.344h-1.563a3.75 3.75 0 0 1-2.197-1.66 2.2 2.2 0 0 1-.244-.781q-3.03-.049-6.055.097-.655 1.78-2.441 2.344h-1.563a3.75 3.75 0 0 1-2.197-1.66 2.2 2.2 0 0 1-.244-.781q-1.855.024-3.711-.049-.615-.18-.635-.83a578 578 0 0 1 0-15.04q.012-.732.733-.83a739 739 0 0 1 16.992 0q.45.11.635.538.073 1.366.048 2.734 2.54-.024 5.079.05.255.068.488.194 1.39 2.61 2.734 5.225m-25-7.031h14.94v13.281q-2.93.048-5.859-.098-1.282-3.041-4.492-2.197-1.537.657-2.05 2.246-1.27.073-2.54.049zm16.699 3.32h1.562q-.024 2.15.049 4.297.074.66.732.732 2.1.075 4.2.05v4.882q-.837.048-1.66-.098-.824-2.31-3.272-2.441a4 4 0 0 0-1.514.39q-.147-3.904-.098-7.812m3.32 0q.576-.043 1.123.098a145 145 0 0 0 1.611 3.173q-1.366.075-2.734.05zm-14.356 9.18q2.298.348 1.514 2.539-1.271 1.314-2.637.097-.882-1.944 1.123-2.636m12.5 0q2.298.348 1.514 2.539-1.271 1.314-2.637.097-.882-1.944 1.123-2.636"
                                            opacity=".946" />
                                    </g>
                                    <defs>
                                        <clipPath id="a">
                                            <path fill="#fff" d="M0 0h50v50H0z" />
                                        </clipPath>
                                    </defs>
                                </svg>
                            </span>
                            <h5>Transparent Pricing</h5>
                        </div>
                        <div class="qf-card rounded-3">
                            <span class="icon rounded-3">
                                <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="none"
                                    viewBox="0 0 50 50">
                                    <g clip-path="url('#a')">
                                        <path fill="#fff"
                                            d="M25.84 7.05a4.526 4.526 0 0 0-4.521-4.522 4.526 4.526 0 0 0-4.521 4.521 4.526 4.526 0 0 0 4.52 4.522 4.527 4.527 0 0 0 4.522-4.522m-7.48 0a2.96 2.96 0 0 1 2.959-2.96 2.96 2.96 0 0 1 2.959 2.96 2.96 2.96 0 0 1-2.96 2.958A2.96 2.96 0 0 1 18.36 7.05m12.533 39.27a.999.999 0 1 1-1.997 0 .999.999 0 0 1 1.997 0m-20.094 0a.995.995 0 0 1-.998.997.997.997 0 1 1 .998-.998M8.645 32.16a.78.78 0 0 1 .286-1.067l4.443-2.565a.781.781 0 0 1 .78 1.353l-4.441 2.565a.78.78 0 0 1-1.068-.286m8.465 1.278a.78.78 0 0 1-.286 1.067l-4.442 2.564a.781.781 0 1 1-.781-1.353l4.442-2.565a.78.78 0 0 1 1.067.286m-9.452 2.374a.78.78 0 0 1 .286-1.067l9.086-5.246a.78.78 0 0 1 .781 1.353l-9.085 5.246a.78.78 0 0 1-1.068-.286m35.792-3.404h-2.895a3.186 3.186 0 0 1-3.182-3.182 3.186 3.186 0 0 1 3.182-3.183h2.407a4.75 4.75 0 0 0 4.745-4.744 4.75 4.75 0 0 0-4.745-4.745h-14.29c-.628-.785-2.208-1.202-3.87-1.42 1.711-2.04 3.515-4.939 3.515-8.087A7.006 7.006 0 0 0 21.32.049a7.006 7.006 0 0 0-6.998 6.998c0 3.148 1.804 6.047 3.514 8.088-2.144.28-4.154.893-4.154 2.2 0 1.294 1.963 1.762 2.609 1.915 1.352.323 3.138.5 5.029.5 1.89 0 3.677-.177 5.03-.5.493-.117 1.757-.42 2.324-1.134h14.289a3.186 3.186 0 0 1 3.182 3.183 3.186 3.186 0 0 1-3.182 3.182h-2.407a4.75 4.75 0 0 0-4.745 4.745 4.75 4.75 0 0 0 4.745 4.745h2.895a4.455 4.455 0 0 1 4.45 4.45 4.455 4.455 0 0 1-4.45 4.449h-6.43v-6.694c0-.752-.258-1.414-.765-1.97l-5.015-5.484a2.85 2.85 0 0 0-2.154-.95h-3.87v-.531c0-1.61-1.309-2.92-2.918-2.92H3.458c-1.61 0-2.919 1.31-2.919 2.92v16.94c0 1.61 1.31 2.92 2.92 2.92h2.796A3.64 3.64 0 0 0 9.8 49.95a3.64 3.64 0 0 0 3.546-2.85H26.35a3.64 3.64 0 0 0 3.546 2.85 3.64 3.64 0 0 0 3.547-2.85h2.084c.823 0 1.494-.67 1.494-1.494v-1.174h6.43a6.02 6.02 0 0 0 6.012-6.013 6.02 6.02 0 0 0-6.012-6.012M21.32 1.611a5.44 5.44 0 0 1 5.436 5.436c0 4.223-4.022 8.168-5.436 9.424-1.414-1.256-5.436-5.2-5.436-9.424a5.44 5.44 0 0 1 5.436-5.436m-5.863 15.725c.5-.252 1.673-.602 3.688-.767a20 20 0 0 0 1.691 1.542 1 1 0 0 0 .113.074c-2.912-.037-4.802-.501-5.492-.849m6.234.85a1 1 0 0 0 .113-.075c.085-.067.782-.624 1.691-1.542 2.015.165 3.189.515 3.688.767-.69.348-2.58.812-5.492.85m8.397 11.59 5.015 5.485q.06.066.108.134h-7.042v-6.06h.918c.402 0 .73.145 1.001.441M3.458 25.884h18.84c.748 0 1.356.609 1.356 1.357v13.185H2.102V27.24c0-.748.608-1.357 1.356-1.357M9.801 48.39c-1.141 0-2.07-.929-2.07-2.07s.929-2.069 2.07-2.069 2.07.929 2.07 2.07-.93 2.069-2.07 2.069m3.546-2.85a3.64 3.64 0 0 0-3.546-2.851 3.64 3.64 0 0 0-3.546 2.85H3.458a1.36 1.36 0 0 1-1.356-1.356v-2.194h21.552v3.55zm16.549 2.85a2.07 2.07 0 0 1-2.07-2.07c0-1.14.929-2.069 2.07-2.069s2.069.929 2.069 2.07-.929 2.069-2.07 2.069m3.546-2.85a3.64 3.64 0 0 0-3.547-2.851 3.64 3.64 0 0 0-3.546 2.85h-1.132V29.335h1.388v6.841a.78.78 0 0 0 .781.782h8.07v8.58z" />
                                    </g>
                                    <defs>
                                        <clipPath id="a">
                                            <path fill="#fff" d="M0 0h50v50H0z" />
                                        </clipPath>
                                    </defs>
                                </svg>
                            </span>
                            <h5>Real Time Tracking</h5>
                        </div>
                        <div class="qf-card rounded-3">
                            <span class="icon rounded-3">
                                <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="none"
                                    viewBox="0 0 50 50">
                                    <path fill="#fd5523"
                                        d="M17.037 7.235a.78.78 0 0 0 1.013.314 16.3 16.3 0 0 1 5.804-1.54.78.78 0 0 0 .722-.779V1.563a.78.78 0 0 0-.83-.78A21.5 21.5 0 0 0 15.54 2.98a.78.78 0 0 0-.33 1.091zm5.977-4.822V4.52c-1.726.2-3.395.643-4.977 1.32l-1.048-1.814a19.9 19.9 0 0 1 6.025-1.613M5.71 32.013a.78.78 0 0 0 1.091.33l3.18-1.835a.78.78 0 0 0 .314-1.013 16.4 16.4 0 0 1-1.548-5.798.78.78 0 0 0-.78-.72H4.3a.78.78 0 0 0-.78.83 21.55 21.55 0 0 0 2.191 8.206m1.55-7.474c.2 1.711.647 3.385 1.326 4.97l-1.83 1.056a20 20 0 0 1-1.607-6.027zM4.3 21.842h3.682a.78.78 0 0 0 .779-.714c.175-2.029.7-3.978 1.56-5.793a.78.78 0 0 0-.316-1.01l-3.198-1.847a.78.78 0 0 0-1.09.33A21.5 21.5 0 0 0 3.52 21.01a.78.78 0 0 0 .78.832m2.462-7.586 1.85 1.069a18.4 18.4 0 0 0-1.333 4.954H5.15c.22-2.089.761-4.108 1.613-6.023M48.63 24.448a1.19 1.19 0 0 0-1.083-.678h-.77q.043-.68.043-1.361a21.58 21.58 0 0 0-5.895-14.857A21.58 21.58 0 0 0 26.541.782a.78.78 0 0 0-.83.78v3.669a.78.78 0 0 0 .72.778c8.504.657 15.166 7.86 15.166 16.4q0 .681-.056 1.361h-.5c-.465 0-.88.26-1.082.677s-.15.904.137 1.27l3.254 4.132a1.2 1.2 0 0 0 .944.458c.371 0 .716-.167.945-.459l3.253-4.132c.288-.364.34-.85.138-1.268m-4.336 4.075-2.511-3.19h.462a.78.78 0 0 0 .776-.685q.138-1.115.138-2.239a17.95 17.95 0 0 0-4.82-12.263 17.95 17.95 0 0 0-11.066-5.624v-2.11c10.15 1.067 17.985 9.694 17.985 19.997 0 .688-.036 1.382-.105 2.063a.78.78 0 0 0 .777.86h.876zM7.377 11.497l3.187 1.84a.78.78 0 0 0 1.036-.238 16.3 16.3 0 0 1 4.224-4.26.78.78 0 0 0 .233-1.034L14.229 4.64a.78.78 0 0 0-1.11-.259 21.7 21.7 0 0 0-6.001 6.005.78.78 0 0 0 .259 1.11m5.925-5.338 1.049 1.816a17.8 17.8 0 0 0-3.622 3.653l-1.834-1.059a20 20 0 0 1 4.407-4.41m22.731 26.47-7.532 4.387a4 4 0 0 1-.876.387q.142-.288.224-.599c.4-1.495-.486-3.055-2.019-3.552a1 1 0 0 0-.102-.026c-2.156-.388-4.287-1.159-6-1.778-.597-.216-1.162-.42-1.642-.576-1.97-.64-3.742.146-5.214.999l-5.505 3.187-.473-.834a1.88 1.88 0 0 0-1.14-.89 1.88 1.88 0 0 0-1.436.176l-2.113 1.196a1.893 1.893 0 0 0-.714 2.576L7.704 48.26c.248.438.653.754 1.14.89q.255.07.51.07c.322 0 .64-.084.926-.246l2.114-1.196c.438-.248.754-.653.889-1.14a1.88 1.88 0 0 0-.175-1.436l-.586-1.035 1.14-.658 9.602 2.573a6.2 6.2 0 0 0 1.612.218c1.074 0 2.11-.296 3.059-.88l13.669-8.417c1.296-.797 1.709-2.804.867-4.21-.408-.68-2.077-2.704-6.438-.164M11.777 46.22a.33.33 0 0 1-.153.198l-2.113 1.196a.33.33 0 0 1-.249.03.33.33 0 0 1-.198-.154L2.85 36.512a.33.33 0 0 1 .124-.447l2.113-1.195a.32.32 0 0 1 .249-.03c.05.014.14.052.198.153l6.213 10.978c.057.102.043.2.03.25m29.008-10.547-13.67 8.417c-1.056.65-2.215.813-3.446.483l-9.915-2.657a.78.78 0 0 0-.593.078l-1.408.813-3.617-6.39 5.519-3.194c1.233-.715 2.565-1.314 3.949-.865.456.148.983.338 1.593.559 1.753.634 3.931 1.422 6.196 1.837.726.257 1.131.957.947 1.646-.244.907-1.007 1.02-1.616.95-1.102-.226-2.153-.526-3.264-.843-.529-.151-1.076-.308-1.64-.459a.782.782 0 0 0-.404 1.51c.55.147 1.092.302 1.615.451 1.152.33 3.44.885 3.445.886l.937.152c1.427.228 2.695.006 3.874-.681l7.532-4.387c2.108-1.228 3.72-1.371 4.311-.383.405.674.23 1.723-.345 2.077m-35.14 1.218a.755.755 0 1 1-1.49.24.755.755 0 0 1 1.49-.24m26.142-21.803a5.66 5.66 0 0 0-5.652-5.652 5.66 5.66 0 0 0-5.652 5.652c0 1.901.944 3.584 2.387 4.61a10.38 10.38 0 0 0-7.09 8.774.78.78 0 0 0 .777.865h19.156a.78.78 0 0 0 .776-.865 10.38 10.38 0 0 0-7.09-8.775 5.65 5.65 0 0 0 2.388-4.609M34.8 27.774H17.47a8.83 8.83 0 0 1 8.663-7.034h.004a8.83 8.83 0 0 1 8.663 7.034m-8.665-8.597h-.003a4.094 4.094 0 0 1-4.086-4.089 4.094 4.094 0 0 1 4.089-4.09 4.094 4.094 0 0 1 4.09 4.09 4.094 4.094 0 0 1-4.087 4.09z" />
                                </svg>
                            </span>
                            <h5>24/7 Online Support</h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row quote-form-wrap g-0 round">
                <div class="col-lg-4">
                    <div class="quote-thumb">
                        <img src="{{ asset('images/quote-thumb.jpg') }}" alt="quote" class="img-fluid rounded-2">
                    </div>
                </div>
                <div class="col-lg-8 pt-5 pt-lg-0">
                    <div class="quote-request-form">
                        <div class="row persional-info gy-3">
                            <h5>Personal Info</h5>
                            <div class="col-md-4 qr-group">
                                <i class="fa fa-user"></i>
                                <input type="text" placeholder="Your Name">
                            </div>
                            <div class="col-md-4 qr-group">
                                <i class="fa fa-envelope"></i>
                                <input type="text" placeholder="Your Email">
                            </div>
                            <div class="col-md-4 qr-group">
                                <i class="fa fa-phone"></i>
                                <input type="text" placeholder="Your Phone">
                            </div>
                        </div>
                        <div class="row">
                            <h5>Shipment Info</h5>
                            <div class="d-sm-flex flex-wrap gap-3">
                                <div class="group-field">
                                    <select name="ship_type" id="ship-type" class="tv-select">
                                        <option selected value="0">Fright Type</option>
                                        <option value="1">Air Fright</option>
                                        <option value="2">Ocean Fright</option>
                                        <option value="3">Road Fright</option>
                                        <option value="4">Wirehouse</option>
                                    </select>
                                </div>
                                <div class="group-field">
                                    <input name="departure" id="departure" placeholder="City Departure" type="text">
                                </div>
                                <div class="group-field">
                                    <input name="city_deliver" id="city_deliver" placeholder="Delivery City" type="text">
                                </div>
                                <div class="group-field">
                                    <select name="ship_type" id="ship-type" class="tv-select">
                                        <option value="0" selected>Incoterms</option>
                                        <option value="1">Air Fright</option>
                                        <option value="2">Ocean Fright</option>
                                        <option value="3">Road Fright</option>
                                        <option value="4">Wirehouse</option>
                                    </select>
                                </div>
                                <div class="group-field">
                                    <input type="text" value="Date" data-date-format="mm/dd/yy" id="ship_date"
                                        placeholder="Date">
                                </div>
                                <div class="group-field">
                                    <input name="ship_time" id="ship_time" placeholder="Time" type="datepickers">
                                </div>

                            </div>
                            <div class="col-lg-5 mt-5">
                                <button class="btn btn-primary">Request a Quote <i class="fa fa-arrow-right"></i></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Footer Start -->

@endsection