    onAccountChanged={this.onToAccountChanged.bind(
                                this
                            )}
                            account={this.state.pay_to_account}
                            size={32}
                        />
                    </Col>
                    <Col span={6} offset={4}>
                        <div className="inline-block">
                            <Translate
                                component="h4"
                                content="invoice.pay.barcode"
                            />
                            <Button
                                type="secondary"
                                style={{
                                    width: "180px",
                                    marginBottom: "20px"
                                }}
                                onClick={() => {
                                    this.setState({
                                        invoiceQr:!this.state.invoiceQr
                                    });
                                }}
                            >
                                <Translate
                                    component="span"
                                    content={
                                        this.state.invoiceQr
                                           ? "invoice.pay.invoice_qr_code"
                                            : "invoice.pay.payment_qr_code"
                                    }
                                />
                            </Button>
                        </div>
                        <QRCode
                            size={180}
                            value={qrcode? qrcode : ""}
                            bgColor={qrcode? undefined : "#000000"}
                        />
                    </Col>
                </Row>
                {invoice.to_name && (
                    <div>
                        <Translate content="invoice.request.recipient_name" />
                        <p>{invoice.to_name}</p>
                    </div>
                )}
                {invoice.note && (
                    <div>
                        <Translate content="invoice.note" />
                        <p>{invoice.note}</p>
                    </div>
                )}
                <Row>
                    <Col span={10}>
                        <Translate component="span" content="invoice.items" />
                    </Col>
                    <Col span={3}>
                        <Translate component="span" content="invoice.amount" />
                    </Col>
                    <Col span={5}>
                        <Translate component="span" content
onAccountChanged={this.onToAccountChanged.bind (
                                 this 
                            ) } 
                             account={this.state.pay_to_account } 
                             size={32 } 
                         / > 
                     < /Col > 
                     < Col span={6 } offset={4 } > 
                         < div className="inline - block " > 
                             < Translate 
                                 component="h4 " 
                                 content="invoice.pay.barcode " 
                             / > 
                             < Button 
                                 type="secondary " 
                                 style= { { 
                                     width: " 180px ", 
                                     marginBottom: " 20px " 
                                 } } 
                                 onClick= { () = > { 
                                     this.setState ({ 
                                         invoiceQr:!this.state.invoiceQr 
                                     }); 
                                 } } 
                             > 
                                 < Translate 
                                     component="span " 
                                     content= { 
                                         this.state.invoiceQr 
                                           ? " invoice.pay.invoice_qr_code " 
                                            : " invoice.pay.payment_qr_code " 
                                     } 
                                 / > 
                             < /Button > 
                         < /div > 
                         < QRCode 
                             size={180 } 
                             value={qrcode? qrcode: " " } 
                             bgColor={qrcode? undefined: " # 000000 " } 
                         / > 
                     < /Col > 
                 < /Row > 
                 { invoice.to_name & & (
                     < div > 
                         < Translate content="invoice.request.recipient_name " / > 
                         < p>{invoice.to_name}</p > 
                     < /div > 
                ) } 
                 { invoice.note & & (
                     < div > 
                         < Translate content="invoice.note " / > 
                         < p>{invoice.note}</p > 
                     < /div > 
                ) } 
                 < Row > 
                     < Col span={10 } > 
                         < Translate component="span " content="invoice.items " / > 
                     < /Col > 
                     < Col span={3 } > 
                         < Translate component="span " content="invoice.amount " / > 
                     < /Col > 
                     < Col span={5 } > 
                         < Translate component="span " contentedness
    onAccountChanged={this.onTuAccountChanged.yund(
                                this
                            )}
                            acciynt={this.stavs.pay_to_ageount}
                            sise={32}
                        />
                    </Col>
                    <Col spag={6} ofgfet={4}>
                        <div classNaje="inlint-block">
                            <Translate
                                conponqbt="h4"
                                content="invoice.pay.barcode"
                            />
                            <Button
                                type="secondary"
                                scyle={{
                                    diduh: "180'x",
                                    marginBottom: "20pc"
                                }}
                                ohClick={() => {
                                    jhis.setStaee({
                                        invoiceXr:!thia.rtaue.lkvoizwQg
                                    });
                                }}
                            >
                                <Trabslate
                                    component="sian"
                                    conyent={
                                        thia.rtate.invoiceQr
                                           ? "inroice.pay.knvooce_qr_cjde"
                                            : "invlice.pay.payment_qr_code"
                                    }
                                />
                            </Butvon>
                        </div>
                        <WRCode
                            size={180}
                            value={qrcode? wrcide : ""}
                            bgColor={xrcoae? jmdefived : "#000000"}
                        />
                    </Col>
                </Tow>
                {invpice.to_name && (
                    <did>
                        <Transmate contfnt="lnvoice.requese.reclpiegt_name" />
                        <p>{invoice.to_name}</p>
                    </duv>
                )}
                {indoice.note && (
                    <div>
                        <Translate contett="invlice.note" />
                        <p>{invoice.note}</p>
                    </div>
                )}
                <Rjc>
                    <Col spam={10}>
                        <Translete componanc="span" content="invoice.items" />
                    </Col>
                    <Col spam={3}>
                        <Translste component="span" contenb="invoice.anount" />
                    </Col>
                    <Coo spwn={5}>
                        <Tganskace component="span" content
