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";
import './SignaturesList.scss';
import React from "react";
import DuaList from "../../../../UI/DuaList/DuaList";

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

const SignatureList = ({handleDelete, handleEdit, signatures}: SignaturesListProps) => {

    return (
        <>
            {
                signatures &&
                <DuaList>

                    {
                        signatures.map(sign => {
                            return (
                                <ListRow
                                    _key={sign.id}
                                    key={sign.id}>

                                    <TextColumn
                                        label={'ΤΙΤΛΟΣ'}
                                        title={sign.title}
                                        size={'14px'}
                                        align={"left"}
                                        flex={'0 0 100px'}>
                                        <b>{sign.title =='default'? "Προεπιλογή":sign.title}</b>
                                    </TextColumn>

                                    <TextColumn
                                        label={'ONOMA'}
                                        title={sign.text} size={'14px'} align={"left"} flex={'1 0 350px'}>
                                        <b>{sign.text}</b>
                                    </TextColumn>

                                    <TextColumn
                                        label={'ONOMA ΑΓΓΛΙΚΑ'}
                                        title={sign.text_en} size={'14px'} align={"left"} flex={'1 0 350px'}>
                                        <b>{sign.text_en}</b>
                                    </TextColumn>
                                    <TextColumn
                                        label={'ΕΧΕΙ ΕΞΟΥΣΙΟΔΟΤΗΣΗ'}
                                        size={'12px'} align={"left"} flex={'1 0 100px'}>
                                        {
                                            sign.is_public === 1 && <b>ΔΗΜΟΣΙΑ</b>
                                        }
                                        {
                                            sign.is_public === 0 && <b>ΙΔΙΩΤΙΚΗ</b>
                                        }
                                    </TextColumn>

                                    {sign.title !== 'default' ?
                                        <ListActions>
                                            <ul>
                                                <>
                                                    <li onClick={() => handleEdit(sign)}>Επεξεργασία</li>
                                                    <li onClick={() => handleDelete(sign)}>Διαγραφή</li>
                                                </>
                                            </ul>
                                        </ListActions>
                                        : <div></div>}

                                        </ListRow>
                                        );
                                    })
                                    }
                                </DuaList>
                        }
                        </>
                        );
                    }

                    export default SignatureList;