@extends('layouts.admin')

@section('content')
<div class="row  m-b-40">
	<div class="col-md-6">
		<div class="well white newvendetail">
		  <form class="form-floating" id="carrierFormSearch" name="carrierFormSearch">
		    {{ csrf_field() }}
			<fieldset>
				<legend>Search Box</legend>
				<div class="form-group">
					<label for="search_vendorname" class="control-label">Vendor Name</label>
					<input type="text" data-provide="typeahead" class="form-control" name="search_vendorname" id="search_vendorname" autocomplete="off" value="@if($carrierName){{$carrierName}}@endif">
				</div>
				<div class="form-group">
					<label for="search_mc" class="control-label">MC#</label>
					<input type="text" data-provide="typeahead" class="form-control" name="search_mc" id="search_mc" autocomplete="off">
				</div>
				<div class="form-group">
					<label for="search_scac" class="control-label">SCAC Code</label>
					<input type="text" data-provide="typeahead" class="form-control" name="search_scac" id="search_scac" autocomplete="off">
				</div>
				<div class="form-group">
					<label for="search_dba" class="control-label">DBA</label>
					<input type="text" data-provide="typeahead" class="form-control" name="search_dba" id="search_dba" autocomplete="off">
				</div>
				<input class="btn btn-sm btn-danger" type="submit" name="search" value="Search">
				<input class="btn btn-sm btn-danger" type="button" name="vendorsetup" id="vendorsetup" value="Quick Carrier Setup">
				<a class="btn btn-sm btn-danger btn-white" href="{{ url('admin/carrier/packets') }}">Packets</a>
				<a class="btn btn-sm btn-danger btn-white" href="{{ url('admin/carrierexception') }}">
					Exceptions @if($carrierExceptionsCount)<span style="margin-left: 5px;" class="pull-right badge z-depth-0">{{ $carrierExceptionsCount }}</span>@endif
				</a>
			</fieldset>
		  </form>
		</div>
	  </div>
	<form class="form-floating form-validate form-ajax" id="carrierForm" name="carrierForm" action="{{url('admin/carrier')}}">
	{{ csrf_field() }}
	<input type="hidden" id="id" name="id" class="hidden-field" value="">
	<input type="hidden" id="carrierid" name="carrierid" class="hidden-field" value="@if($carrierId){{$carrierId}}@endif">
	<input type="hidden" id="carriername" name="carriername" class="hidden-field" value="@if($carrierName){{$carrierName}}@endif">
	<div class="col-md-6 m-b-10">
		<div class="well white newvendetail">
			<fieldset>
				<div class="form-group">
					<label for="scac" class="control-label">SCAC Code</label>
					<input type="text" class="form-control" name="scac" id="scac" data-validation="required">
				</div>
				<div class="form-group">
					<label for="mc" class="control-label">MC#</label>
					<input type="text" class="form-control" name="mc" id="mc" data-validation="required">
				</div>
				<div class="form-group">
					<label for="dot" class="control-label">DOT#</label>
					<input type="text" class="form-control" name="dot" id="dot" data-validation="required">
				</div>
				<div class="form-group">
					<label for="fed_id" class="control-label">FED ID#</label>
					<input type="text" class="form-control" name="fed_id" id="fed_id" data-validation="required,length" data-validation-length="min4">
				</div>
				<div class="form-group">
					<div class="checkbox">
					<label><input type="checkbox" name="is_1099" id="is_1099" value="1" > 1099 Applicable </label>
					</div>
				</div>
			</fieldset>
		</div>
	</div>
	<div class="col-md-6">
		<div class="well white vendorinsurewrap">
			<fieldset>
				<legend>Portal Info</legend>

				<div id="carrier-metric-detail-box">
				<div class="card">
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="ontime_pickups_count">0</div>
                      <div class="w600 f11 grey-text">Total On Time Pickups</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="late_pickups_count">0</div>
                      <div class="w600 f11 grey-text">Total Late Pickups</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="ontime_deliveries_count">0</div>
                      <div class="w600 f11 grey-text">Total On Time Deliveries</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="late_deliveries_count">0</div>
                      <div class="w600 f11 grey-text">Total Late Deliveries</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="dropped_loads_count">0</div>
                      <div class="w600 f11 grey-text">Total Dropped Loads</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="equipment_breakdown_count">0</div>
                      <div class="w600 f11 grey-text">Total Equipment Breakdown</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="claims_count">0</div>
                      <div class="w600 f11 grey-text">Total Claims</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="avg_days_invoice_count">0</div>
                      <div class="w600 f11 grey-text">Average Days To Invoice</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="billing_errors_count">0</div>
                      <div class="w600 f11 grey-text">Billing Errors</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="carrier_invoice_count">0</div>
                      <div class="w600 f11 grey-text">Total Carrier Portal Invoices</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="overall_load_perc_count">0</div>
                      <div class="w600 f11 grey-text">Overall Loads Percentage</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="days_since_last_load_count">0</div>
                      <div class="w600 f11 grey-text">Days Since Last Load</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="avg_time_sign_rc_count">0</div>
                      <div class="w600 f11 grey-text">Average Time Sign RC</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="avg_perc_on_market_count">0</div>
                      <div class="w600 f11 grey-text">Average % on Market</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="no_of_rate_quote_count">0</div>
                      <div class="w600 f11 grey-text"># of Rate Qutoes</div>
                    </div>
                    <div class="p-10 p-l-20 p-r-20 clearfix">
                      <div class="badge pull-right" id="no_of_bids_count">0</div>
                      <div class="w600 f11 grey-text"># of Bid Responded</div>
                    </div>
                </div>
				<div id="metric-bar" class="form-group filled always-filled">
					<label class="control-label normal">Metric</label>
				    <div class="w3-light-grey w3-round-xlarge">
					  <div class="w3-container w3-blue w3-round-xlarge" id="metric-perc" style="width:0%">0%</div>
				    </div>
				</div>
				</div>


				<div class="form-group">
					<div class="checkbox">
					<label><input type="checkbox" name="status" id="status" value="1" > Active </label>
					</div>
				</div>
				<div class="form-group">
					<div class="checkbox">
					<label><input type="checkbox" name="approved" id="approved" value="1" class="approved"> Approved  <span id="approved_by_user_name"></span></label>
					</div>
				</div>
				<div class="form-group">
					<div class="checkbox">
					<label><input type="checkbox" name="exclude_macropoint" id="exclude_macropoint" value="1" class="exclude_macropoint"> Exclude Macropoint <span id="approved_by_user_name"></span></label>
					</div>
				</div>
				<div class="form-group filled always-filled">
					<label class="control-label">Equipment Type</label>
					{!! FormField::select('equipment_type', $equipmentTypes, false, true) !!}
				</div>
				<div class="form-group filled always-filled">
					<label class="control-label">FMCSA Carrier Rating</label>
					{!! FormField::select('rating', $ratings, false, true) !!}
				</div>
				<div class="form-group">
					<label for="inputcref" class="control-label">Username</label>
					<input type="text" class="form-control" name="username" id="username" data-validation="required">
				</div>
				<div class="form-group">
					<label for="inputcref" class="control-label">Password</label>
					<input type="password" class="form-control" name="password" id="password" data-validation="length" data-validation-length="min6" data-validation-optional="false" autocomplete="new-password">
				</div>
				<div class="clearfix"></div><br/>
				<legend>Factoring Company Information</legend>
				<div class="form-group">
					<label for="factoring_company" class="control-label">Factoring Company</label>
					<input type="text" class="form-control" name="factoring_company" id="factoring_company">
				</div>
				<div class="form-group">
					<label for="remittance_address" class="control-label">Remittance Address</label>
					<input type="text" class="form-control" name="remittance_address" id="remittance_address" data-validation-depends-on="factoring_company" data-validation="required">
				</div>
				<div class="form-group">
					<label for="remittance_city" class="control-label">Remittance City</label>
					<input type="text" class="form-control" name="remittance_city" id="remittance_city" data-validation-depends-on="factoring_company" data-validation="required">
				</div>
				<div class="form-group">
					<label for="remittance_zip" class="control-label">Remittance Zip</label>
					<input type="text" class="form-control zipcode" name="remittance_zip" id="remittance_zip" zid="remittance" maxlength="7" data-validation-depends-on="factoring_company" data-validation="length, validzip" data-validation-length="min5">
				</div>
				<div class="form-group">
					<label for="remittance_state" class="control-label">Remittance State</label>
					<input type="text" class="form-control state" name="remittance_state" id="remittance_state" zid="remittance" data-validation-depends-on="factoring_company" data-validation="required" readonly>
				</div>
				<div class="form-group">
					<label for="remittance_country" class="control-label">Remittance Country</label>
					<input type="text" class="form-control country" name="remittance_country" id="remittance_country" zid="remittance" data-validation-depends-on="factoring_company" data-validation="required" readonly>
				</div>
				<div class="form-group">
					<label for="remittance_email" class="control-label">Remittance Email</label>
					<input type="text" class="form-control" name="remittance_email" id="remittance_email" data-validation-depends-on="factoring_company" data-validation="required, email">
				</div>
				<div class="clearfix"></div><br/>
				<legend>Attach Documents</legend>
				<div>
				<span id="typeerror" class="help-block file-error hide">Please select document type.</span>
				<span id="fileerror" class="help-block file-error hide">Please select file.</span>
				<span id="uploaderror" class="help-block file-error hide">Error occurred. Please try again.</span>
				</div>
				<div class="form-group filled always-filled">
					<label class="control-label">Document Type</label>
					{!! FormField::select('document_type', $documentTypes, false, false) !!}
				</div>
				<input class="btn btn-info btn-sm" type="button" name="uploadBtn" id="uploadBtn" value="Browse">
				<p class="fileselect" id="filename"></p>
				<input class="btn btn-sm btn-danger" type="button" name="attach" id="attach" value="Attach">
				<div class="card qrate">
				  <div class="table-responsive white">
					<h3 class="table-title p-20">List of Documents Attached</h3>
					<table class="table table-bordered table-full table-full-small vendordoc">
					  <thead>
						<tr>
						  <th>Document Type</th>
						  <th>Document</th>
						  <th></th>
						</tr>
					  </thead>
					  <tbody id="filesContainer">
					  </tbody>
					</table>
				  </div>
				</div>
			</fieldset>
			<div id="carriercontactlist" style="display: none;">
				<legend>Carrier Phone Book<input class="btn btn-sm btn-success pull-right" type="button" name="client_contact_list_add" id="carrier_contact_list_add" value="Add Contact"></legend>
				<table id="carriercontact-table" class="table table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
					  	<td>Name</td>
						<td>Email</td>
						<td>Phone</td>
						<td>Type</td>
						<td>Action</td>
					  </tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
			<div id="carrierNotesList" style="display: none;">
				<br/><br/>
				<legend>Notes<input class="btn btn-sm btn-success pull-right" type="button" name="note-add" id="note-add" value="Add Note"></legend>
				<table id="carriernote-table" class="table table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
					  	<td>Note</td>
						<td>Date</td>
						<td>Actions</td>
					  </tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<div class="col-md-6 vendorinsurewrap swwrap">
		<div class="well white">
			<fieldset>
				<legend style="border-bottom:none;"></legend>
				<div class="form-group">
					<label for="name" class="control-label">Name</label>
					<input type="text" class="form-control" name="name" id="name" data-validation="required">
				</div>
				<div class="form-group">
					<label for="inputcref" class="control-label">Address</label>
					<input type="text" class="form-control" name="address" id="address" data-validation="required">
				</div>
				<div class="form-group">
					<label for="city" class="control-label">City</label>
					<input type="text" class="form-control cityField" name="city" id="city" data-validation="required">
				</div>
				<div class="form-group">
					<label for="zip" class="control-label">Zip</label>
					<input type="text" class="form-control zipcode" name="zip" id="zip" zid="carrier" maxlength="7" data-validation="length, validzip" data-validation-length="min5">
				</div>
				<div class="form-group">
					<label for="state" class="control-label">State</label>
					<input type="text" class="form-control state" name="state" id="state" zid="carrier" data-validation="required" readonly>
				</div>
				<div class="form-group">
					<label for="country" class="control-label">Country</label>
					<input type="text" class="form-control country" name="country" id="country" zid="carrier" data-validation="required" readonly>
				</div>
				<div class="form-group">
					<label for="telephone" class="control-label">Telephone</label>
					<input type="text" class="form-control" name="telephone" id="telephone" data-validation="required">
				</div>
				<div class="form-group">
					<label for="email" class="control-label">Email</label>
					<input type="text" class="form-control" name="email" id="email" data-validation="email" data-validation-optional="true">
				</div>
				<div class="form-group">
					<label for="tender_contact" class="control-label">Tender Contact</label>
					<input type="text" class="form-control" name="tender_contact" id="tender_contact" data-validation="required">
				</div>
				<div class="form-group filled always-filled">
					<label class="control-label">Tier</label>
					{!! FormField::select('tier', $tiers, false, false, 'No Tier') !!}
				</div>
				<div class="form-group">
					<label for="dba" class="control-label">DBA</label>
					<input type="text" class="form-control" name="dba" id="dba"  data-validation-optional="true">
				</div>
				<div class="form-group">
					<div class="checkbox">
					<label><input type="checkbox" name="unsubscribe" id="unsubscribe" value="1" > Remove from load email list </label>
					</div>
				</div>
				<legend>Insurance Info</legend>
				<div class="clearfix"></div>
				<input class="btn btn-sm btn-danger pull-right hide" type="button" name="refreshswdetail" id="refreshswdetail" value="Refresh SaferWatch Detail">
				<h4>Public Liability</h4>
				<div class="form-group col-md-6 padding-left">
					<label for="public_liability_amount" class="control-label">Amount</label>
					<input type="text" class="form-control" name="public_liability_amount" id="public_liability_amount">
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="public_liability_exp_date" class="control-label">Expiration</label>
					<input type="text" class="form-control datepicker" name="public_liability_exp_date" id="public_liability_exp_date">
				</div>
				<h4>Product Liability</h4>
				<div class="form-group col-md-6 padding-left">
					<label for="product_liability_amount" class="control-label">Amount</label>
					<input type="text" class="form-control" name="product_liability_amount" id="product_liability_amount">
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="product_liability_exp_date" class="control-label">Expiration</label>
					<input type="text" class="form-control datepicker" name="product_liability_exp_date" id="product_liability_exp_date">
				</div>
				<h4>Auto</h4>
				<div class="form-group col-md-6 padding-left">
					<label for="auto_amount" class="control-label">Amount</label>
					<input type="text" class="form-control" name="auto_amount" id="auto_amount">
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="auto_exp_date" class="control-label">Expiration</label>
					<input type="text" class="form-control datepicker" name="auto_exp_date" id="auto_exp_date">
				</div>
				<h4>Workers Comp</h4>
				<div class="form-group col-md-6 padding-left">
					<label for="workers_comp_amount" class="control-label">Amount</label>
					<input type="text" class="form-control" name="workers_comp_amount" id="workers_comp_amount">
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="workers_comp_exp_date" class="control-label">Expiration</label>
					<input type="text" class="form-control datepicker" name="workers_comp_exp_date" id="workers_comp_exp_date">
				</div>

				<h4>Cargo</h4>
				<div class="form-group col-md-6 padding-left">
					<label for="cargo_amount" class="control-label">Amount</label>
					<input type="text" class="form-control" name="cargo_amount" id="cargo_amount">
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="cargo_exp_date" class="control-label">Expiration</label>
					<input type="text" class="form-control datepicker" name="cargo_exp_date" id="cargo_exp_date">
				</div>
				<h4>General</h4>
				<div class="form-group col-md-6 padding-left">
					<label for="general_amount" class="control-label">Amount</label>
					<input type="text" class="form-control" name="general_amount" id="general_amount">
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="general_exp_date" class="control-label">Expiration</label>
					<input type="text" class="form-control datepicker" name="general_exp_date" id="general_exp_date">
				</div>
				<div class="clearfix"></div>

				<legend>Assessment Info</legend>
				<div class="form-group col-md-12 padding-left">
					<label for="overall_asmt" class="control-label">Overall</label>
					<input type="text" class="form-control" name="overall_asmt" id="overall_asmt" readonly>
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="authority_asmt" class="control-label">Authority</label>
					<input type="text" class="form-control" name="authority_asmt" id="authority_asmt" readonly>
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="insurance_asmt" class="control-label">Insurance</label>
					<input type="text" class="form-control" name="insurance_asmt" id="insurance_asmt" readonly>
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="safety_asmt" class="control-label">Safety</label>
					<input type="text" class="form-control" name="safety_asmt" id="safety_asmt" readonly>
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="operation_asmt" class="control-label">Operation</label>
					<input type="text" class="form-control" name="operation_asmt" id="operation_asmt" readonly>
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="other_asmt" class="control-label">Other</label>
					<input type="text" class="form-control" name="other_asmt" id="other_asmt" readonly>
				</div>
			</fieldset>
		</div>
	  </div>
	  <div class="clearfix"></div>
	  <div class="newcontbtn" style="margin-left:0px;">
		<input class="btn btn-sm btn-danger" type="submit" id="add-btn" name="add" value="Add">
		<input class="btn btn-sm btn-danger hide" type="submit" id="update-btn" name="update" value="Update">
		@if($userRole == 'superadmin')
		<input class="btn btn-sm btn-danger hide" type="button" id="delete-btn" name="delete" value="Delete">
		@endif
		<input class="btn btn-sm btn-danger hide" type="button" id="cancel-btn" name="cancel" value="Cancel">
	  </div>
	</form>
