import './css/EmailPage.css'
import Header from '../components/Header/Header';
import ButtonsToolbar from '../components/ButtonsToolbar/ButtonsToolbar';
import StandardBtn from '../components/Button/StandardBtn';


function EmailPage(props) {
    const header = "SLANJE OBAVJEŠTENJA";
    var title1 = 'Odmah';
    var title2 = 'Dnevno';
    var title3 = 'ZAVRŠI';

    return ( 
        <div>
            <Header header={header}/>
            <ButtonsToolbar/>
            <div>
                <h2 className='h2'>Slanje obavještenja</h2>
            </div>
            <div className='buttons-container'>
                <StandardBtn title={title1}/>
                <StandardBtn title={title2}/>
            </div>
            <div className='form'>
                <form method="POST" id="form-email">
                    <div className='email-div'>
                        <input id="email" name='email' placeholder='vas.email@mail.com' required size='250'/>
                        <input id="confirmEmail" name='confirmEmail' placeholder='potvrdite.email@mail.com' required size='250'/>
                    </div>

                </form>
            </div>
            <div>
                <h3 className='h3-2'>*U svakom trenutku možete prekinuti slanje objava kroz
                    link u vašem emailu
                </h3>
            </div>
            <div>
                <StandardBtn title={title3}/>
            </div>
        </div>
        

        


     );
}

export default EmailPage;