<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>

    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/shape_rounder_12_white"
        android:padding="8dp"
        android:paddingBottom="12dp"
        android:layout_margin="6dp">

        <com.google.android.material.imageview.ShapeableImageView
            android:id="@+id/img_course_pack_cover"
            style="@style/roundedCornerStyle"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintHeight_min="128dp"
            android:layout_marginEnd="8dp"
            android:scaleType="centerCrop"
            app:layout_constraintDimensionRatio="h,102:136"
            app:layout_constraintEnd_toStartOf="@+id/barrier"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <androidx.constraintlayout.widget.Barrier
            android:id="@+id/barrier"
            android:layout_width="1dp"
            android:layout_height="wrap_content"
            app:barrierDirection="right"
            app:constraint_referenced_ids="img_course_pack_cover" />

        <com.google.android.material.imageview.ShapeableImageView
            android:id="@+id/img_course_icon_1"
            android:layout_width="40dp"
            android:layout_height="40dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@+id/barrier"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toTopOf="@+id/img_course_icon_2"
            android:padding="6dp"
            app:strokeWidth="10dp"
            style="@style/roundedCornerStyle" />

        <TextView
            android:id="@+id/tv_review_number_1"
            android:layout_width="wrap_content"
            android:layout_height="14dp"
            android:background="@drawable/shape_red_badge"
            android:textColor="@color/white"
            android:gravity="center"
            android:textSize="@dimen/smallerSize"
            android:layout_marginEnd="1dp"
            tools:text="1"
            android:includeFontPadding="false"
            app:layout_constraintEnd_toEndOf="@+id/img_course_icon_1"
            app:layout_constraintTop_toTopOf="@+id/img_course_icon_1"
            />


        <com.google.android.material.imageview.ShapeableImageView
            android:id="@+id/img_course_icon_2"
            android:layout_width="40dp"
            android:layout_height="40dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@+id/barrier"
            app:layout_constraintTop_toBottomOf="@+id/img_course_icon_1"
            app:layout_constraintBottom_toTopOf="@+id/img_course_icon_3"
            android:padding="6dp"
            app:strokeWidth="10dp"
            style="@style/roundedCornerStyle"
            android:visibility="invisible"
            tools:visibility="visible"
            />
        <TextView
            android:id="@+id/tv_review_number_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/shape_red_badge"
            android:textColor="@color/white"
            android:gravity="center"
            android:textSize="@dimen/smallerSize"
            android:layout_marginEnd="1dp"
            tools:text="1"
            android:includeFontPadding="false"
            app:layout_constraintEnd_toEndOf="@+id/img_course_icon_2"
            app:layout_constraintTop_toTopOf="@+id/img_course_icon_2"
            />
        <com.google.android.material.imageview.ShapeableImageView
            android:id="@+id/img_course_icon_3"
            android:layout_width="40dp"
            android:layout_height="40dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@+id/barrier"
            app:layout_constraintTop_toBottomOf="@+id/img_course_icon_2"
            app:layout_constraintBottom_toBottomOf="@+id/img_course_pack_cover"
            app:strokeWidth="10dp"
            style="@style/roundedCornerStyle"
            android:visibility="invisible"
            android:padding="6dp"
            tools:visibility="visible"/>
        <TextView
            android:id="@+id/tv_review_number_3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/shape_red_badge"
            android:textColor="@color/white"
            android:gravity="center"
            android:textSize="@dimen/smallerSize"
            android:layout_marginEnd="1dp"
            tools:text="111"
            android:includeFontPadding="false"
            app:layout_constraintEnd_toEndOf="@+id/img_course_icon_3"
            app:layout_constraintTop_toTopOf="@+id/img_course_icon_3"
            />

        <TextView
            android:id="@+id/tv_course_pack_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintTop_toBottomOf="@+id/img_course_pack_cover"
            android:textSize="@dimen/normalSize"
            android:textColor="@color/main_text_color"
            android:layout_marginTop="12dp"/>


    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>