@using HospitalContracts.ViewModels
@model List<RecipeViewModel>
@{
    ViewData["Title"] = "Recipes";
}
<div class="text-center">
    <h1 class="display-4">Рецепты</h1>
</div>

<div class="text-center">
    @{
        <p>
            <a asp-action="CreateRecipe">Создать рецепт</a>
        </p>
        <table class="table">
            <thead>
                <tr>
                    <th>
                        Номер
                    </th>
                    <th>
                        Количество процедур
                    </th>
                    <th>
                        Комментарий
                    </th>
                </tr>
            </thead>
            <tbody>
                <td>
                    1
                </td>
                <td>
                    5
                </td>
                <td>
                    Количество процедур
                </td>
                <td>
                    <svg class="pencil" viewBox="0 0 127 127" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M105.5 26L37 114.5C34.5 117 16.3 121.7 7.5 122.5C79.1 34.1 101 5.5 102 4C104.833 4.5 119.3 14.6 122.5 21C105 44 98.5 55 111.5 58.5" stroke="#008315" stroke-width="6" stroke-linecap="round" />
                    </svg>

                </td>
                <td>
                    <svg class="trash3-fill" viewBox="0 0 154 164" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M44.5 123C4.99995 119.5 -11.8431 56.4293 24 19.5C40.5 2.50001 72.5 -5.5 101.5 27.5L115.5 14.5" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
                        <path d="M65.2123 159.963L56 60.0001C88.0236 76.3307 119.521 77.4194 149 60.0001C141.63 142.346 140.08 160.953 140.226 159.963H65.2123Z" stroke="#D10000" stroke-width="8" />
                        <path d="M121 36L101.582 55L75 31" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
                    </svg>
                </td>
            </tbody>
        </table>
    }
</div>