﻿@inject IEncryptionService service
@model SupervisorModel
<div class="row summary-row-container">
    <div class="col-10 offset-1">
        <a asp-controller="Supervisors" asp-action="Details" asp-route-_lp="@service.Encrypt("parkId",Model.ParkId)"
           class="w3-hover-text-amber w3-hover-border-amber">
            <div class="d-flex flex-row justify-content-between flex-wrap m-1 p-1 card border align-items-center">

                <div class="flex-column position-relative">
                    <h2 class="bg-light font-weight-bolder text-info shadow">@Model.ParkName Supervisor</h2>
                    <h4 class="alert-warning font-weight-bold">
                        <i class="fa fa-user"></i>
                        @Model.FirstName @Model.LastName
                    </h4>
                </div>

                <div class="flex-column position-relative pr-5">
                    <p class="rounded bg-danger text-white border-dark font-weight-bolder p-1"
                       style="font-size: 24px;">
                        <i class="fa fa-phone-square"></i> @Model.EmergencyNumber
                    </p>
                </div>
            </div>
        </a>
    </div>
</div>