File indexing completed on 2025-05-04 05:30:58

 import React from 'react'
 import SearchProductInput from './SearchProductInput';
 const ModalAddRelationship = (props) => {
     return (
         <div className="modal fade " id="productRelationshipPanel" tabindex="-1" data-keyboard="false" role="dialog" aria-labelledby="productRelationshipPanelModalLabel" aria-hidden="true">
         <div className="modal-dialog " role="document" style={{width:'1000px'}}>
         <form name="form-add-product-relationship" onSubmit={props.handleSubmit}>
           <div className="modal-content">
             <div className="modal-header">              
               <button type="button" className="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
               </button>
               <h5 className="modal-title" id="productRelationshipPanelModalLabel">Add Relationship</h5>
             </div>
             <div className="modal-body">
                 <div style={{display:'flex'}}>
                   <div style={{borderRight:'1px solid #ccc',textAlign:'center', paddingRight:'20px',minHeight:'300px'}}>
                       <h4>
                         {props.product.title}
                       </h4>
                       <img src={props.product.image_small_absolute} style={{width:'400px'}}></img>                      
                       <span style={{ fontSize: '11px', color: '#ccc',lineHeight:'15px',display:'inherit' }}>
                       {props.product.cat_title}</span>    
                   </div>
                   <div>
                     
                       <div className="container" style={{width:'500px'}}>                        
                         <SearchProductInput baseUrlStore={window.config.baseUrlStore} 
                             searchbaseurl = {window.config.searchbaseurl}
                             product ={props.product}   
                             project_id={props.project_id}                          
                             setProjectId={props.setProjectId}
                             handleInputProjectIdChange={props.handleInputProjectIdChange}
                             />  
 
                         <div className="row">
                                   <div className="col-lg-12"><h6>Message (optional): </h6> </div>
                                   <div className="col-lg-12">
                                     <textarea name="message" id="message" value={props.message} 
                                         onChange={props.handleChangeMessage}
                                       style={{width:'310px'}} />
                                 </div>
                         </div>
 
                         <div className="row"> 
                         <div className="col-lg-12" style={{paddingTop:'20px'}}>
                           <span>The product above is </span>
                         <fieldset>
                             <input type="radio" id="mc" name="type" value="is-original" 
                             checked={props.radioType === "is-original"}                           
                             onChange={props.handleRadioChange}
                             />
                             <label for="mc"> original </label> 
                             <span> or </span>
                             <input type="radio" id="mc2" name="type" value="is-clone" 
                             checked={props.radioType === "is-clone"}   
                             onChange={props.handleRadioChange}                         
                             />
                             <label for="mc2"> clone </label> 
                             {/*
                             <input type="radio" id="vi" name="type" value="is-sibling" checked={radioType === "is-sibling"}
                               onClick={handleRadioChange}
                             />
                             <label for="vi"> Is sibling</label> 
                             */}
                             <br></br>                         
                             <span> of the product on left side.</span>
                           </fieldset>
                           </div>
                         </div>
                       
                       </div>
                     
                       
                   
                   </div>
                 </div>
                 
 
             </div>
             <div className="modal-footer">
 
                 
                 <>
                 <span dangerouslySetInnerHTML={{__html: props.response.message}}></span>                 
                 </>
               
 
               <button type="button" className="btn btn-primary" data-dismiss="modal" onClick={props.handleOnCloseModal}>Close</button>              
               {!props.succeed &&
               <button type="submit" className="btn btn-primary" >Add relationship</button>             
               }
             </div>
           </div>
         </form>
         </div>
       </div>
     )
 }
 
 
 export default ModalAddRelationship;