@extends('decorator.console')

@section('page-title')
    {{ trans('employee.contact.title') }}
@stop

@section('html-head')
    <meta name="menu" content="administrationMenu">
@stop

@section('page-wrapper')
    <div class="row">
        <div class="col-md-12">
            <h1 class="page-header"> {{ trans('employee.contact.heading') }} </h1>
            <p> {{ trans('employee.contact.message') }} </p>
            <ol class="breadcrumb breadcrumb-dark col-md-12">
                <li><a href="{{ url('/console/dashboard') }}"> {{ trans('breadcrumb.dashboard') }} </a></li>
                <li class="active"> {{ trans('breadcrumb.administration.employee') }} </li>
            </ol>
        </div>
    </div>

    @include('common.console.message')

    @if($employee->id)
        @include('console.tab.employeeform')
    @endif

    <form id="employeeForm" class="well form-horizontal" action="{{ url('/console/employeeform-contact') }}"
          method="post" enctype="multipart/form-data" >

        {!! csrf_field() !!}

        <input id="id" name="id" type="hidden" value="{{ $employee->id }}">

        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="address_address" class="col-md-4 control-label"> {{ trans('employee.label.address_address') }} </label>
                    <div class="col-md-8">
                        <textarea id="address_address" name="address_address" class="form-control" rows="2"> {{ $employee->address_address }} </textarea>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="address_city" class="col-md-4 control-label"> {{ trans('employee.label.address_city') }} </label>
                    <div class="col-md-8">
                        <input id="address_city" name="address_city" class="form-control" type="text"
                               value="{{ $employee->address_city }}">
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="address_state" class="col-md-4 control-label"> {{ trans('employee.label.address_state') }} </label>
                    <div class="col-md-8">
                        <input id="address_state" name="address_state" class="form-control" type="text"
                               value="{{ $employee->address_state }}">
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="address_zip" class="col-md-4 control-label"> {{ trans('employee.label.address_zip') }} </label>
                    <div class="col-md-8">
                        <input id="address_zip" name="address_zip" class="form-control" type="text"
                               value="{{ $employee->address_zip }}">
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="address_country" class="col-md-4 control-label"> {{ trans('employee.label.address_country') }} </label>
                    <div class="col-md-8">
                        <input id="address_country" name="address_city" class="form-control" type="text"
                               value="{{ $employee->address_country }}">
                    </div>
                </div>
            </div>
        </div>

        <div class="clear-large" style="border-top : 1px solid #bbb;"></div>

        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="email" class="col-md-4 control-label"> {{ trans('employee.label.email') }} </label>
                    <div class="col-md-8">
                        <input id="email" name="email" class="form-control" type="text"
                               value="{{ $employee->email }}">
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="other_email" class="col-md-4 control-label"> {{ trans('employee.label.other_email') }} </label>
                    <div class="col-md-8">
                        <input id="other_email" name="other_email" class="form-control" type="text"
                               value="{{ $employee->other_email }}">
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="mobile_phone" class="col-md-4 control-label"> {{ trans('employee.label.mobile_phone') }} </label>
                    <div class="col-md-8">
                        <input id="mobile_phone" name="mobile_phone" class="form-control" type="text"
                               value="{{ $employee->mobile_phone }}">
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="work_phone" class="col-md-4 control-label"> {{ trans('employee.label.work_phone') }} </label>
                    <div class="col-md-8">
                        <input id="work_phone" name="other_email" class="form-control" type="text"
                               value="{{ $employee->work_phone }}">
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="ext_number" class="col-md-4 control-label"> {{ trans('employee.label.ext_number') }} </label>
                    <div class="col-md-8">
                        <input id="ext_number" name="ext_number" class="form-control" type="text"
                               value="{{ $employee->ext_number }}">
                    </div>
                </div>
            </div>
        </div>


        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                
                <a class="btn btn-default cancel-employee" href="{{ url('/console/employees') }}" title="Cancel">
                    <i class="fa fa-remove"></i> Done
                </a>
            </div>
        </div>
    </form>


    <script>
        $("#employeeForm").submit(function(event){
            var $form = $(this);
            var $inputs = $form.find("input, select, button, textarea");
            var serializedData = $form.serialize();
            $inputs.prop("disabled", true);

            pleaseWaitDialog.showPleaseWait();
            request = $.ajax({
                url: $form.attr('action'),
                type: "post",
                data: serializedData
            });

            request.done(function (result, textStatus, jqXHR){
                console.log( "RESULT : " + JSON.stringify(result));
                pleaseWaitDialog.hidePleaseWait();
                if (result.status == "OK") {
                    swal({
                        title: "Success!",
                        text: result.errorMessage,
                        type: "success",
                        showCancelButton: false,
                        confirmButtonColor: "#4cae4c",
                        confirmButtonText: "OK",
                        closeOnConfirm: false
                    }, function(){
                                                    window.location = "{{ url('/console/employeeform-contact?from=form') }}&id="+result.returnData.id;
                                            });
                } else if (result.status == "ERROR") {
                    ErrorMessage = "";
                    $.each(result.returnData.errors, function(i, error) {
                        ErrorMessage = ErrorMessage + error + "<br>";
                    });
                    swal({title: result.errorMessage, text: ErrorMessage, type: "warning", html: true });
                } else {
                    swal({title: "Error!", text: "Something went wrong! Please contact Administrator.", type: "error", html: true });
                }
                $inputs.prop("disabled", false);
            });

            request.fail(function (result, textStatus, errorThrown){
                pleaseWaitDialog.hidePleaseWait();
                swal("Error!", result.responseText, "error");
                //console.error("The following error occurred: "+ textStatus, errorThrown);
            });

            request.always(function () {});

            event.preventDefault();
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function() {
            $("input[type='text']:visible:enabled:first", document.forms['employeeForm']).focus();
        });
    </script>

@stop