@if(User.Role == "Admin")
{
<h1 class="text-center">Hello, Administrator @User.Username</h1>
}
@else
{
<h1 class="text-center">Hello, @User.Username</h1>
}
<hr class="hr-2 bg-panda">
<div class=" tasks-row row justify-content-between">
    <div class="col-md-3 py-3">
        <h4 class="text-center">Pending</h4>

        @if(model.Pending.Count() != 0)
        {
            <div class="row border-panda justify-content-around">
                @foreach(var pack in model.Pending)
                {
                <div class="col-md-8  mt-2 mx-auto py-1">
                    <h5>@pack.Description</h5>
                </div>
                <div class="col-md-3   mt-2 mx-auto py-1">
                    <a class="btn btn-info bg-panda" href="/packages/details?Id=@pack.Id">Details</a>
                </div>
                }
            </div>
         }
    </div>
    <div class="col-md-3 py-3">
        <h4 class="text-center">Shipped</h4>

        @if(model.Shipped.Count() != 0)
        {
        <div class="row border-panda justify-content-around">
            @foreach(var pack in model.Shipped)
            {
            <div class="col-md-8  mt-2 mx-auto py-1">
                <h5>@pack.Description</h5>
            </div>
            <div class="col-md-3  mt-2 mx-auto py-1">
                <a class="btn btn-info bg-panda" href="/packages/details?Id=@pack.Id">Details</a>
            </div>
            }
        </div>
            }
    </div>
    <div class="col-md-3 py-3">
        <h4 class="text-center">Delivered</h4>

        @if(model.Delivered.Count() != 0)
        {
        <div class="row border-panda justify-content-around">
            @foreach(var pack in model.Delivered)
            {
            <div class="col-md-8  mt-2 mx-auto py-1">
                <h5>@pack.Description</h5>
            </div>
            <div class="col-md-3  mt-2 mx-auto py-1">
                <a class="btn btn-info bg-panda" href="/packages/acquire?Id=@pack.Id">Acquire</a>
            </div>
            }
        </div>
            }
    </div>
</div>