@using BlazorWASM.Shared

<div class="col-sm-9 col-md-6 mb-4 col-lg-4">
    <div class="lc-block card shadow">
        <div class="card-body p-4">
            <div class="lc-block mb-3">
                <svg xmlns="http://www.w3.org/2000/svg" width="3em" height="3em" fill="currentColor" class="bg-light rounded p-2" viewBox="0 0 24 24" lc-helper="svg-icon">
                    <path d=@MyCardItem.IconPath />
                </svg>
               

            </div><!-- /lc-block -->
            <div class="lc-block mb-4">
                <div editable="rich">
                    <h3 class="h3 fw-bold">@MyCardItem.CardTitle</h3>
                </div>
            </div><!-- /lc-block -->
            @*foreach*@

            @{
                foreach (var textString in MyCardItem.CardDiscription)
                {
                    <div class="lc-block">
                        <div class="d-inline-flex">
                            <div>
                                <svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
                                    <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
                                    <path fill-rule="evenodd" d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z"></path>
                                </svg>
                            </div>

                            <div class="ms-3 align-self-center" editable="rich">
                                <p>@textString</p>
                            </div>
                        </div>
                    </div>
                }
            }
            <div class="lc-block mb-4">
                <div editable="rich">
                    <a href="@MyCardItem.ButtonUrl" class="btn fw-bold">Visit</a>
                </div>
            </div><!-- /lc-block -->


        </div>
    </div>
</div>
@code {
    [Parameter]
    public ServicesCardItem CardItem { get; set; }

    public ServicesCardItem MyCardItem;

    protected override void OnParametersSet()
    {
        base.OnParametersSet();
        MyCardItem = CardItem;
    }
}
