<?xml version="1.0" encoding="UTF-8"?>
<form>
    
    <field name="help" type="help" url="documentation/card" />
    
    <field name="multiple_layout" type="list" label="Multiple Layout" default="default">
        <option value="default">JDEFAULT</option>
        <option value="slider">Slider</option>
    </field>

    <field name="layout" type="list" label="Layout" default="image-top">
        <option value="image_top">Image Top</option>
        <option value="image_bottom">Image Bottom</option>
        <option value="image_start">Image Start</option>
        <option value="image_end">Image End</option>
        <option value="overlay">Overlay</option>
    </field>

    <field name="card_class" type="text" label="Card Class" />

    <field name="note_title" type="note" label="Title Settings" />
    
    <field name="title_class" type="text" label="Title Class" />

    <field name="note_subtitle" type="note" label="Subtitle Settings" />
    
    <field name="subtitle_class" type="text" label="Subtitle Class" />

    <field name="note_desc" type="note" label="Description Settings" />
        
    <field name="desc_class" type="text" label="Description Class" />

    <field name="note_image" type="note" label="Hover Settings" />
    
    <field name="image_hover" type="list" label="Image Hover" default="">
        <option value="">JNONE</option>
        <option value="hover-grayscale">Grayscale</option>
        <option value="hover-grayscale-invert">Grayscale Invert</option>
        <option value="hover-brightness">Brightness</option>
        <option value="hover-brightness-invert">Brightness Invert</option>
        <option value="hover-dull">Dull</option>
        <option value="hover-sepia">Sepia</option>
        <option value="hover-sepia-invert">Sepia Invert</option>
        <option value="scale">Scale</option>
    </field>
    
    <field name="transition" type="list" label="Hover Duration">
        <option value="">JNONE</option>
        <option value="transition-1">150 ms</option>
        <option value="transition-2">300 ms</option>
        <option value="transition-3">500 ms</option>
        <option value="transition-4">750 ms</option>
        <option value="transition-5">1000 ms</option>
    </field>

    <field name="note5" type="note" label="Link Settings" />
    
    <field name="button_text" type="text" label="Button Text" hint="Read More" />
        
    <field name="button_class" type="text" label="Button Class" hint="btn btn-sm btn-outline-primary" />

    <field name="button_icon" type="text" label="Button Icon" hint="fa-solid fa-arrow-right order-1" />

</form>