@extends('layouts.app')

@section('title-head','contact')

@section('content')
<div id="primary" class="content-area">
    <main id="main" class="site-main mb-5">
                    <!-- Contact Info -->
                    <div class="d-flex justify-content-center mt-5 py-5 pt-0">
                        <div class="row p-5 d-flex justify-content-center rounded-4 container beige-background contact-info" style="border-radius: 50px; height: 35rem;">
                            <div class="col-lg-6 col-12">
                                <h1>Επικοινωνία</h1>
                            </div>
                                <a class="col-lg-6 col-12" href="https://maps.app.goo.gl/37TkFtwepQziFEnR6" target="_blank"><h5 class="text-white mt-4">Αγ. Λουκάς, Καβάλα 654 04</h5></a>
                                <a class="col-lg-6 col-12" href="tel:6902739384" target=""><h5 class="text-white">6902739384</h5></a>
                                <a class="col-lg-6 col-12" href="mailto:kosamou@mst.ihu.gr"><h5 class="text-white">kosamou@mst.ihu.gr</h5></a>
                            <div class="contact-days d-flex justify-content-center align-items-center row">
                                <h5 class="col-lg-5 col-12 text-white lh-1 p-0 pe-2">Στα περίπτερα </h5>
                                <h5 class="col-lg-7 col-12 text-white lh-1 p-0 text-left">κάθε Τρίτη & Παρασκευή</h5>
                            </div>
                        </div>
                    </div>
                    <div class="contain d-flex justify-content-center">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14861.961727466156!2d24.3943550321738!3d40.93432929593208!
                        2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14aeba5320b72bd1%3A0xc30420853816ff38!2sInternational%20Hellenic%20Univer
                        sity!5e0!3m2!1sen!2sgr!4v1706619121773!5m2!1sen!2sgr" style="border:0; width:60%;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>


                    <!-- Contact Form -->
                    <div class="row">
                        <div class="col-12 d-flex justify-content-center">
                            <h3 class="beige-text">Στείλτε μας Μέιλ</h3>
                        </div>
                        <div class="col-12 d-flex justify-content-center">
                            <div class="form-width p-5 d-flex justify-content-center">
                                <form>
                                    <div class="mb-3">
                                        <label for="exampleInputEmail1" class="form-label">Email</label>
                                        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
                                        <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
                                    </div>
                                    <div class="mb-3">
                                        <label for="theme" class="form-label">Θέμα</label>
                                        <input type="text" class="form-control" id="theme" aria-describedby="Theme">
                                        <div id="theme" class="form-text">Το θέμα του email σας</div>
                                    </div>
                                    <div class="mb-3">
                                        <label for="exampleFormControlTextarea1" class="form-label">Μήνυμα</label>
                                        <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
                                    </div>
                                    <button type="submit" class="btn p-3 btn-primary">Submit</button>
                                </form>
                            </div>
                        </div>
                    </div>


    </main><!-- #main -->
</div>
@endsection