@extends('layouts.default')

@section('title', ' - 聯絡我們')

@section('content')

    <div class="jumbotron" style="background-image: url('img/contact_picture.jpg');
            background-repeat: no-repeat;
            background-position: right bottom;
            background-size: cover;
            min-height: 450px;
            padding-top: 0;padding-bottom: 0;margin-bottom: 0;
            ">
        <div class="container">
            <h1 class="text-center" style="font-size: 50px;color:#000000">聯絡我們</h1>

            <div class="form-group">

                @if (count($errors) > 0)
                    <div class="row">
                    <div class="alert alert-danger text-center col-sm-6 col-sm-offset-4 col-md-offset-3 col-xs-10 col-xs-offset-1">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                    </div>
                    </div>
                @endif

            </div>

            {{ Form::open([ 'route'=>['contactUs'], 'class'=>'form-horizontal', 'role'=>'form'] ) }}

                <div class="form-group">
                    {{ Form::label('labelTitle', '主旨', ['class'=>'col-sm-2 col-md-offset-1 control-label','style'=>'font-size:18px;color:#000000']) }}
                    <div class="col-sm-10 col-md-6">
                    {{ Form::text('title','',['class'=>'form-control','required'=>'required','autocomplete'=>'off','placeholder'=>'主旨']) }}
                    </div>
                    </div>
                <div class="form-group">
                    {{ Form::label('labelContext', '意見內容', ['class'=>'col-sm-2 col-md-offset-1 control-label','style'=>'font-size:18px;color:#000000']) }}
                    <div class="col-sm-10 col-md-6">
                    {{ Form::textarea('context','',['class'=>'form-control','required'=>'required','autocomplete'=>'off','size'=>'50x8']) }}
                    </div>
                </div>
                <div class="form-group">
                    {{ Form::label('labelEmail', '信箱', ['class'=>'col-sm-2 col-md-offset-1 control-label','style'=>'font-size:18px;color:#000000']) }}
                    <div class="col-sm-10 col-md-6">
                    {{ Form::text('email','',['class'=>'form-control','autocomplete'=>'off','placeholder'=>'若希望我們回覆，請留下您的信箱，我們會儘快為您回覆']) }}
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-6 col-md-offset-3">
                        <div class="form-group">
                            {{ Form::submit('送出',['class'=>'btn btn-default','style'=>'width:100%;outline:none']) }}
                        </div>
                    </div>
                </div>
            {{ Form::close() }}
        </div>
    </div>

    </div>

@stop

@section('script')
    @parent

    <script> window.onload=function(){ alertify.success("您寶貴的意見是我們前進的動力<br>若您留下電子信箱，我們會盡快回覆您。"); } </script>

@stop