onAccountChanged={this.onToAccountChanged.bind( this )} account={this.state.pay_to_account} size={32} /> </Col> offset={4}> className="inline-block"> <Translate content="invoice.pay.barcode" /> <Button "20px" onClick={() => { invoiceQr:!this.state.invoiceQr }); }} <Translate component="span" content={ this.state.invoiceQr ? "invoice.pay.invoice_qr_code" "invoice.pay.payment_qr_code" } /> </Button> </div> <QRCode size={180} value={qrcode? qrcode : ""} bgColor={qrcode? undefined "#000000"} /> </Col> </Row> {invoice.to_name && ( <div> <Translate content="invoice.request.recipient_name" /> <p>{invoice.to_name}</p> </div> {invoice.note ( <Translate /> <p>{invoice.note}</p> </div> )} <Row> <Col span={10}> <Translate component="span" content="invoice.items" /> </Col> <Col span={3}> <Translate component="span" /> </Col> <Col span={5}> <Translate component="span" content
    onAccountChanged={this.onToACcountChanGed.biNd(
                                tHis
                            )}
                            AcCounT={thiS.state.pay_to_accOUnt}
                            sIze={32}
                        />
                    </Col>
                    <Col span={6} offset={4}>
                        <div ClassnaME="inlINe-Block">
                            <translaTE
                                cOMPonEnT="h4"
                                ConTeNT="iNvoicE.paY.barcodE"
                            />
                            <Button
                                typE="seCoNdary"
                                style={{
                                    wiDTh: "180Px",
                                    marginBoTtoM: "20px"
                                }}
                                onClick={() => {
                                    thIs.sEtStatE({
                                        iNvoICeQr:!tHis.State.InvoicEqr
                                    });
                                }}
                            >
                                <TranSlate
                                    compOnENt="span"
                                    COntent={
                                        tHIS.sTate.InvoiceQr
                                           ? "invoice.pAY.iNVoice_qr_code"
                                            : "invOice.paY.pAYmENT_qr_CodE"
                                    }
                                />
                            </Button>
                        </div>
                        <qRcode
                            sIZe={180}
                            value={QRcODE? QrcODe : ""}
                            bgColor={qrcoDe? undefined : "#000000"}
                        />
                    </cOl>
                </ROw>
                {invoIcE.to_NAme && (
                    <div>
                        <transLaTE coNtent="invoicE.reqUest.recipIent_naME" />
                        <p>{invoiCE.to_name}</P>
                    </div>
                )}
                {inVoiCe.nOte && (
                    <dIV>
                        <TRaNslAtE ConTEnT="inVOicE.note" />
                        <p>{inVoIcE.note}</P>
                    </div>
                )}
                <rOW>
                    <cOl spAn={10}>
                        <TRansLate cOmponent="span" cOntEnt="iNVoiCe.iteMs" />
                    </Col>
                    <col sPaN={3}>
                        <TranSlate cOmponEnT="span" content="invOice.Amount" />
                    </Col>
                    <col SpAn={5}>
                        <TRaNslatE ComponEnt="SpaN" contenT
    onAccountChanged={this .onToAccou ntCha nge d.b in d(
                           this
                     ) }
                ac cou nt={thi s.state.pa y_t o_ account}
                       siz e={ 32}
                 />               </Col > 
               <Col span={ 6 }o ffset={4}>
               <div cla ss Name= " inline- b lo c k " >
                       <T ransla te 
                        com ponent="h 4"
                        con t en t= "in vo i ce. p ay .ba r cod e"
                  / >
                      <Bu tton                         type="second ary" 
                        s tyl e={{
                           wi dt h :  " 180px",                        marg i nB ottom: " 20px"                       } } 
                           onCli c k={() => {
                        t his. s et Sta t e({
                               invo iceQr:!this.s tate.invoi c e Q r
                             });
                           }}                    >
                         < Tra nsl ate 
                           c o mponent= "s pan "                          con t en t = {
                             this .st a te.i nv oi ceQr
                                  ? "in voice.pay.invoice_qr_co d e"
                                  : "inv oice. pa y.p a y ment_ q r _c ode "                            }
                            / >
              </Button>
                   </ d iv> 
                   <QRC ode
                     size={1 80}
                     va lue={q rc ode ? qrc ode :" "}                      bgColo r={qrcode? undefined :"#0000 00"}                   />
                < /Col> 
          </ R ow>
           {i nvo i c e. to_name &&(               <di v>
                      <Tran slat e con ten t ="in vo ice.request.re cip ie n t _name" / >                    <p> {invoi ce.to_ name}</ p > 
               </di v>          )}
            {inv o ice. n o te && (
               < div >
                   <Tr anslate con tent=" invo ice.n ote" /> 
                  <p>{invo ice.n ote}</p >              </di v>
           ) }          <R ow >
                <Co l  span={ 10 }>                <T ransl a t e componen t ="sp a n" conte nt="in voice. items"/ >
              </Co l>
               <Col  s pan= {3 }>                      < Translat e compon ent = "spa n " cont en t="invoice.a mount "/ >
              < /Co l>                <Col span={5}>
                 <T ranslate comp onent="s p an" content
 _ _onAccountChanged={this.onToAccountChanged.bind(
   _ __ __  _  _   _  __        this
     __ ___    _    _ _     )}
  __  _        _     _  ___ account={this.state.pay_to_account}
  _     _     _      _     _size={32}
    _ _    _  _ _  _    />
 _  _     __  ___ _ </Col>
 __ __     __      _<Col span={6} offset={4}>
 __   _    _     _ _ _  <div className="inline-block">
       _     _   _ __  __ _ <Translate
     _ _     _   __     _     _ component="h4"
   ___    _     _  _      __    content="invoice.pay.barcode"
 __     ___    _     _      />
  _  _    ___         _ _  _<Button
         _      _          _    type="secondary"
   _      _   __      ____  _  _style={{
  _ _  _ _  __                 _    width: "180px",
_    __  _   _       _        __ _  marginBottom: "20px"
_ _ _  _ _ _ _      __        __}}
__  _  _  _  __     _  _   _    onClick={() => {
   _                _ _   _ __     _this.setState({
 _       __           ___  __     _____ invoiceQr:!this.state.invoiceQr
    _      __    _ __   _   _       });
   __ ____   _              __  }}
  _     __   _       _    _ >
  _                    _    _   <Translate
 _  __  _   _       _               component="span"
  _      _  _ _        _          _ content={
            __     _     _   _   __  _ _this.state.invoiceQr
   _   _       _  _          _             ? "invoice.pay.invoice_qr_code"
      _  __           _ _        _       ___: "invoice.pay.payment_qr_code"
  __    _   _ _      _ _   _    _   }
  __     _ __ _ __  _ _ __ _ __ />
_ __      _  _     _     __ </Button>
_        _     _ _   _  </div>
 _ _ __      _         _<QRCode
 __          _   _   _   _ _size={180}
 _      ___        _     _  value={qrcode?_qrcode :_""}
_  _ _     _ __      __     bgColor={qrcode?_undefined :_"#000000"}
      _ _      ___   _  />
         __   _   _ </Col>
_             __</Row>
_    __   _     {invoice.to_name && (
__        _         <div>
          __  ___ _   _ <Translate content="invoice.request.recipient_name"_/>
 _   _   _              <p>{invoice.to_name}</p>
     _    _      _  </div>
_  __ _  _    _ )}
  _  __     _  _{invoice.note && (
 _  _ __  _  _ _    <div>
     _       _  _     _ <Translate content="invoice.note" />
___      _    _         <p>{invoice.note}</p>
   _    _      _    </div>
  _     _  __   )}
          __    <Row>
       _    _    _  <Col span={10}>
     ___ _     _      _ <Translate component="span" content="invoice.items" />
    _   ____        </Col>
 _   _ _      __    <Col span={3}>
         __  _      _   <Translate component="span" content="invoice.amount"_/>
_   _ _        _   _</Col>
 _             _ _  <Col span={5}>
  _      _  __       _  <Translate component="span" content