text: import React, { useState } from 'react'
  import { Link } from 'react-router-dom'
  import {
    CButton,
    CCard,
    CCardBody,
    CCardHeader,
    CCol,
    CCollapse,
    CFormGroup,
    CInput,
    CLabel,
    CSelect,CTextarea,
    CRow,
    CNav,
    CNavItem,
    CNavLink,
    CTabContent,
    CTabPane,
    CTabs
  } from '@coreui/react';
  import { DocsLink } from 'src/reusable'
  
  const Collapses = () => {
  
    const [collapse, setCollapse] = useState(false)
    const [collapseMulti, setCollapseMulti] = useState([false, false])
    const [accordion, setAccordion] = useState(0)
    const [fade, setFade] = useState(true)
  
    const toggle = (e) => {
      setCollapse(!collapse)
      e.preventDefault()
    }
  
    const toggleMulti = (type) => {
      let newCollapse = collapseMulti.slice()
      switch (type) {
        case "left":
          newCollapse[0] = !collapseMulti[0];
          break;
        case "right":
          newCollapse[1] = !collapseMulti[1];
          break;
        case "both":
          newCollapse[0] = !collapseMulti[0];
          newCollapse[1] = !collapseMulti[1];
          break;
        default:
      }
      setCollapseMulti(newCollapse)
    }
  
    const toggleFade = () => {
      setFade(!fade)
    }
  
    return (
      <>
      <CCol xs="12" md="12" className="mb-4">
          <CCard>
            
            <CCardBody>
              <CTabs activeTab="general">
                <CNav variant="tabs">
                  <CNavItem>
                    <CNavLink data-tab="general">
                      General Details
                    </CNavLink>
                  </CNavItem>
                  <CNavItem>
                    <CNavLink data-tab="ref">
                      Reference Details
                    </CNavLink>
                  </CNavItem>
                  <CNavItem>
                    <CNavLink data-tab="benef">
                      Beneficiary Details
                    </CNavLink>
                  </CNavItem>
                </CNav>
                <CTabContent>
                  <CTabPane data-tab="general">
                  <br/>
                  <CCardHeader id="headingOne">
                      <h5 className="m-0 p-0">General Details</h5>
                  </CCardHeader>
  
                  <CCardBody>
  
  <CFormGroup row className="my-0">
      <CCol xs="4">
          <CFormGroup>
              <CLabel htmlFor="company">Branch ID</CLabel>
              <CInput id="company" placeholder="Enter your Branch ID" disabled/>
          </CFormGroup>
      </CCol>
      <CCol xs="4">
          <CFormGroup>
              <CLabel htmlFor="company">Product</CLabel>
              <CInput id="company" placeholder="Enter your Product Name" disabled />
          </CFormGroup>
      </CCol>
      <CCol xs="4">
          <CFormGroup>
              <CLabel htmlFor="company">Sub Product</CLabel>
              <CInput id="company" placeholder="Enter your Sub Product Name" disabled />
          </CFormGroup>
      </CCol>
  </CFormGroup>
  <CFormGroup row className="my-0">
      <CCol xs="4">
          <CFormGroup>
              <CLabel htmlFor="company">Operation</CLabel>
              <CInput id="company" placeholder="Enter your Operation name" disabled />
          </CFormGroup>
      </CCol>
      <CCol xs="4">
          <CFormGroup>
              <CLabel htmlFor="company">Cust ID</CLabel>
              <CInput id="company" placeholder="Enter your Cust ID" disabled/>
          </CFormGroup>
      </CCol>
      <CCol xs="4">
          <CFormGroup>
              <CLabel htmlFor="company">Customer Name</CLabel>
              <CInput id="company" placeholder="Enter your Customer Name" disabled />
          </CFormGroup>
      </CCol>
  </CFormGroup>
  <CFormGroup row className="my-0">
      <CCol xs="4">
          <CFormGroup>
              <CLabel htmlFor="company">IE Code</CLabel>
              <CInput id="company" placeholder="Enter your IE Code" disabled />
          </CFormGroup>
      </CCol>
      <CCol xs="4">
          <CFormGroup>
              <CLabel htmlFor="company">PAN Code</CLabel>
              <CInput id="company" placeholder="Enter your PAN Code" disabled/>
          </CFormGroup>
      </CCol>
      <CCol xs="4">
          <CFormGroup>
              <CLabel htmlFor="company">Account No</CLabel>
              <CInput id="company" placeholder="Enter your Account No" disabled />
          </CFormGroup>
      </CCol>
  </CFormGroup>
  <CFormGroup row className="my-0">
      <CCol xs="4">
          <CFormGroup>
              <CLabel htmlFor="company">GST No</CLabel>
              <CInput id="company" placeholder="Enter your GST No" disabled />
          </CFormGroup>
      </CCol>
      <CCol xs="4">
          <CFormGroup>
              <CLabel htmlFor="company">Currency </CLabel>
              <CInput id="company" placeholder="Enter your Currency" disabled />
          </CFormGroup>
      </CCol>
      <CCol xs="4">
          <CFormGroup>
              <CLabel htmlFor="company">Amount</CLabel>
              <CInput id="company" placeholder="Enter your Amount" disabled />
          </CFormGroup>
      </CCol>
  </CFormGroup>
  </CCardBody>
  
  
                  </CTabPane>
                  <CTabPane data-tab="ref">
                  <br/>            
                    
                  <CCardHeader id="headingTwo">
                    
                    <h5 className="m-0 p-0">Reference Details</h5>
                  
                </CCardHeader>
                
                  <CCardBody>
                    <CFormGroup row className="my-0">
                    <CCol xs="4">
                        <CFormGroup>
                            <CLabel htmlFor="company">Bill Ref No.</CLabel>
                            <CInput id="company" placeholder="Enter your Bill Ref No." disabled />
                        </CFormGroup>
                    </CCol>
                    <CCol xs="4">
                        <CFormGroup>
                            <CLabel htmlFor="company">Bill Status</CLabel>
                            <CInput id="company" placeholder="Enter your Bill Status" disabled />
                        </CFormGroup>
                    </CCol>
                    <CCol xs="4">
                        <CFormGroup>
                            <CLabel htmlFor="company">Customer Portal Ref No.</CLabel>
                            <CInput id="company" placeholder="Enter your Customer Portal Ref No." disabled />
                        </CFormGroup>
                    </CCol>
                </CFormGroup>
                <CFormGroup row className="my-0">
                    <CCol xs="4">
                        <CFormGroup>
                            <CLabel htmlFor="company">Limit ID</CLabel>
                            <CInput id="company" placeholder="Enter your Limit ID" disabled />
                        </CFormGroup>
                    </CCol>
                    <CCol xs="4">
                        <CFormGroup>
                            <CLabel htmlFor="company">Charges</CLabel>
                            <CInput id="company" placeholder="Enter your Charges" disabled />
                        </CFormGroup>
                    </CCol>
                    <CCol xs="4">
                        <CFormGroup>
                            <CLabel htmlFor="company">Margin %</CLabel>
                            <CInput id="company" placeholder="Enter your Margin %" disabled />
                        </CFormGroup>
                    </CCol>
                </CFormGroup>
                <CFormGroup row className="my-0">
                    <CCol xs="4">
                        <CFormGroup>
                            <CLabel htmlFor="company">Other Bank Ref No</CLabel>
                            <CInput id="company" placeholder="Enter your Other Bank Ref No" disabled />
                        </CFormGroup>
                    </CCol>
                    
                </CFormGroup>
                
                  </CCardBody>
  
  
  
                  </CTabPane>
                  <CTabPane data-tab="benef">
                    <br/>
                    <CCardHeader id="headingThree">
                      <h5 className="m-0 p-0">Beneficiary Details</h5>
                  </CCardHeader>
                  
                    <CCardBody>
                    <CFormGroup row className="my-0">
                      <CCol xs="4">
                          <CFormGroup>
                              <CLabel htmlFor="company">Beneficiary Name</CLabel>
                              <CInput id="company" placeholder="Enter your Beneficiary Name" disabled />
                          </CFormGroup>
                      </CCol>
                      <CCol xs="4">
                          <CFormGroup>
                              <CLabel htmlFor="company">Beneficiary Address</CLabel>
                              <CInput id="company" placeholder="Enter your Beneficiary Address" disabled />
                          </CFormGroup>
                      </CCol>
                      <CCol xs="4">
                          <CFormGroup>
                              <CLabel htmlFor="select">Beneficiary Country</CLabel>
                                <CSelect id="select" disabled >
                                    <option value="0" >Please select Country Name</option>
                                    <option value="1">Afghanistan</option>
                                    <option value="2">Belgium</option>
                                    <option value="3">Brazil</option>
                                    <option value="4">Canada</option>
                                    <option value="5">China</option>
                                    <option value="6">Malaysia</option>
                                    <option value="7">Mexico</option>
                                    <option value="8">New Zealand</option>
                                    <option value="9">Norway</option>
                                    <option value="10">Peru</option>
                                    <option value="11">Russia</option>
                                    <option value="12">India</option>
                                    <option value="13">Japan</option>
                                    <option value="14">United States of America</option>
                                    <option value="15">Thailand</option>
                                </CSelect>
                              
                          </CFormGroup>
                      </CCol>
                  </CFormGroup>
                  <CFormGroup row className="my-0">
                      <CCol xs="4">
                          <CFormGroup>
                              <CLabel htmlFor="company">Place of Expiry</CLabel>
                              <CInput id="company" placeholder="Enter Place of Expiry" disabled />
                          </CFormGroup>
                      </CCol>
                      <CCol xs="4">
                          <CFormGroup>
                              <CLabel htmlFor="company">Date of Expiry</CLabel>
                              <CInput id="company" placeholder="Enter Date of Expiry" disabled />
                          </CFormGroup>
                      </CCol>
                      <CCol xs="4">
                          <CFormGroup>
                              <CLabel htmlFor="company">Description of Goods</CLabel>
                              <CInput id="company" placeholder="Enter Description of Goods" disabled />
                          </CFormGroup>
                      </CCol>
                  </CFormGroup>
                  <CFormGroup row className="my-0">
                      <CCol xs="4">
                          <CFormGroup>
                              <CLabel htmlFor="company">Advising Bank Name & Address</CLabel>
                              <CInput id="company" placeholder="Enter Advising Bank Name & Address" disabled />
                          </CFormGroup>
                      </CCol>
                      <CCol xs="4">
                          <CFormGroup>
                              <CLabel htmlFor="company">Reimbursing Bank Name & Address</CLabel>
                              <CInput id="company" placeholder="Enter Reimbursing Bank Name & Address" disabled />
                          </CFormGroup>
                      </CCol>
                      <CCol xs="4">
                          <CFormGroup>
                              <CLabel htmlFor="company">Advise Through Bank Name & Address</CLabel>
                              <CInput id="company" placeholder="Enter Advise Through Bank Name & Address" disabled />
                          </CFormGroup>
                      </CCol>
                  </CFormGroup>
                    </CCardBody>
                  
                  </CTabPane>
                </CTabContent>
              </CTabs>
            </CCardBody>
          </CCard>
        </CCol>
  
        <br/>
                <CCard className="mb-0">
                  <CCardHeader id="headingThree">
                    
                      <h5 className="m-0 p-0">Remarks</h5>
                    </CCardHeader>
                    <CCardBody>
                    <CFormGroup row className="my-0">
                      <CCol xs="12">
                          <CFormGroup>
                              
                              <CTextarea id="company" placeholder="Enter Remarks"  />
                          </CFormGroup>
                      </CCol>
                      
                  </CFormGroup>
                    </CCardBody>
                  
                </CCard>
                  <br/>
                  <CRow>
                        <CCol xs="6">
                        <Link to="/dashboard">
                            <CButton color="primary" className="px-4">Submit</CButton>
                          </Link>
                        </CCol>
                        
                      </CRow>
  
  
  
  
  
      </>
    )
  }
  
  export default Collapses
  