@extends('layouts.admin')

@section('content')
<div class="formswrap">
  <section class="forms-basic consearchbasic">
    <form class="form-floating form-validate" id="notesform" name="notesform">
	{{ csrf_field() }}
	<div class="row m-b-40" style="margin-bottom: 10px;">
		<div class="col-md-3">&nbsp;</div>
		<div class="col-md-6">
			<input type="hidden" id="order_id" name="order_id" value="{{ $order->id }}">
			<div class="form-group">
			<label for="message" class="control-label">Message</label>
			<textarea  class="form-control" id="message" name="message"></textarea>
			</div>
		</div>
		<div class="col-md-3">&nbsp;</div>
	</div>
	<div class="row m-b-40">
		<div class="col-md-3">&nbsp;</div>
		<div class="col-md-8" style="margin-top: 8px;">
			<input class="btn btn-sm btn-danger" type="button" name="submit" id="submit" value="Submit">
		</div>
		<div class="col-md-3">&nbsp;</div>
	</div>
	</form>
  </section>
</div>
<hr>
<div class="card">
  <div>
	<div class="notestable">
	  <table id="notes-table" class="table table-full table-full-small" cellspacing="0" width="100%">
		<thead>
		  <tr>
			<th>Added Date</th>
			<th>Added By</th>
			<th>Status</th>
			<th>Message</th>
			<th>Actions</th>
		  </tr>
		</thead>
		<tbody id="notes-body">
		  @if($notes)
		  @foreach($notes as $note)
		  <tr id="note-{{ $note->id }}" class="note-rows">
			<td>{{ $note->created_at->format('m/d/Y') }}</td>
			<td>{{ $note->username }}</td>
			<td>{{ $note->status }}</td>
			<td>{!! nl2br($note->message) !!}</td>
			<td>
				<a class="btn btn-link btn-round del-note" title="Delete" data-id="{{ $note->id }}" href="javascript:void(0);"><i class="md md-delete"></i></a>
			</td>
		  </tr>
		  @endforeach
		  @endif
		  <tr id="no-note" @if(count($notes)) style="display:none" @endif>
			<td colspan="5">No notes found.</td>
		  </tr>
		</tbody>
	  </table>
	</div>
  </div>
</div>
@endsection

@section('scripts')
<script charset="utf-8" src="{{asset('backend/js/services/shipmentNotes.js')}}"></script>
@endsection