</div>


<!-- Quick Carrier Setup Modal -->
<div class="modal fade" id="quickCarrierSetupModal" role="dialog">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		  <h4 class="modal-title firstTime">Quick Carrier Setup</h4>
		</div>
		<form class="form-floating form-validate form-ajax" id="carriersetupform" name="carriersetupform">
		<div class="modal-body">
			  <div class="col-md-12">
				<fieldset>
					<div class="form-group">
						<label for="carrier_name" class="control-label">Enter Carrier Name</label>
						<input type="text" class="form-control" id="carrier_name" name="carrier_name" data-validation="required">
					</div>
					<div class="form-group">
						<label for="carrier_email" class="control-label">Enter Carrier Email</label>
						<input type="text" class="form-control" id="carrier_email" name="carrier_email" data-validation="email">
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  {{ csrf_field() }}
		  <input class="btn btn-sm btn-danger" type="submit" name="Submit" value="Submit" id="rate-save"></input>
		</div>
		</form>
	  </div>
	</div>
</div>
<!-------------------->

<!-- add contact  Modal -->
<div class="modal fade" id="addContactmodal" role="dialog">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		  <h4 class="modal-title firstTime addr-title-modal">Add Carrier Contact</h4>
		</div>
		<form class="form-floating form-ajax">
		{{ csrf_field() }}
		<div class="modal-body" style="overflow:hidden;">
			  <div class="col-md-12">
				<fieldset>
					<div class="form-group">
						<label for="_name" class="control-label">Name</label>
						<input type="text"  class="form-control addr-box-field" id="carrier_contact_name" name="contact_name">
					</div>
					<div class="form-group">
						<label for="_address" class="control-label">Email</label>
						<input type="text"   class="form-control addr-box-field" id="contact_email" name="contact_email">
					</div>
					<div class="form-group">
						<label for="_address" class="control-label">Phone</label>
						<input type="text"   class="form-control addr-box-field" id="contact_phone" name="contact_phone">
					</div>
					<div class="form-group">
						<label for="_address" class="control-label">Type</label>
						<input type="text"   class="form-control addr-box-field" id="contact_type" name="contact_type">
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  <input class="btn btn-sm btn-danger" type="submit" name="Submit" value="Submit" id="addcontactsubmit"></input>
		</div>
		</form>
	  </div>
	</div>
