@extends('layouts.index')
@section('content')

<!-- Start of Breadcrumb section
	============================================= -->
	<section id="ft-breadcrumb" class="ft-breadcrumb-section position-relative" data-background="{{ asset('assets/images/mobu-img/1955x591-8.png') }}">
		<span class="background_overlay"></span>
		<span class="design-shape position-absolute"><img src="assets/img/shape/tmd-sh.png" alt=""></span>
		<div class="container">
			<div class="ft-breadcrumb-content headline text-center position-relative">
				<h2>Enviar Cotización</h2>
				{{-- <div class="ft-breadcrumb-list ul-li">
					<ul>
						<li><a href="#">Home</a></li>
						<li>Service</li>
					</ul>
				</div> --}}
			</div>
		</div>
	</section>
<!-- End of Breadcrumb section
	============================================= -->

<!-- Start of Service details section
	============================================= -->
	<section id="ft-service-details" class="ft-service-details-section page-padding">
		<div class="container">
			<div class="ft-service-details-content">
				<div class="row">
					<div class="col-lg-4">
						<div class="ft-service-sidebar">
                            @include('layouts.sidebar')

						</div>
					</div>
					<div class="col-lg-8">
						<div class="ft-service-details-content-wrapper headline pera-content">
							<div class="ft-service-details-img-wrapper">
								<div class="row">
									<div class="col-md-12">
										<div class="ft-service-details-img">
											<img src="{{ asset('assets/images/mobu-img/servicios10.jpg') }}" alt="">
										</div>
									</div>
								</div>
							</div>

							<div class="ft-service-details-text-wrapper">
                                <div class="row">
                                    {{-- <h3>Servicios de Valor Agregado </h3> --}}
									<div class="col-md-12">
										<div class="ft-service-details-img">
											<!-- Tracking Section -->
                                            <section class="ft1-tracking-section-two">
                                                <div class="auto-container">
                                                    <div class="inner-container">

                                                        <!-- Tracking Info Tabs -->
                                                        <div class="tracking-info-tabs">
                                                            <!-- Track Tabs -->
                                                            <div class="ft1-track-tabs tabs-box">


                                                                <!-- Tracking Section -->
                                                                <section class="ft1-tracking-section-two">
                                                                    <div class="auto-container">
                                                                        <div class="inner-container">

                                                                            <!-- Tracking Info Tabs -->
                                                                            <div class="tracking-info-tabs">
                                                                                <!-- Track Tabs -->
                                                                                <div class="ft1-track-tabs tabs-box">
                                                                                    <ul class="tab-btns tab-buttons clearfix">
                                                                                        <div class="row">
                                                                                            <div class="col-12">
                                                                                                <li data-tab="#prod-quote" class="tab-btn active-btn">Solicitar cotizacion</li>
                                                                                            </div>
                                                                                            {{-- <div class="col-6">
                                                                                                <li data-tab="#prod-track" class="tab-btn">Track & Trace</li>
                                                                                            </div> --}}
                                                                                        </div>
                                                                                    </ul>

                                                                                    <!--Tabs Container-->
                                                                                    <div class="tabs-content">

                                                                                        <!-- Tab / Active Tab -->
                                                                                        <div class="tab active-tab" id="prod-quote">
                                                                                            <div class="content">
                                                                                                <div class="row clearfix">

                                                                                                    <!-- Form Column -->
                                                                                                    <div class="form-column col-lg-12 col-md-12 col-sm-12">
                                                                                                        <div class="inner-column">

                                                                                                            <!-- Default Form -->
                                                                                                            <div class="ft1-default-form">
                                                                                                                <form method="post" action="blog.html">

                                                                                                                    <fieldset>
                                                                                                                        <label>Datos Personales</label>
                                                                                                                        <div class="row clearfix">
                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-4 col-md-4 col-sm-12">
                                                                                                                                <input type="text" name="name" value="" placeholder="Nombre" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-4 col-md-4 col-sm-12">
                                                                                                                                <input type="text" name="email" value="" placeholder="Email" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-4 col-md-4 col-sm-12">
                                                                                                                                <input type="text" name="phone" value="" placeholder="Teléfono" required>
                                                                                                                            </div>

                                                                                                                        </div>
                                                                                                                    </fieldset>

                                                                                                                    <fieldset>
                                                                                                                        <label>Datos a cotizar</label>
                                                                                                                        <div class="row clearfix">

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-4 col-md-4 col-sm-12">
                                                                                                                                <input type="text" name="type" value="" placeholder="Material" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-4 col-md-4 col-sm-12">
                                                                                                                                <input type="text" name="city" value="" placeholder="Peso" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-4 col-md-4 col-sm-12">
                                                                                                                                <input type="text" name="delivery" value="" placeholder="Unidades" required>
                                                                                                                            </div>

                                                                                                                        </div>
                                                                                                                    </fieldset>

                                                                                                                    <fieldset>
                                                                                                                        <div class="row clearfix">

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-4 col-md-4 col-sm-12">
                                                                                                                                <input type="text" name="type" value="" placeholder="Incoterms" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                                                                                                                                <input type="text" name="weight" value="" placeholder="Weight" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                                                                                                                                <input type="text" name="height" value="" placeholder="Height" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                                                                                                                                <input type="text" name="width" value="" placeholder="Width" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                                                                                                                                <input type="text" name="length" value="" placeholder="length" required>
                                                                                                                            </div>

                                                                                                                        </div>
                                                                                                                    </fieldset>

                                                                                                                    <fieldset>

                                                                                                                        <!-- CheckBox -->
                                                                                                                        <div class="check-box">
                                                                                                                            <input type="checkbox" name="remember-password" id="type-1">
                                                                                                                            <label for="type-1">Incoterms</label>
                                                                                                                        </div>

                                                                                                                        <!-- CheckBox -->
                                                                                                                        <div class="check-box">
                                                                                                                            <input type="checkbox" name="remember-password" id="type-2">
                                                                                                                            <label for="type-2">Express Delivery</label>
                                                                                                                        </div>

                                                                                                                        <!-- CheckBox -->
                                                                                                                        <div class="check-box">
                                                                                                                            <input type="checkbox" name="remember-password" id="type-3">
                                                                                                                            <label for="type-3">Insurance</label>
                                                                                                                        </div>

                                                                                                                        <!-- CheckBox -->
                                                                                                                        <div class="check-box">
                                                                                                                            <input type="checkbox" name="remember-password" id="type-4">
                                                                                                                            <label for="type-4">Packaging</label>
                                                                                                                        </div>

                                                                                                                    </fieldset>

                                                                                                                    <div class="form-group text-center">
                                                                                                                        <button type="submit" class="theme-btn submit-btn"><span class="txt">Request For A Quote</span></button>
                                                                                                                    </div>
                                                                                                                </form>
                                                                                                            </div>
                                                                                                            <!--End Default Form-->

                                                                                                        </div>
                                                                                                    </div>



                                                                                                </div>
                                                                                            </div>
                                                                                        </div>

                                                                                        <!-- Tab -->
                                                                                        <div class="tab" id="prod-track">
                                                                                            <div class="content">

                                                                                                <div class="row clearfix">

                                                                                                    <!-- Form Column -->
                                                                                                    <div class="form-column col-lg-8 col-md-12 col-sm-12">
                                                                                                        <div class="inner-column">

                                                                                                            <!-- Default Form -->
                                                                                                            <div class="ft1-default-form">
                                                                                                                <form method="post" action="blog.html">

                                                                                                                    <fieldset>
                                                                                                                        <label>Personal Data</label>
                                                                                                                        <div class="row clearfix">
                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-4 col-md-4 col-sm-12">
                                                                                                                                <input type="text" name="name" value="" placeholder="Name" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-4 col-md-4 col-sm-12">
                                                                                                                                <input type="text" name="email" value="" placeholder="Email" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-4 col-md-4 col-sm-12">
                                                                                                                                <input type="text" name="phone" value="" placeholder="Phone" required>
                                                                                                                            </div>

                                                                                                                        </div>
                                                                                                                    </fieldset>

                                                                                                                    <fieldset>
                                                                                                                        <label>Shipment Data</label>
                                                                                                                        <div class="row clearfix">

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-4 col-md-4 col-sm-12">
                                                                                                                                <input type="text" name="type" value="" placeholder="Freight Type" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-4 col-md-4 col-sm-12">
                                                                                                                                <input type="text" name="city" value="" placeholder="City of Depture" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-4 col-md-4 col-sm-12">
                                                                                                                                <input type="text" name="delivery" value="" placeholder="Delivery City" required>
                                                                                                                            </div>

                                                                                                                        </div>
                                                                                                                    </fieldset>

                                                                                                                    <fieldset>
                                                                                                                        <div class="row clearfix">

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-4 col-md-4 col-sm-12">
                                                                                                                                <input type="text" name="type" value="" placeholder="Incoterms" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                                                                                                                                <input type="text" name="weight" value="" placeholder="Weight" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                                                                                                                                <input type="text" name="height" value="" placeholder="Height" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                                                                                                                                <input type="text" name="width" value="" placeholder="Width" required>
                                                                                                                            </div>

                                                                                                                            <!-- Form Group -->
                                                                                                                            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                                                                                                                                <input type="text" name="length" value="" placeholder="length" required>
                                                                                                                            </div>

                                                                                                                        </div>
                                                                                                                    </fieldset>

                                                                                                                    <fieldset>

                                                                                                                        <!-- CheckBox -->
                                                                                                                        <div class="check-box">
                                                                                                                            <input type="checkbox" name="remember-password" id="type-5">
                                                                                                                            <label for="type-5">Incoterms</label>
                                                                                                                        </div>

                                                                                                                        <!-- CheckBox -->
                                                                                                                        <div class="check-box">
                                                                                                                            <input type="checkbox" name="remember-password" id="type-6">
                                                                                                                            <label for="type-6">Express Delivery</label>
                                                                                                                        </div>

                                                                                                                        <!-- CheckBox -->
                                                                                                                        <div class="check-box">
                                                                                                                            <input type="checkbox" name="remember-password" id="type-7">
                                                                                                                            <label for="type-7">Insurance</label>
                                                                                                                        </div>

                                                                                                                        <!-- CheckBox -->
                                                                                                                        <div class="check-box">
                                                                                                                            <input type="checkbox" name="remember-password" id="type-8">
                                                                                                                            <label for="type-8">Packaging</label>
                                                                                                                        </div>

                                                                                                                    </fieldset>

                                                                                                                    <div class="form-group text-center">
                                                                                                                        <button type="submit" class="theme-btn submit-btn"><span class="txt">Request For A Quote</span></button>
                                                                                                                    </div>
                                                                                                                </form>
                                                                                                            </div>
                                                                                                            <!--End Default Form-->

                                                                                                        </div>
                                                                                                    </div>

                                                                                                    <!-- Career Column -->
                                                                                                    <div class="career-column col-lg-4 col-md-12 col-sm-12">
                                                                                                        <div class="inner-column" style="background-image:url({{ asset('assets/images/mobu-img/Almacenaje-min10.webp') }})">
                                                                                                            <h4>Take Your Career <br> To Next Level</h4>
                                                                                                            <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore </div>
                                                                                                            <div class="btn-box">
                                                                                                                <a href="#" class="theme-btn btn-style-three">Apply Now <span class="icon fas fa-angle-double-right"></span></a>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>

                                                                                                </div>

                                                                                            </div>
                                                                                        </div>

                                                                                    </div>
                                                                                </div>
                                                                            </div>

                                                                        </div>
                                                                    </div>
                                                                </section>
                                                                <!-- End Tracking Section Two -->


                                                            </div>
                                                            <br>
                                                        </div>

                                                    </div>
                                                </div>
                                            </section>
                                            <!-- End Tracking Section Two -->
										</div>
									</div>

								</div>
                                <br>
                                @include('layouts.img_service_footer')

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
<!-- End of Service details section
	============================================= -->
    <br>
    <br>
    <br>

@endsection