Main Card Slider - Streamit

Card Template Section
- Title
  - Title: Enter the title for the card slide.
  - Title Tag: Select the HTML tag for the title from the dropdown (Options: H1 to H6).
- Style Type
  - Style Type: Choose between two layout options:
    - Slider: Displays the cards in a sliding carousel.
    - Grid: Displays the cards in a grid layout. If selected:
      - Number of Cards per Row: Specify the number of cards to display per row.
- Card Style:
  - Card Style: Choose the visual appearance of your cards:
    - Portrait: Traditional vertical card layout with portrait orientation.
    - Landscape: Horizontal card layout with landscape orientation.
Slide Content Section
- Content Type
  - Select Content Type: Choose content type from a dropdown list.
- Post Filter
  - Select Post Filter: Choose how to filter and display posts:
    - Selected: Manually choose specific posts to display
    - Genre: Filter posts by specific genres
    - Tags: Filter posts by specific tags
    - Upcoming: Display only upcoming content
    - Latest: Display the most recent content
    - Most Like: Display content with the highest like counts
    - Rent: Display only rentable (Pay Per View) content
    - Paid: Display only premium/paid content
    - Rent or Paid: Display both rentable and premium content
- Content Selection
  - Select Content: When using “Selected” filter, manually choose posts to display from a list.
  - Posts Per Page: Set the number of posts to display in the slider (default: 10).
- Display Settings
  - Show Title (It will appear when hover on card): Toggle (Yes/No) to show or hide the post title.
  - Enable Premium & PPV Badges: Toggle (Yes/No) to show or hide premium and pay-per-view badges on content.
  - Play Now Text (It will appear when hover on card): Customize the Button text for playing the content.
- View All Button
  - Use View All Button?: Toggle (Yes/No) to enable or disable the ‘View All’ button at the bottom of the widget.
Slider Control Section
- Responsive Card Rendering
  - Desktop View: Set the number of cards rendered per row for desktop devices.
  - Laptop View: Set the number of cards rendered per row for laptops.
  - Tablet View: Set the number of cards rendered per row for tablets.
  - Mobile View: Set the number of cards rendered per row for mobile devices.
- Autoplay Settings
  - Autoplay: Toggle (True/False) to enable or disable automatic sliding.
  - Autoplay Speed: Set the speed of the autoplay in milliseconds.
- Infinite Loop
  - Infinite: Toggle (True/False) to enable or disable infinite looping of the slider.
  - Speed: Set the speed of the slide transition in numeric values.
- Arrow Navigation
  - Arrow: Toggle (True/False) to enable or disable arrow navigation for the slider.