</div>
<!-------------------->

<!-- edit contact  Modal -->
<div class="modal fade" id="editcontactmodal" role="dialog">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		  <h4 class="modal-title firstTime addr-title-modal">Edit Carrier Contact</h4>
		</div>
		<form class="form-floating form-ajax">
		{{ csrf_field() }}
		<div class="modal-body" style="overflow:hidden;">
			  <div class="col-md-12">
				<fieldset>
					<input type="hidden" class="hidden-field" id="contact_id" name="contact_id">
					<input type="hidden" class="hidden-field" id="contact_carrier_id" name="contact_carrier_id">
					<div class="form-group">
						<label for="_name" class="control-label">Name</label>
						<input type="text"  class="form-control addr-box-field" id="edit_name" name="edit_name">
					</div>
					<div class="form-group">
						<label for="_address" class="control-label">Email</label>
						<input type="text" class="form-control addr-box-field" id="edit_email" name="edit_email">
					</div>
					<div class="form-group">
						<label for="_address" class="control-label">Phone</label>
						<input type="text" class="form-control addr-box-field" id="edit_phone" name="edit_phone">
					</div>
					<div class="form-group">
						<label for="_address" class="control-label">Type</label>
						<input type="text" class="form-control addr-box-field" id="edit_type" name="edit_type">
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  <input class="btn btn-sm btn-danger" type="submit" name="Submit" value="Submit" id="editcontactsubmit"></input>
		</div>
		</form>
	  </div>
	</div>
</div>
<!-------------------->

<!-- add note  Modal -->
<div class="modal fade" id="addNoteModal" role="dialog">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		  <h4 class="modal-title firstTime addr-title-modal">Add Carrier Note</h4>
		</div>
		<form class="form-floating form-ajax">
		{{ csrf_field() }}
		<div class="modal-body" style="overflow:hidden;">
			  <div class="col-md-12">
				<fieldset>
					<div class="form-group">
						<label for="c_note" class="control-label">Note</label>
						<textarea class="form-control" id="c_note" name="c_note"></textarea>
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  <input class="btn btn-sm btn-danger" type="submit" name="Submit" value="Submit" id="addNoteSubmit"></input>
		</div>
		</form>
	  </div>
	</div>
</div>
<!-------------------->
@endsection

@section('scripts')
<script>var documentTypes = {!! json_encode($documentTypes) !!};</script>
<script charset="utf-8" src="{{asset('backend/js/services/carriers.js?v=1.6')}}"></script>
@endsection