import React from 'react';
import { useTranslation } from 'react-i18next';
import ScrapeRequest from '../ScrapeRequest/ScrapeRequest';

const scrape = { Title: "#1 Chicago, IL", Count: "200", EstimatedTime: "20/7/2021 20:30AM", Url: "https://www.apartments.com/chicago-il/", Filters: [{ id: 1, type: "prices" }, { id: 2, type: "beds" }, { id: 3, type: "type" }, { id: 4, type: "lifestyle" }] };
const ScrapeRequests = () => {

  const { t } = useTranslation();
  return (

    <div className="card">
      <div className="card-header">
        <h3 className="card-title">{t('scrapeRequests.Title')}</h3>
      </div>

      <div className="card-body p-0">
        <table className="table table-sm">
          <thead>
            <tr>
              <th className='font-weight-bold'>{t('scrapeRequests.Columns.Scrape')}</th>
              <th>{t('scrapeRequests.Columns.Filters')}</th>
              <th>{t('scrapeRequests.Columns.Status')}</th>
            </tr>
          </thead>
          <tbody>
            <ScrapeRequest scrape={scrape} />
            {/* <tr>
                      <td>
                        <p>
                          </p><h3> </h3>
                          <span className="text-muted">Count 200+</span>
                          <span> | </span>
                          <span className="text-muted">Estimated time 20/7/2021 20:30AM</span>
                          <span> | </span>
                          view scrape origin <a href="scrappe.html">https://www.apartments.com/chicago-il/</a>
                        <p></p>
                        <p>
                        </p>
                      </td>
                      <td>
                        <span className="badge bg-primary">price</span>
                        <span className="badge bg-primary">beds</span>
                        <span className="badge bg-primary">type</span>
                        <span className="badge bg-primary">lifestyle</span>
                      </td>
                      <td><button className="btn btn-xs btn-block btn-primary"><i className="fa fa-bell"></i>Execute</button>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <h3>#2 New York, NY </h3>
                        <span className="text-muted">Count 200+</span>
                        <span> | </span>
                        <span className="text-muted">Estimated time 20/7/2021 20:30AM</span>
                        <span> | </span>
                        view scrape origin <a href="scrappe.html">https://www.apartments.com/chicago-il/</a>
                      </td>
                      <td>
                        <span className="badge bg-primary">price</span>
                        <span className="badge bg-primary">beds</span>
                        <span className="badge bg-primary">type</span>
                        <span className="badge bg-primary">lifestyle</span>
                      </td>
                      <td><span className="badge bg-warning">Pending</span></td>
                    </tr>
                    
                     <tr>
                      <td>
                        <h3>#3 New York, NY </h3>
                        <span className="text-muted">Count 200+</span>
                        <span> | </span>
                        <span className="text-muted">Estimated time 20/7/2021 20:30AM</span>
                        <span> | </span>
                        view scrape origin <a href="scrappe.html">https://www.apartments.com/chicago-il/</a>
                      </td>
                      <td>
                        <span className="badge bg-primary">price</span>
                        <span className="badge bg-primary">beds</span>
                        <span className="badge bg-primary">type</span>
                        <span className="badge bg-primary">lifestyle</span>
                      </td>
                      <td><span className="badge bg-success">Done</span></td>
                    </tr>
                     */}
          </tbody>
        </table>
      </div>
    </div>
  );
}

export default ScrapeRequests;