text: /*!
  
  =========================================================
  * Argon Dashboard React - v1.1.0
  =========================================================
  
  * Product Page: https://www.creative-tim.com/product/argon-dashboard-react
  * Copyright 2019 Creative Tim (https://www.creative-tim.com)
  * Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)
  
  * Coded by Creative Tim
  
  =========================================================
  
  * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
  
  */
  import React from "react";
  
  // reactstrap components
  import {
    Badge,
    Card,
    CardHeader,
    CardBody,
    CardFooter,
    Form,
    Container,
    Row,
    Button, Col, FormGroup, Input
  } from "reactstrap";
  // core components
  import Pagination from "react-js-pagination";
  
  import HeaderNoCards from "../../components/Headers/HeaderNoCards";
  
  //id,name,prod cost, selling price,, quantity
  
  class ShopSuggestShop extends React.Component {
    state = {
      agent_id: null,
      current_data: [],
      pageSize: 5,
      activePage:1
    };
  
    onSubmit = (e) => {
      e.preventDefault();
      let productData = {};
      for(let i=0; i<5;i++){
        const attri = e.target[i].id;
        productData[attri] = e.target[i].value
      }
      console.log(productData);
    };
  
    render() {
      return (
        <>
          <HeaderNoCards/>
          {/* Page content */}
          <Container className="mt--7" fluid>
            {/* Table */}
            <Row>
              <Col className="order-xl-2 mb-5 mb-xl-0" xl="4">
              </Col>
              <div className="col">
                <Card className="bg-secondary shadow">
                  <CardHeader className="border-0">
                    <h3 className="mb-0">Shop Info</h3>
                  </CardHeader>
                  <CardBody>
                    <div className="pl-lg-4">
                      <Form onSubmit={(e)=>{this.onSubmit(e)}}>
                        <Row>
                          <Col lg="6">
                            <FormGroup>
                              <label
                                className="form-control-label"
                                htmlFor="shopName"
                              >
                                Shop Name
                              </label>
                              <Input
                                className="form-control-alternative"
                                id="shopName"
                                type="text"
                                required={true}
                              />
                            </FormGroup>
                          </Col>
                          <Col lg="6">
                            <FormGroup>
                              <label
                                className="form-control-label"
                                htmlFor="shopNo"
                              >
                                Shop Contact No
                              </label>
                              <Input
                                className="form-control-alternative"
                                id="shopNo"
                                type="text"
                                required={true}
                              />
                            </FormGroup>
                          </Col>
                        </Row>
                        <Row>
                          <Col lg="6">
                            <FormGroup>
                              <label
                                className="form-control-label"
                                htmlFor="latitude"
                              >
                                Latitude
                              </label>
                              <Input
                                className="form-control-alternative"
                                id="latitude"
                                type="text"
                                required={true}
                              />
                            </FormGroup>
                          </Col>
                          <Col lg="6">
                            <FormGroup>
                              <label
                                className="form-control-label"
                                htmlFor="longitude"
                              >
                                Longitude
                              </label>
                              <Input
                                className="form-control-alternative"
                                id="longitude"
                                type="text"
                                required={true}
                              />
                            </FormGroup>
                          </Col>
                        </Row>
                        <Row>
                          <Col lg="6">
                            <FormGroup>
                              <label
                                className="form-control-label"
                                htmlFor="owner"
                              >
                                Owner
                              </label>
                              <Input
                                className="form-control-alternative"
                                id="owner"
                                type="text"
                                required={true}
                              />
                            </FormGroup>
                          </Col>
                          <Col lg="6">
                            <FormGroup>
                              <label
                                className="form-control-label"
                                htmlFor="email"
                              >
                                Email
                              </label>
                              <Input
                                className="form-control-alternative"
                                id="email"
                                type="text"
                                required={true}
                              />
                            </FormGroup>
                          </Col>
                        </Row>
                        <Row>
                          <Col lg="6">
                            <FormGroup>
                              <label
                                className="form-control-label"
                                htmlFor="mobile"
                              >
                                Mobile
                              </label>
                              <Input
                                className="form-control-alternative"
                                id="mobile"
                                type="text"
                                required={true}
                              />
                            </FormGroup>
                          </Col>
                        </Row>
                        <Row>
                          <Col md="9"/>
                          <Col md="3">
                            <Button className="my-0" color="primary" type="submit">
                              Suggest Shop
                            </Button>
                          </Col>
                        </Row>
                      </Form>
                    </div>
                  </CardBody>
                  <CardFooter className="py-4">
                  </CardFooter>
                </Card>
              </div>
            </Row>
          </Container>
        </>
      );
    }
  }
  
  export default ShopSuggestShop;
  