@extends('layouts.master')

@section('content')
<div class="content d-flex flex-column flex-column-fluid">
	<!--begin::Container-->
	<div class="col-lg-12  d-flex flex-column flex-xl-row flex-row-fluid gap-10">
		<div
			class="col-lg-3 card d-flex justify-content-center justify-content-xl-start flex-row-auto w-100 w-xl-300px w-xxl-400px">
			<!--begin::Wrapper-->
			<div class="card-body px-6 px-lg-10 px-xxl-15 py-20">
				<!--begin::Nav-->
				<ul id="nav-stepper"
					class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bold stepper stepper-pills stepper-column stepper-nav"
					style="display: block;">
					<!--begin::Nav item-->
					<div class="stepper-item current" data-kt-stepper-element="nav" id="cl1">
						<!--begin::Wrapper-->
						<div class="stepper-wrapper">
							<!--begin::Icon-->
							<div class="stepper-icon w-40px h-40px">
								<i class="ki-outline ki-check fs-2 stepper-check"></i>
								<span class="stepper-number">1</span>
							</div>
							<!--end::Icon-->
							<!--begin::Label-->
							<div class="stepper-label">
								<h3 class="stepper-title">Carrier Info</h3>

							</div>
							<!--end::Label-->
						</div>
						<!--end::Wrapper-->
						<!--begin::Line-->
						<div class="stepper-line h-40px"></div>
						<!--end::Line-->
					</div>
					<!--end::Nav item-->
					<!--begin::Nav item-->
					<div class="stepper-item" data-kt-stepper-element="nav" id="cl2">
						<!--begin::Wrapper-->
						<div class="stepper-wrapper">
							<!--begin::Icon-->
							<div class="stepper-icon w-40px h-40px">
								<i class="ki-outline ki-check fs-2 stepper-check"></i>
								<span class="stepper-number">2</span>
							</div>
							<!--end::Icon-->
							<!--begin::Label-->
							<div class="stepper-label">
								<h3 class="stepper-title">Rate Info</h3>

							</div>
							<!--end::Label-->
						</div>
						<!--end::Wrapper-->
						<!--begin::Line-->
						<div class="stepper-line h-40px"></div>
						<!--end::Line-->
					</div>
					<!--end::Nav item-->
					<!--begin::Nav item-->
					<div class="stepper-item" data-kt-stepper-element="nav">
						<!--begin::Wrapper-->
						<div class="stepper-wrapper">
							<!--begin::Icon-->
							<div class="stepper-icon w-40px h-40px">
								<i class="ki-outline ki-check fs-2 stepper-check"></i>
								<span class="stepper-number">3</span>
							</div>
							<!--end::Icon-->
							<!--begin::Label-->
							<div class="stepper-label">
								<h3 class="stepper-title">Payment Details</h3>

							</div>
							<!--end::Label-->
						</div>
						<!--end::Wrapper-->
						<!--begin::Line-->
						<div class="stepper-line h-40px"></div>
						<!--end::Line-->
					</div>
					<!--end::Nav item-->
					<!--begin::Nav item-->
					<div class="stepper-item" data-kt-stepper-element="nav">
						<!--begin::Wrapper-->
						<div class="stepper-wrapper">
							<!--begin::Icon-->
							<div class="stepper-icon w-40px h-40px">
								<i class="ki-outline ki-check fs-2 stepper-check"></i>
								<span class="stepper-number">4</span>
							</div>
							<!--end::Icon-->
							<!--begin::Label-->
							<div class="stepper-label">
								<h3 class="stepper-title">Carrier Documents</h3>

							</div>
							<!--end::Label-->
						</div>
						<!--end::Wrapper-->
						<!--begin::Line-->
						<div class="stepper-line h-40px"></div>
						<!--end::Line-->
					</div>
					<!--end::Nav item-->
					<!--begin::Nav item-->
					<div class="stepper-item mark-completed" data-kt-stepper-element="nav">
						<!--begin::Wrapper-->
						<div class="stepper-wrapper">
							<!--begin::Icon-->
							<div class="stepper-icon w-40px h-40px">
								<i class="ki-outline ki-check fs-2 stepper-check"></i>
								<span class="stepper-number">5</span>
							</div>
							<!--end::Icon-->
							<!--begin::Label-->
							<div class="stepper-label">
								<h3 class="stepper-title">Money Codes</h3>

							</div>
							<!--end::Label-->
						</div>
						<!--end::Wrapper-->
					</div>

					<!--end::Nav item-->
				</ul>
				<!--end::Nav-->
			</div>
			<!--end::Wrapper-->
		</div>
		<div class="col-lg-9">
			<form action="{{route('carrierProfile.store')}}" method="post" enctype="multipart/form-data">
				@csrf

				<div class="card mb-12 mb-xxl-12 tab-content">
					<div class="card-body pb-0 tab-pane fade show active" id="kt_stats_widget_16_tab_1">
						<div class="w-100">
							<div class="">
								<!--begin::Title-->
								<h2 class="fw-bold text-gray-900">Carrier Info</h2>

								<!--end::Notice-->
							</div>
							<div class="card-body p-9">
								<!--begin::Input group-->

								<!--end::Input group-->
								<!--begin::Input group-->
								<div class="row mb-6">
									<!--begin::Label-->
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Active <span style="color:red">*</span></label>
									<!--end::Label-->
									<!--begin::Col-->
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<!--begin::Options-->
										<div class="d-flex align-items-center mt-3">
											<!--begin::Option-->
											<label
												class="form-check form-check-custom form-check-inline form-check-solid me-5">
												<input class="form-check-input" name="ACTIVE" type="radio" value="1">
												<input type="hidden" name="POLICY_NUM" id="POLICY_NUM"
													class="form-control" value="0">
												<input type="hidden" name="CREATED_DATE" id="CREATED_DATE"
													class="form-control" value=" 2025-12-12">
												<input type="hidden" name="MODIFIED_DATE" id="MODIFIED_DATE"
													class="form-control" value=" 2025-12-12">
												<input type="hidden" name="MODIFIED_BY" id="MODIFIED_BY"
													class="form-control" value="1">
												<span class="fw-semibold ps-2 fs-6">Active</span>
											</label>
											<!--end::Option-->
											<!--begin::Option-->
											<label
												class="form-check form-check-custom form-check-inline form-check-solid">
												<input class="form-check-input" name="ACTIVE" type="radio" value="0"
													checked>
												<span class="fw-semibold ps-2 fs-6">Inactive</span>
											</label>
										
											@error('ACTIVE')
                                                 <p class="text-danger">{{ $message }}</p>
                                             @enderror
											<!--end::Option-->
										</div>
										<!--end::Options-->
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
									<!--end::Col-->
								</div>
								<div class="row mb-6">
									<!--begin::Label-->
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Sales
										Agent: </label>
									<!--end::Label-->
									<!--begin::Col-->
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<!--begin::Options-->
										<div class="d-flex align-items-center mt-3">
											<select id="SALES_AGENT" name="SALES_AGENT"
												class="form-select form-select-solid form-select-lg" >											
												<option value="1">test</option>
											</select>
										</div>
										<!--end::Options-->
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
									<!--end::Col-->
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Name <span style="color:red">*</span></label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="text" name="NAME" id="NAME"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="Carrier" >
											@error('NAME')
                                                 <p class="text-danger">{{ $message }}</p>
                                             @enderror

										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>

								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">AR#</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="number" name="C411" id="C411"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="AR#" value="0006332001871">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Policy
										#</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="number" name="SUBFLEET" id="SUBFLEET"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="Policy#">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">EFS CONTRACT
										ID #</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="number" name="CONTRACT_ID" id="CONTRACT_ID"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="Contract ID" value="415904">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>

								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">DOT
										#</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="text" name="DOT" id="DOT"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="DOT">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">MC #</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="text" name="MC" id="MC"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="MC #">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Contact <span style="color:red">*</span></label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="text" name="CONTACT_NAME" id="CONTACT_NAME"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="Name" >
											@error('CONTACT_NAME')
                                                 <p class="text-danger">{{ $message }}</p>
                                             @enderror
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Contact
										Title</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="text" name="CONTACT_TITLE" id="CONTACT_TITLE"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="Contact Title">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Phone <span style="color:red">*</span></label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="text" name="PHONE" id="PHONE"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="Phone" >
											@error('PHONE')
                                                <p class="text-danger">{{ $message }}</p>
                                             @enderror
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Email</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="text" name="EMAIL" id="EMAIL"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="Email" >
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">ATL
										Email</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="text" name="ALT_EMAIL" id="ALT_EMAIL"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="ATL Email">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">#
										Trucks</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="number" name="NUM_TRUCKS" id="NUM_TRUCKS"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="NUM TR">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Credit Limit</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="text" name="CREDIT_LIMIT" id="CREDIT_LIMIT"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="Credit Limit" value="5000.00">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Address</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<textarea name="BILL_TO" id="BILL_TO" cols="15" rows="3"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="Address"></textarea>
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Notes</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<textarea name="SETUP_NOTES" id="SETUP_NOTES" cols="35" rows="4"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="Notes"></textarea>
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="card-body pb-0 tab-pane fade show" id="kt_stats_widget_16_tab_2">
						<div class="w-100">
							<!--begin::Heading-->
							<div class="">
								<h2 class="fw-bold text-gray-900">Rate Info</h2>
							</div>
							<div class="card-body p-9">
								<div class="row mb-6">
									<!--begin::Label-->
									<label class="col-lg-4 col-form-label fw-semibold fs-6">CREDIT OR CARD LIMITS <span
											style="color:red">*</span></label>

									<!--end::Label-->
									<!--begin::Col-->
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<!--begin::Options-->
										<div class="d-flex align-items-center mt-3">
											<!--begin::Option-->
											<label
												class="form-check form-check-custom form-check-inline form-check-solid me-5">
												<input class="form-check-input" name="SUB_STATUS" type="radio"
													value="CREDIT" >
												<span class="fw-semibold ps-2 fs-6">Credit</span>
											</label>
											<!--end::Option-->
											<!--begin::Option-->
											<label
												class="form-check form-check-custom form-check-inline form-check-solid">
												<input class="form-check-input" name="SUB_STATUS" type="radio"
													value="LIMIT" checked >
												<span class="fw-semibold ps-2 fs-6">Limit</span>
											</label>
											<!--end::Option-->
										</div>
										<!--end::Options-->
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
									<!--end::Col-->
								</div>
								<div class="row mb-6">
									<!--begin::Label-->
									<label class="col-lg-4 col-form-label fw-semibold fs-6">CREDIT OR CARD
										LIMITS</label>
									<!--end::Label-->
									<!--begin::Col-->
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<!--begin::Options-->
										<div class="d-flex align-items-center mt-3">
											<!--begin::Option-->
											<label
												class="form-check form-check-custom form-check-inline form-check-solid me-5">
												<input class="form-check-input" name="EMAIL_REPORTS" type="radio"
													value="YES">
												<span class="fw-semibold ps-2 fs-6">Yes</span>
											</label>
											<!--end::Option-->
											<!--begin::Option-->
											<label
												class="form-check form-check-custom form-check-inline form-check-solid">
												<input class="form-check-input" name="EMAIL_REPORTS" type="radio"
													value="NO" checked>
												<span class="fw-semibold ps-2 fs-6">No</span>
											</label>
											<!--end::Option-->
										</div>
										<!--end::Options-->
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
									<!--end::Col-->
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">AUTOMATED WEEKLY
										EMAILS</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="text" name="ALT_EMAIL" id="ALT_EMAIL"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="AUTOMATED WEEKLY EMAILS">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">MIN RATE (TMS KEEPS)
										Title</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="number" name="MARGIN_RATE" id="MARGIN_RATE"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="Cost Plus" value="1">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">AMBEST RATE</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="number" name="AMB_RATE" id="AMB_RATE"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="0">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">SAPP BROS RATE</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="number" name="SAPP_RATE" id="SAPP_RATE"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="0">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>

								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">TA RATE <span
											style="color:red">*</span></label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="number" name="TA_RATE" id="TA_RATE"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="0" >
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Pilot/Flying J RATE</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="number" name="PILOT_RATE" id="PILOT_RATE"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="0">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">ROAD RANGER RATE <span
											style="color:red">*</span></label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="number" name="RR_RATE" id="RR_RATE"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="0" >
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<!--begin::Label-->
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Charge Swipe Fee</label>
									<!--end::Label-->
									<!--begin::Col-->
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<!--begin::Options-->
										<div class="d-flex align-items-center mt-3">
											<!--begin::Option-->
											<label
												class="form-check form-check-custom form-check-inline form-check-solid me-5">
												<input class="form-check-input" name="BANK_REJECTS" type="radio"
													value="1">
												<span class="fw-semibold ps-2 fs-6">Yes</span>
											</label>
											<!--end::Option-->
											<!--begin::Option-->
											<label
												class="form-check form-check-custom form-check-inline form-check-solid">
												<input class="form-check-input" name="BANK_REJECTS" type="radio"
													value="0" checked>
												<span class="fw-semibold ps-2 fs-6">No</span>
											</label>
											<!--end::Option-->
										</div>
										<!--end::Options-->
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
									<!--end::Col-->
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">VIP Pricing</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<label
											class="col-lg-8 col-form-label fw-semibold fs-6">#tpx_CARRIER_PROFILE_OVERNIGHT</label>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="card-body pb-0 tab-pane fade show" id="kt_stats_widget_16_tab_3">
						<div class="w-100">
							<!--begin::Heading-->
							<div class="">
								<!--begin::Title-->
								<h2 class="fw-bold text-gray-900">Payment Details</h2>
							</div>
							<div class="card-body p-9">
								<div class="row mb-12">
									<!--begin::Label-->
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Pay Days</label>


									<!--begin::Options-->
									<div class="row mb-6">
										<div class="d-flex align-items-center mt-3">
											<!--begin::Option-->
											<label class="form-check form-check-custom form-check-solid me-5">
												<input class="form-check-input" name="PAYMENT_TERMS[]" type="checkbox"
													value="MON">
												<span class="fw-semibold ps-2 fs-6">Mon</span>
											</label>
											<label class="form-check form-check-custom form-check-solid me-5">
												<input class="form-check-input" name="PAYMENT_TERMS[]" type="checkbox"
													value="TUE">
												<span class="fw-semibold ps-2 fs-6">Tue</span>
											</label>
											<label class="form-check form-check-custom  form-check-solid me-5">
												<input class="form-check-input" name="PAYMENT_TERMS[]" type="checkbox"
													value="WED">
												<span class="fw-semibold ps-2 fs-6">Wed</span>
											</label>
											<label class="form-check form-check-custom  form-check-solid me-5">
												<input class="form-check-input" name="PAYMENT_TERMS[]" type="checkbox"
													value="THU">
												<span class="fw-semibold ps-2 fs-6">Thu</span>
											</label>
											<label class="form-check form-check-custom  form-check-solid me-5">
												<input class="form-check-input" name="PAYMENT_TERMS[]" type="checkbox"
													value="FRI">
												<span class="fw-semibold ps-2 fs-6">Fri</span>
											</label>
											<label class="form-check form-check-custom form-check-solid me-5">
												<input class="form-check-input" name="PAYMENT_TERMS[]" type="checkbox"
													value="SAT">
												<span class="fw-semibold ps-2 fs-6">Sat</span>
											</label>
											<label class="form-check form-check-custom  form-check-solid me-5">
												<input class="form-check-input" name="PAYMENT_TERMS[]" type="checkbox"
													value="SUN">
												<span class="fw-semibold ps-2 fs-6">Sun</span>
											</label>
											<label class="form-check form-check-custom  form-check-solid me-5">
												<input class="form-check-input" name="PAYMENT_TERMS[]" type="checkbox"
													value="PRE">
												<span class="fw-semibold ps-2 fs-6">Pre Paid</span>
											</label>
										</div>
									</div>
									<div class="row mb-6">
										<label class="col-lg-4 col-form-label fw-semibold fs-6">Bank Account #</label>
										<div class="col-lg-8 fv-row fv-plugins-icon-container">
											<input type="text" name="ACH_ACC" id="ACH_ACC"
												class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
												placeholder="ACH ACC">
											<div
												class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
											</div>
										</div>
									</div>
									<div class="row mb-6">
										<label class="col-lg-4 col-form-label fw-semibold fs-6">Bank Routing #</label>
										<div class="col-lg-8 fv-row fv-plugins-icon-container">
											<input type="text" name="ACH_ROUTE" id="ACH_ROUTE"
												class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
												placeholder="ACH ROUTE">
											<div
												class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
											</div>
										</div>
									</div>

									<!--end::Col-->
								</div>
							</div>
						</div>
					</div>
					<div class="card-body pb-0 tab-pane fade show" id="kt_stats_widget_16_tab_4">
						<div class="w-100">
							<!--begin::Heading-->
							<div class="">
								<!--begin::Title-->
								<h2 class="fw-bold text-gray-900">Carrier Documents</h2>

							</div>
							<div class="row mb-6">
								<div class="col-lg-6 fv-row fv-plugins-icon-container">
									<input type="file" name="DOCUMENTS" id="DOCUMENTS"
										class="form-control form-control-lg form-control-solid mb-3 mb-lg-0">
								</div>
							</div>
						</div>
					</div>
					<div class="card-body pb-0 tab-pane fade show" id="kt_stats_widget_16_tab_5">
						<div class="w-100">
							<div class="">
								<!--begin::Title-->
								<h2 class="fw-bold text-gray-900">Money Codes</h2>
							</div>
							<div class="card-body p-9">
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Max Amount Per
										Transaction</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="number" name="MC_LIMIT" id="MC_LIMIT"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="300">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Max Transactions per
										Day</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="number" name="MC_DAYS" id="MC_DAYS"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="3">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">Max Transactions per
										Week</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="number" name="MC_WEEK" id="MC_WEEK"
											class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
											placeholder="10">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
							</div>

						</div>
					</div>
					<div class="col-lg-12 row p-9 ">
						<div class="col-lg-3 text-center">
							<button type="button" id="stepper-prev-btn"
								class="btn btn-primary btn-lg me-3 mb-xxl-12 d-none">Previous</button>
						</div>
						<div class="col-lg-6 text-center">
							<button type="submit"
								class="tab-action btn btn-primary btn-lg me-3 mb-xxl-12 d-none">Save</button>
							<button type="reset"
								class="tab-action btn btn-primary btn-lg me-3 mb-xxl-12 d-none">Cancel</button>
						</div>

						<div class="col-lg-3 text-center">
							<button type="button" id="stepper-next-btn"
								class="btn btn-primary btn-lg me-3 mb-xxl-12">Next</button>
						</div>
					</div>
				</div>
			</form>
		</div>

	</div>
