{!! Form::model(new App\ComplaintModel, ['route' => ['complaints.store'], 'class'=>'', 'role' => 'form', 'enctype' => 'multipart/form-data']) !!}

    <div class="mdl-card__supporting-text">
        <div class="mdl-grid full-grid padding-0">
            <div class="mdl-cell mdl-cell--12-col-phone mdl-cell--12-col-tablet mdl-cell--12-col-desktop">

                <div class="mdl-grid ">

                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label {{ $errors->has('title') ? 'is-invalid' :'' }}">
                            {!! Form::text('title', NULL, array('id' => 'complaint-title', 'class' => 'mdl-textfield__input mdl-color-text--white')) !!}
                            {!! Form::label('title', 'Title', array('class' => 'mdl-textfield__label mdl-color-text--white')); !!}
                            <span class="mdl-textfield__error">Title is required</span>
                        </div>
                    </div>
                    
                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label mdl-select mdl-select__fullwidth {{ $errors->has('user_level') ? 'is-invalid' :'' }}">
                            {!! Form::select('source', array( 'whatsapp' => 'Whatsapp', 'other' => 'Other'), NULL, array('class' => 'mdl-selectfield__select mdl-textfield__input ', 'id' => 'status')) !!}
                            <label for="complaint_status">
                                <i class="mdl-icon-toggle__label material-icons">arrow_drop_down</i>
                            </label>
                            {!! Form::label('source', 'Complaint Source', array('class' => 'mdl-textfield__label mdl-selectfield__label mdl-color-text--primary')); !!}
                            <span class="mdl-textfield__error"></span>
                        </div>
                    </div>

                    <div class="mdl-cell mdl-cell--12-col-tablet mdl-cell--12-col-desktop">
                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label {{ $errors->has('description') ? 'is-invalid' :'' }}">
                            {!! Form::textarea('description', NULL, array('id' => 'complaint-description', 'class' => 'mdl-textfield__input mdl-color-text--white')) !!}
                            {!! Form::label('description', 'Description', array('class' => 'mdl-textfield__label mdl-color-text--white')); !!}
                            <span class="mdl-textfield__error"></span>
                        </div>
                    </div>

                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label {{ $errors->has('address') ? 'is-invalid' :'' }}">
                            {!! Form::text('address', NULL, array('id' => 'complaint-address', 'class' => 'mdl-textfield__input mdl-color-text--white')) !!}
                            {!! Form::label('address', 'Address', array('class' => 'mdl-textfield__label mdl-color-text--white')); !!}
                            <span class="mdl-textfield__error">Address is required</span>
                        </div>
                    </div>

                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label {{ $errors->has('phone') ? 'is-invalid' :'' }}">
                            {!! Form::text('phone', NULL, array('id' => 'complaint-phone', 'class' => 'mdl-textfield__input mdl-color-text--white')) !!}
                            {!! Form::label('phone', 'User Phone', array('class' => 'mdl-textfield__label mdl-color-text--white')); !!}
                            <span class="mdl-textfield__error">User ID is required</span>
                        </div>
                    </div>

                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label mdl-select mdl-select__fullwidth {{ $errors->has('user_level') ? 'is-invalid' :'' }}">
                            {!! Form::select('complaint_status', array( 'open' => 'Open', 'pending' => 'Pending', 'resolved' => 'Resolved', 'closed' => 'Closed'), NULL, array('class' => 'mdl-selectfield__select mdl-textfield__input ', 'id' => 'status')) !!}
                            <label for="complaint_status">
                                <i class="mdl-icon-toggle__label material-icons">arrow_drop_down</i>
                            </label>
                            {!! Form::label('completed', 'Task Status', array('class' => 'mdl-textfield__label mdl-selectfield__label mdl-color-text--primary')); !!}
                            <span class="mdl-textfield__error"></span>
                        </div>
                    </div>

                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label mdl-select mdl-select__fullwidth {{ $errors->has('user_level') ? 'is-invalid' :'' }}">
                            {!! Form::select('assign', array( 'admin' => 'Admin', 'engineer' => 'Engineer', 'technician' => 'Technician'), NULL, array('class' => 'mdl-selectfield__select mdl-textfield__input', 'id' => 'assign')) !!}
                            <label for="complaint_status">
                                <i class="mdl-icon-toggle__label material-icons">arrow_drop_down</i>
                            </label>
                            {!! Form::label('assign', 'Assign', array('class' => 'mdl-textfield__label mdl-selectfield__label mdl-color-text--primary')); !!}
                            <span class="mdl-textfield__error"></span>
                        </div>
                    </div>   

                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                        {!! Form::file('image', array('class' => 'image')) !!}
                        
                    </div>

                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                        {!! Form::file('image1', array('class' => 'image')) !!}
                        
                    </div>

                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                        {!! Form::file('image2', array('class' => 'image')) !!}
                        
                    </div>

                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                        {!! Form::file('image3', array('class' => 'image')) !!}
                        
                    </div>

                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                        {!! Form::file('image4', array('class' => 'image')) !!}
                        
                    </div>

                    <div class="mdl-cell mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
                        {!! Form::file('image5', array('class' => 'image')) !!}
                        
                    </div>

                </div>
            </div>

        </div>
    </div>

    <div class="mdl-card__actions padding-top-0">
        <div class="mdl-grid padding-top-0">
            <div class="mdl-cell mdl-cell--12-col padding-top-0 margin-top-0 margin-left-1-1">

                <span class="save-actions">
                    {!! Form::button('Create Complaint', array('class' => 'dialog-button-save mdl-button mdl-js-button mdl-js-ripple-effect mdl-color--primary mdl-color-text--white mdl-button--raised margin-bottom-1 margin-top-1 margin-top-0-desktop margin-right-1 padding-left-1 padding-right-1 ')) !!}
                </span>

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

    <div class="mdl-card__menu mdl-color-text--white">

        <span class="save-actions">
            {!! Form::button('<i class="material-icons">save</i>', array('class' => 'dialog-button-icon-save mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect mdl-button-colored', 'title' => 'Update Complaint')) !!}
        </span>

    </div>

    @include('dialogs.dialog-save')

{!! Form::close() !!}