@extends('layouts/default')

{{-- Page title --}}
@section('title')
Contact
@parent
@stop

{{-- page level styles --}}
@section('header_styles')
    <!--page level css starts-->
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/frontend/contact.css') }}">
    <!--end of page level css-->
@stop

{{-- breadcrumb --}}
@section('top')
    <div class="breadcum">
        <div class="container">
            <ol class="breadcrumb">
                <li>
                    <a href="{{ route('home') }}"> <i class="livicon icon3 icon4" data-name="home" data-size="18" data-loop="true" data-c="#3d3d3d" data-hc="#3d3d3d"></i>Dashboard
                    </a>
                </li>
                <li class="hidden-xs">
                    <i class="livicon icon3" data-name="angle-double-right" data-size="18" data-loop="true" data-c="#01bc8c" data-hc="#01bc8c"></i>
                    <a href="#">Contact</a>
                </li>
            </ol>
            <div class="pull-right">
                <i class="livicon icon3" data-name="cellphone" data-size="20" data-loop="true" data-c="#3d3d3d" data-hc="#3d3d3d"></i> Contact
            </div>
        </div>
    </div>
@stop


{{-- Page content --}}
@section('content')
    <!-- Map Section Start -->
	 <div class="">
        <div id="map" style="width:100%; height:400px;"></div>
    </div>
	
    <div class="">
        <div class="container">
            <div class="row">

                <!-- //Conatc Form Section End -->
                <!-- Address Section Start -->

                <div class="col-md-12 col-sm-6">

                    <div class="media media-right">
                        <div class="media-left media-top">
                            <a href="#">
                                <div class="box-icon">
                                    <i class="livicon" data-name="users" data-size="22" data-loop="true" data-c="#fff" data-hc="#fff"></i>
                                </div>
                            </a>
                        </div>

                        <div class="media-body">
                            <h4 class="media-heading">Contact 1:</h4>
                            <img src="{!! url('/').'/uploads/users/H9W4CJXwsk.JPG' !!}" alt="profile pic" class="img-max" height="35px" width="35px">
                            <div class="danger">Mulugeta Edmealem</div>
                            <address>
                                Application Development And Administration Expert
                                <br> At DMU ICT Directorate
                                <li><i class="livicon icon3" data-name="mail-alt" data-size="20" data-loop="true" data-c="#ccc" data-hc="#ccc"></i>
                                    Email: mulu.edme@gmail.com
                                <li><i class="livicon icon3" data-name="cellphone" data-size="20" data-loop="true" data-c="#ccc" data-hc="#ccc"></i>
                                    +251-910800775
                                <li><i class="livicon icon3" data-name="cellphone" data-size="20" data-loop="true" data-c="#ccc" data-hc="#ccc"></i>
                                    +251-960830418

                            </address>
                        </div>

                        <div class="media-left media-top">
                            <a href="#">
                                <div class="box-icon">
                                    <i class="livicon" data-name="users" data-size="22" data-loop="true" data-c="#fff" data-hc="#fff"></i>
                                </div>
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">Contact 2:</h4>
                            <img src="{!! url('/').'/uploads/users/gt.jpg' !!}" alt="profile pic" class="img-max" height="38px" width="40px">
                            <div class="danger">Gashaw Taye</div>
                            <address>
                                Application Development And Administration Team Leader
                                <br> At DMU ICT Directorate

                                <li><i class="livicon icon3" data-name="mail-alt" data-size="20" data-loop="true" data-c="#ccc" data-hc="#ccc"></i>
                                    gtforever@gmail.com
                                <li><i class="livicon icon3" data-name="cellphone" data-size="20" data-loop="true" data-c="#ccc" data-hc="#ccc"></i>
                                    +251-911022966
                                <li><i class="livicon icon3" data-name="phone" data-size="20" data-loop="true" data-c="#ccc" data-hc="#ccc"></i>
                                    (+251)-581-78-0012

                            </address>
                        </div>
                    </div>

                </div>
                <!-- //Address Section End -->
            </div>
        </div>
    </div>
    <!-- //map Section End -->
    <!-- Container Section Start -->
    <div class="container">
        <div class="row">
            <!-- Contact form Section Start -->
            <div class="col-md-6">
                <h2>Contact Form</h2>
                <!-- Notifications -->
                @include('notifications')

                <form class="contact" id="contact" action="{{ route('contact') }}" method="POST">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                    <div class="form-group">
                        <input type="text" name="contact-name" class="form-control input-lg" placeholder="Your name" required>
                    </div>
                    <div class="form-group">
                        <input type="email" name="contact-email" class="form-control input-lg" placeholder="Your email address" required>
                    </div>
                    <div class="form-group">
                        <textarea name="contact-msg" class="form-control input-lg no-resize" rows="6" placeholder="Your comment" required></textarea>
                    </div>
                    <div class="input-group">
                        <button class="btn btn-primary" type="submit">submit</button>
                        <button class="btn btn-danger" type="reset">cancel</button>
                    </div>
                </form>
            </div>
            <!-- //Conatc Form Section End -->

        </div>
    </div>
    
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <!-- page level js starts-->
    <script src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script type="text/javascript" src="{{ asset('assets/js/frontend/gmap.js') }}"></script>
    <!--page level js ends-->

@stop