import React, {useState} from 'react';
import './SignaturesList.scss';
import ListRow from "../../../../UI/DuaList/ListRow";
import TextColumn from "../../../../UI/DuaList/Columns/TextColumn";
import ListActions from "../../../../UI/DuaList/Columns/ListActions";
import {Signature} from "../../../../../models/Settings/Signature";

interface SignaturesListProps {
    signatures?: Signature[]
    handleEdit: (sign: Signature) => void
    handleDelete: (sign: Signature) => void
}

const SignatureList = ({handleDelete, handleEdit, signatures}: SignaturesListProps) => {
    
    return (
        <div>
            {
                signatures?.map(sign=>
                 <ListRow key={sign.id}>
                    <TextColumn large align={"left"} flex={'450px'}>
                        <b>{sign.title}</b>
                    </TextColumn>
                    <TextColumn medium align={"left"}>
                        {
                            sign.is_public === 1 && <b>PUBLIC</b>
                        }
                        {
                            sign.is_public === 0 && <b>PRIVATE</b>
                        }        
                    </TextColumn>
        
                    <ListActions>
                        <ul>
                            {sign.title !== 'default' ? <><li onClick={() => handleEdit(sign)}>Επεξεργασία</li>
                                <li onClick={() => handleDelete(sign)}>Διαγραφή</li></> : <li>Δεν υπάρχουν Ενέργειες</li> }
                        </ul>
                    </ListActions>
                </ListRow>
            )
            }
        </div>
       
    );
}

export default SignatureList;