</div>
@endsection()
@section('script')
<script>

	$("#stepper-next-btn").click(function () {
		$("#stepper-prev-btn").removeClass("d-none");
		
		$("#stepper-prev-btn").show();
		var cntrl = $("#nav-stepper .stepper-item.current");
		$(cntrl).removeClass("current");
		$(cntrl).next().addClass("current");

		var tabContent = $(".tab-content .card-body.tab-pane.active");
		$(tabContent).removeClass("active");
		$(tabContent).next().addClass("active");

		if ($(tabContent).next().next(".card-body.tab-pane").length == 0) {
			$("#stepper-next-btn").hide();
			$(".tab-action").removeClass("d-none");
		}
	});
	$("#stepper-prev-btn").click(function () {
		$(".tab-action").addClass("d-none")
		$("#stepper-next-btn").show();
		
		var cntrl = $("#nav-stepper .stepper-item.current");
		$(cntrl).prev().addClass("current");
		$(cntrl).removeClass("current");

		var tabContent = $(".tab-content .card-body.tab-pane.active");
		$(tabContent).prev().addClass("active");
		$(tabContent).removeClass("active");

		if ($(tabContent).prev().prev(".card-body.tab-pane").length == 0) {
			$("#stepper-prev-btn").hide();
		}
	});
</script>
@endsection()