<div ng:controller="ContactController" class="row-fluid" id="body-main">
    <script type="text/javascript">
        /* Flexslider */
        $(window).load(function () {
            "use strict";
            $('.flexslider').flexslider({
                animation: "fade",
                start: function (slider) {
                    $('.np-controls a.next').click(function (event) {
                        event.preventDefault();
                        slider.flexAnimate(slider.getTarget("next"));
                    });
                    $('.np-controls a.previous').click(function (event) {
                        event.preventDefault();
                        slider.flexAnimate(slider.getTarget("previous"));
                    });
                }
            });
        });
    </script>
    <div class="flexslider">
        <div class="slides">
            <section class="flex-active">
                <div class="item contact" id="5">
                    <div class="page-head">
                        <div class="row">
                            <div class="col-md-5">
                                <h3>Kontakt</h3>
                            </div>
                            <div class="col-md-7">
                                <div class="np-main">
                                    <div class="np-controls">
                                        <a href="#/blogs" class="previous"><i class="fa fa-arrow-circle-left"></i></a>
                                        <a href="#" class="next"><i class="fa fa-arrow-circle-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="map">
                        <div class="gmap">
                            <div id="map"></div>
                        </div>
                    </div>
                    <div class="contact-info">
                        <h4>Kontakt info</h4>
                        <ul>
                            <li><i class="fa fa-home"></i> Nemanjina br.3, Laktaši</li>
                            <li><i class="fa fa-phone"></i> +387 (065) 561-392</li>
                            <li><i class="fa fa-envelope"></i> master@nenadjesic.com</li>
                        </ul>
                    </div>
                    <div class="contact-form">
                        <h4>Pošalji poruku</h4>
                        <form id="contactForm"  method="post">
                            <div class="row">
                                <div class="col-md-4">
                                    <input type="text" class="col6" name="Ime" ng:model="formp.Ime" placeholder="ime" required />
                                    <div ng:show="errors['model.Ime'][0]" class="error">{{$resource(errors['newsletters.ime'][0])}}</div>
                                    <input type="email" name="Email" ng:model="formp.Email" placeholder="e-mail" required />
                                    <div ng:show="errors['model.Email'][0]" class="error">{{$resource(errors['newsletters.email'][0])}}</div>
                                    <input type="text" rows="5" name="Title" ng:model="formp.Title" placeholder="Subject" required />
                                    <div ng:show="errors['model.Title'][0]" class="error">{{$resource(errors['newsletters.title'][0])}}</div>
                                </div>
                                <div class="col-md-8">
                                    <textarea class="span5" rows="7" type="text" name="Content" ng:model="formp.Content" placeholder="Message" required />
                                    <div ng:show="errors['model.Content'][0]" class="error">{{$resource(errors['newsletters.content'][0])}}</div>
                                    <button type="submit" ng:click="sendMessage()">Pošalji poruku</button>
                                </div>
                            </div>
                        </form>
                        <div id="successMessage">
                            <span class="close" ng:click="ui.alert=null"><i class="fa fa-ok"></i></span>
                            <h4 data-ng-bind="ui.alert.text"></h4>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>

