@extends('layouts.admin')

@section('content')
<div class="formswrap">
  <section class="forms-basic consearchbasic">
    <form class="form-floating form-validate" id="attachmentform" name="attachmentform">
	{{ csrf_field() }}
	<input type="hidden" id="order_id" name="order_id" value="{{ $order->id }}">
	<div class="row m-b-40">
	    <div class="col-md-3">&nbsp;</div>
		<div class="col-md-8" style="margin-top: 8px;">
			<div id="dragbox">
				<p class="dropmessage">Drop files here or click to upload.</p>
				<p class="fileselect" id="filename"></p>
			</div>
		</div>
		<div class="col-md-3">&nbsp;</div>
	</div>
	<div class="row m-b-40" style="margin-top: -40px;">
		<div class="col-md-3">&nbsp;</div>
		<div class="col-md-8">
			<input class="btn btn-sm btn-danger" type="button" name="attach" id="attach" value="Upload">
		</div>
		<div class="col-md-3">&nbsp;</div>
	</div>
	</form>
  </section>
</div>
<hr>
<div class="card" id="attach-container" style="display:none;">
<form id="unpaid-attach-form" name="unpaid-attach-form" action="" method="post">
	{{ csrf_field() }}
	<input type="hidden" name="order_id" id="attach-order-id"/>
	<input type="hidden" name="filename" id="attach-filename"/>
	<input type="hidden" name="imageExt" id="imageExt"/>
	<input type="hidden" name="numberOfImages" id="numberOfImages"/>
	<input type="hidden" name="attachType" id="attachType"/>
	<div class="pdfslider">
		<div class="pdfleftarrow on">
			<i class="md md-keyboard-arrow-left"></i>
		</div>
		<div id="images-container" class=""></div>
		<div class="pdfrightarrow off">
			<i class="md md-keyboard-arrow-right"></i>
		</div>
	</div>

	<div class="row m-b-40" style="margin-top: -40px;">
		<div class="col-md-3">&nbsp;</div>
		<div class="col-md-8">
			<input class="btn btn-sm btn-danger pull-right" type="button" name="attach-img-doc" id="attach-img-doc" value="Attach">
		</div>
		<div class="col-md-3">&nbsp;</div>
	</div>

</form>
</div>

@if($carrier)
<div class="card">
<div class="table-responsive">
  <table class="table table-bordered white" style="border-bottom: 1px solid #F0F0F0;">
	<thead>
	  <tr>
		<th> COMPANY IS FACTORING </th>
		<th> FACTORING COMPANY </th>
		<th> LOCATION </th>
	  </tr>
	</thead>
	<tbody>
	  <tr>
	    <td id="cf-label">{{$carrier->factoring_company ? 'YES' : 'NO' }}</td>
		<td id="cf-name">{{$carrier->factoring_company ? $carrier->factoring_company : '-' }}</td>
		<td id="cf-location">
		@if($carrier->factoring_company)
			{{$carrier->factoring_company ? $carrier->remittance_address.', '.$carrier->remittance_city.', '.$carrier->remittance_state.' '.$carrier->remittance_zip : '-' }}
		@else
			{{$carrier->address.', '.$carrier->city.', '.$carrier->state.' '.$carrier->zip}}
		@endif
		</td>
	  </tr>
	</tbody>
  </table>
</div>
<div class="form-bottom" style="padding-bottom:10px;">
	<div class="col-md-6">
		<input class="btn btn-sm btn-danger" type="button" name="update-fc" id="update-fc" value="Update Name & Address of Factoring Company" >
	</div>
	<div class="col-md-6">
		<div class="checkbox removemargin pull-right" style="margin:0;">
		  <label>
			<input type="checkbox" id="factoring-error" name="factoring-error" value="1"
			@if($factoringError)
				checked
			@endif
			> <b>$25 FEE INCURRED</b> </label>
		</div>
	</div>
	<div class="clearfix"></div>
</div>
</div>
@endif

<input class="btn btn-sm btn-danger pull-right" type="button" name="go-to-pay-load" id="go-to-pay-load" onclick="location.href='{{ url('admin/unpaidload/'.$order->id.'/pay' ) }}'" value="GO TO PAY LOAD">
<div class="clearfix"></div>
<hr>
<div class="card">
  <div>
	<div class="attachmentstable">
	  <table id="attachments-table" class="table table-full table-full-small" cellspacing="0" width="100%">
		<thead>
		  <tr>
			<th>Added Date</th>
			<th>Document Type</th>
			<th>Document</th>
			<th>Actions</th>
		  </tr>
		</thead>
		<tbody id="attachments-body">
		  @if($attachments)
		  @foreach($attachments as $attachment)
		  <tr id="attachment-{{ $attachment->id }}" class="attachment-rows">
			<td>{{ $attachment->created_at->format('m/d/Y') }}</td>
			<td>{{ $attachment->document_type }}</td>
			<td>
				<a class="filelink" target="_blank" href="{{ CloudStorage::url($order->files_dir.$attachment->filename) }}">{{ $attachment->filename }}</a>
			</td>
			<td>
				<a class="btn btn-link btn-round" title="Download" data-id="{{ $attachment->id }}" href="{{ url('admin/ordercommon/attachdownload/'.$attachment->id) }}"><i class="md md-file-download"></i></a>
				<a class="btn btn-link btn-round del-file" title="Delete" data-id="{{ $attachment->id }}" href="javascript:void(0);"><i class="md md-delete"></i></a>
			</td>
		  </tr>
		  @endforeach
		  @endif
		  <tr id="no-attachment" @if(count($attachments)) style="display:none" @endif>
			<td colspan="4">No attachments found.</td>
		  </tr>
		</tbody>
	  </table>
	</div>
  </div>
</div>



<!-- Company Factoring Modal -->
<div class="modal fade" id="companyFactoringModal" 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">Company Factoring Details</h4>
		</div>
		<form class="form-floating form-validate form-ajax" id="companyfactoringform" name="companyfactoringform">
		{{ csrf_field() }}
		<div class="modal-body" style="overflow:hidden;">
			  <div class="col-md-12">
				<fieldset>
					<input type="hidden" class="hidden-field" id="carrier_id" name="carrier_id" value="{{ $carrier->id }}">
                    <div class="form-group">
                        <label id="company-factoring-status" class="control-label normal">Company is Factoring?</label>
                        <div class="switch">
                          <label> NO <input type="checkbox" id="factoring-status" name="factoring-status" value="1"> <span class="lever"></span> YES </label>
                        </div>
						<input type="hidden" name="main-status" id="main-status" value="1">
                    </div>
					<div id="company-main-box">
					<div class="form-group">
						<label for="address" class="control-label">Address</label>
						<input type="text" class="form-control fc-field" name="address" id="address" data-validation-depends-on="main-status" data-validation="required">
					</div>
					<div class="form-group">
						<label for="city" class="control-label">City</label>
						<input type="text" class="form-control fc-field" name="city" id="city" data-validation-depends-on="main-status" data-validation="required">
					</div>
					<div class="form-group">
						<label for="zip" class="control-label">Zip</label>
						<input type="text" class="form-control fc-field zipcode" name="zip" id="zip" zid="main" maxlength="7" data-validation-depends-on="main-status" 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 fc-field state" name="state" id="state" zid="main" data-validation-depends-on="main-status" data-validation="required" readonly>
					</div>
					<div class="form-group">
						<label for="country" class="control-label">Country</label>
						<input type="text" class="form-control fc-field country" name="country" id="country" zid="main" data-validation-depends-on="main-status" data-validation="required" readonly>
					</div>
					</div>
					<div id="company-factoring-box">
					<div class="form-group">
						<label for="factoring_company" class="control-label">Factoring Company</label>
						<input type="text" class="form-control fc-field" name="factoring_company" id="factoring_company" data-validation-depends-on="factoring-status" data-validation="required">
					</div>
					<div class="form-group">
						<label for="remittance_address" class="control-label">Remittance Address</label>
						<input type="text" class="form-control fc-field" name="remittance_address" id="remittance_address" data-validation-depends-on="factoring-status" data-validation="required">
					</div>
					<div class="form-group">
						<label for="remittance_city" class="control-label">Remittance City</label>
						<input type="text" class="form-control fc-field" name="remittance_city" id="remittance_city" data-validation-depends-on="factoring-status" data-validation="required">
					</div>
					<div class="form-group">
						<label for="remittance_zip" class="control-label">Remittance Zip</label>
						<input type="text" class="form-control fc-field zipcode" name="remittance_zip" id="remittance_zip" zid="remittance" maxlength="7" data-validation-depends-on="factoring-status" 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 fc-field state" name="remittance_state" id="remittance_state" zid="remittance" data-validation-depends-on="factoring-status" 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 fc-field country" name="remittance_country" id="remittance_country" zid="remittance" data-validation-depends-on="factoring-status" 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 fc-field" name="remittance_email" id="remittance_email" data-validation-depends-on="factoring-status" data-validation="required, email">
					</div>
					</div>
					<div class="clearfix"></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="rate-save"></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/unpaidloads.attachments.js?v=1.6')}}"></script>
@endsection