type Contact =
    {
        Id: int
        TypeContact: int
        Number: string
    }

type Contacts =
    {
        Contacts: List<Contact>
    }

module ContactsPagelets =

    [<JavaScript>]
    let ContactsFormlet (contacts : Contacts) =
        let principalF : Formlet<Contact> =
            let TypeContactF =
                Select 0 [("Phone", 0); ("Email", 1)]
                |> Enhance.WithTextLabel "Type"
            let NumberF =
                Input ""
                |> Enhance.WithTextLabel "Number"
            Formlet.Yield (fun typeId number->
                {Id = 0 ; TypeContact = int typeId; Number = number})
            <*> TypeContactF
            <*> NumberF
        let itemsF =
            principalF
            |> Enhance.Many 
            |> Formlet.InitWith contacts.Contacts
            |> Enhance.WithLegend "Contacts"
            |> Enhance.WithErrorSummary "Errors"
        Formlet.Yield (fun items ->
                {
                    Contacts = items
                }
            )
        <*> itemsF
        |> Enhance.WithSubmitButton
        |> Enhance.WithFormContainer

type ContactControl() =
    inherit Web.Control()

    [<DefaultValue>]
    val mutable Contacts : Contacts

    [<JavaScript>]
    override this.Body = upcast (ContactsPagelets.ContactsFormlet this.Contacts)