@extends('frontend3')
@section('meta')
    <meta property="og:url" content="{{ url()->current() }}"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Liên hệ - Phần mềm quản lý nhà trọ ITRO"/>
    <meta property="og:description"
          content="Bạn có thể tìm thấy thông tin chi tiết liên hệ và địa chỉ cụ thể của ITRO tại trang này. Hỗ trợ tư vấn cũng như hỗ trợ cài đặt sử dụng miễn phí"/>
    <meta property="og:image" content="{{url('frontend3/stock2/home-bg1-dark.jpg')}}"/>
@endsection
@section('content')
    <div id="siteContent" class="site-content">
        <div class="itr-contact-page">
            <div class="container">
                <div class="ht-depth-1 pa-12">
                    <div class="itr-contact__wrapper">
                        <h1 class="itr-contact__title">Liên hệ</h1>
                        <div class="row">
                            <div class="col-xs-12 col-md-7 pb-24">
                                <div class="single-contact-line">
                                    <h3 class="fz-18 ma-0">Itro Team</h3>
                                </div>
                                <div class="single-contact-line">
                                    <span class="contact-icon"><i class="ion-email"></i></span>
                                    <span class="contact-info"><a href="mailto:contact@itro.vn">contact@itro.vn</a></span>
                                </div>
                                <div class="single-contact-line">
                                    <span class="contact-icon"><i class="ion-android-call"></i></span>
                                    <span class="contact-info"><a href="tel:0868987355"> 086.8987.355 </a></span>
                                </div>
                                <div class="single-contact-line">
                                    <span class="contact-icon"><i class="ion-ios-location"></i></span>
                                    <span class="contact-info"><a href="https://goo.gl/maps/VoePfnvw7tC2" target="_blank"> Tầng 4, tháp T1, toà nhà Times Tower, 35 Lê Văn Lương, Thanh Xuân, Hà Nội</a></span>
                                </div>
                                <div class="single-contact-line mt-20">
                                        <iframe class="col-md-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3724.794453337652!2d105.79875881403254!3d21.00087498601349!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135abb005700203%3A0x2a02e4f1867e5560!2zSXRyby52biAtIFBo4bqnbiBt4buBbSBxdeG6o24gbMO9IG5ow6AgdHLhu40sIEPhu5VuZyB0aMO0bmcgdGluIHTDrG0gdHLhu40u!5e0!3m2!1svi!2s!4v1569999209656!5m2!1svi!2s" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
                                    {{--<a href="https://www.facebook.com/itro.vn/" target="_blank"--}}
                                       {{--class="social-icon color-facebook mr-8"><i class="ion-social-facebook fz-24"></i> Itro.vn</a>--}}
                                    {{--<a href="#" class="social-icon color-twitter mr-8"><i class="ion-social-twitter fz-24"></i></a>--}}
                                    {{--<a href="#" class="social-icon color-youtube mr-8"><i class="ion-social-youtube fz-24"></i></a>--}}
                                </div>
                            </div>
                            <div class="col-xs-12 col-md-5">
                                <form action="{{ url('contact') }}" method="post">
                                    {!! csrf_field() !!}
                                    <div class="form-title mb-12">Liên hệ với chúng tôi</div>
                                    <div class="row">
                                        <div class="col-xs-6">
                                            <div class="form-group">
                                                <label for="#" class="sr-only">Họ tên</label>
                                                <input type="text" class="form-control" placeholder="Tên của bạn (*)" name="name">
                                            </div>
                                        </div>
                                        <div class="col-xs-6">
                                            <div class="form-group">
                                                <label for="#" class="sr-only">Email</label>
                                                <input type="email" class="form-control" placeholder="Email" name="email">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="#" class="sr-only">SĐT</label>
                                        <input type="text" class="form-control" placeholder="SĐT (*)" name="phone">
                                    </div>
                                    <div class="form-group">
                                        <label for="#" class="sr-only">Tiêu đề</label>
                                        <input type="text" class="form-control" placeholder="Tiêu đề (*)" name="title">
                                    </div>
                                    <div class="form-group">
                                        <label for="#" class="sr-only">Nội dung</label>
                                        <textarea rows="4" class="form-control" placeholder="Lời nhắn (*)" name="message"></textarea>
                                    </div>
                                    <div class="form-group text-right">
                                        <button type="submit" class="btn ht-btn-primary px-32">Gửi</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection