import React from "react";
import Navbar from "../../components/Navbar/index";
import Footer from "../../views/Home/Footer/index";
import SubscribeRadio from "./SubscribeRadio/index";
import DiscountCode from "./DiscountCode/index";
import {connect} from 'react-redux';
import "./index.scss";

function Subscription({subscribes} : any) {
  return (
    <div className="subscription main d-flex flex-column">
      <Navbar />
      <main className="d-flex flex-column">
        <h1>خرید اشتراک دانوین</h1>
        <p>
          لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده
          از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و
          سطرآنچنان که لازم است و برای شرایط{" "}
        </p>
        {
          subscribes?.map((subscribe : any , i : any) => (
            <SubscribeRadio data={subscribe} />
          ))
        }
        <DiscountCode />
        <div className="d-flex justify-content-end py-4">
          <button className="submit submit-large">تایید و پرداخت</button>
        </div>
      </main>
      <Footer />
    </div>
  );
}

export default connect((state : any) => ({
  subscribes : state.publicApi.mockSubscribes,
}), {})(Subscription);
