@extends('front.layout.master')
@section('title')
    Welcome - joralogistics.com
@endsection
@section('seo')


@endsection
@section('css')
<style>
	.p-5.rounded.card label {
    color: black!important;
    font-weight: 700;
}
@media(min-width:600px){
	.btn-md {
    padding: 2rem 3.4rem;
}
}
</style>





@endsection

@section('content')
    		<!-- Start Slider
		============================================= -->
	
        @include('front.partials.breadcum',['title' => 'Track Package'])
     

	
		
		<!-- Start Request
		============================================= -->
		<div class="requ-area bg-theme-2 de-pt">
			<div class="container mb-4 requ-wpr">
				<div class="row">
					
					<div class="col-xl-6">
						<div class="requ-delivery req-delivery-two">
							<div class="requ-contact requ-contact-white">
								<span class="mb-20 hero-sub-title">
									<span class="hero-line"></span>
									TRACK PACKAGE
								</span>
							
								<form action="{{ url('/track-package') }}" method="post" class="contact-form-requ">
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
												<input type="text" name="order_id" class="form-control input-style-2" placeholder="Tracking ID*">
											</div>
										</div>
									
										
										<div class="col-md-12">
											<div class="contact-sub-btn mt-50">
												<button type="submit" class="btn-1 btn-md">
													SEARCH
													<i class="fas fa-chevron-right"></i>
												</button>
											</div>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
                    <div class="col-xl-6">
						<div class="requ-left-pic element-bottom pr-120">
							<img src="{{asset('assets/img/vector/requ-left.png')}}"  alt="no image">
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- End Request -->
		
		
	
		
	

		
@endsection
@section('js')
    
@endsection