@extends('layouts.app')

@section('content')

<div class="row mt-2">
    <div class="col-md-3">
      <div class="widgets">
        <h4 class="line"> Messages </h4>
        <ul id="msgs" class="list-group messages"></ul>
      </div>
    </div>

    <div class="col-9">
      <div class="widgets minheight">
          <center><h1 class="mt-5" style="color: #efefef"> Click to open the message </h1></center>
      </div>
    </div>
</div>

<script>

msgs();

function msgs() {
    $.ajax(
    {
        url: '/shipper/msgs',
        type: "get",
        datatype: "html"
    }).done(function(data){
        $("#msgs").empty().html(data);
    }).fail(function(jqXHR, ajaxOptions, thrownError){
          alert('No response from server');
    });
}
</script>
@endsection