@extends('soap.layout.main')

@section('content')

    <div class="m-content m-container m-container--responsive m-container--xxl m-page__container" style="margin-top: 180px;">

        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <h3 class="m-portlet__head-text">
                            REGISTRATION EDIT
                            <small>
                                {{ $user->email }}
                            </small>
                        </h3>
                    </div>
                </div>

            </div>
            <div class="m-portlet__body">

                <!-- messages -->
                <div class="col-xs-12">
                    @if($errors->any())
                        <div class="m-alert m-alert--outline alert alert-danger alert-dismissible fade show" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            </button>
                            @foreach ($errors->all() as $error)
                                {{ $error }}
                            @endforeach
                        </div>
                    @else
                        @if(session()->has('message-valid'))
                            <div class="m-alert m-alert--outline alert alert-success alert-dismissible fade show" role="alert">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                </button>
                                {!!  session('message-valid')  !!}
                            </div>
                        @endif
                        @if(session()->has('message-unvalid'))
                            <div class="m-alert m-alert--outline alert alert-danger alert-dismissible fade show" role="alert">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                </button>
                                {!! session('message-unvalid')  !!}
                            </div>
                        @endif
                    @endif
                </div>

                <div class="m-form__content">
                    <div class="m-alert m-alert--icon alert alert-danger m--hide" role="alert" id="UserFormMsg">
                        <div class="m-alert__icon">
                            <i class="la la-warning"></i>
                        </div>
                        <div class="m-alert__text">
                            Change a few things up and try submitting again.
                        </div>
                        <div class="m-alert__close">
                            <button type="button" class="close" data-close="alert" aria-label="Close">
                            </button>
                        </div>
                    </div>
                </div>

                <form class="m-form m-form--fit m-form--label-align-right"  method="POST" action="{{ route('clients.update', ['id' => $user->id]) }}" accept-charset="UTF-8" enctype="multipart/form-data" role="form" id="UserForm" novalidate="novalidate">
                    <input name="_method" type="hidden" value="PUT">
                    <input name="_token" type="hidden" value="{{ session()->token() }}">

                    <div class="m-portlet__body">

                        <div class="form-group m-form__group row">
                            <label for="example-text-input" class="col-2 col-form-label">Email</label>
                            <div class="col-10">
                                <input class="form-control m-input" type="text" name="email" value="{{ old('email', $user->email ?? '') }}" required>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label for="example-text-input" class="col-2 col-form-label">Phone</label>
                            <div class="col-10">
                                <input class="form-control m-input" type="text" name="phone" value="{{ old('phone', $user->phone ?? '') }}">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label for="example-text-input" class="col-2 col-form-label">Company</label>
                            <div class="col-10">
                                <input class="form-control m-input" type="text" name="company" value="{{ old('company', $user->company ?? '') }}">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label for="example-text-input" class="col-2 col-form-label">Company Type</label>
                            <div class="col-10">
                                <input class="form-control m-input" type="text" name="company_type" value="{{ old('company_type', $user->company_type ?? '') }}">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label for="example-text-input" class="col-2 col-form-label">Bulstat</label>
                            <div class="col-10">
                                <input class="form-control m-input" type="text" name="bulstat" value="{{ old('bulstat', $user->bulstat ?? '') }}">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label for="example-text-input" class="col-2 col-form-label">Person for contact</label>
                            <div class="col-10">
                                <input class="form-control m-input" type="text" name="person" value="{{ old('person', $user->person ?? '') }}">
                            </div>
                        </div>

                        <div class="form-group m-form__group row" style="margin-top: 30px">
                            <label for="example-text-input" class="col-2 col-form-label"></label>
                            <div class="col-10">
                                <div class="">
                                    <h5 class="m-form__heading-title">Administration fields</h5>
                                </div>
                            </div>
                        </div>



                        <div class="form-group m-form__group row">
                            <label for="example-text-input" class="col-2 col-form-label">Support Email</label>
                            <div class="col-10">
                                <input class="form-control m-input" type="text" name="email_support" value="{{ old('email_support', $user->email_support ?? '') }}">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label for="example-text-input" class="col-2 col-form-label">Client Number</label>
                            <div class="col-10">
                                <input class="form-control m-input" type="text" name="client_no" value="{{ old('client_no', $user->client_no ?? '') }}">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label for="example-text-input" class="col-2 col-form-label">Activated</label>
                            <div class="col-10">
                                <span class="m-switch m-switch--icon">
                                    <label>
                                        <input type="checkbox" value="1" name="activated" @if($user->activated) checked="checked" @endif >
                                        <span></span>
                                    </label>
                                </span>
                            </div>
                        </div>


                    </div>
                    <div class="m-portlet__foot m-portlet__foot--fit">
                        <div class="m-form__actions">
                            <div class="row">
                                <div class="col-2">
                                </div>
                                <div class="col-10">
                                    <button type="submit" class="btn btn-success">Submit</button>
                                    <button type="reset" class="btn btn-secondary">Cancel</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                <!--end: Table DataTable -->
            </div>
        </div>

    </div>
@stop





@push('scripts')
<script>
    jQuery(document).ready(function() {
        $("#UserForm").validate({
            // define validation rules
            rules: {
                email: {
                    email: true
                },
                email_support: {
                    email: true
                }
            },

            //display error alert on form submit
            invalidHandler: function (event, validator) {
                var alert = $('#UserFormMsg');
                alert.removeClass('m--hide').show();
                mApp.scrollTo(alert, -200);
            },

            submitHandler: function (form) {
                form[0].submit(); // submit the form
            }
        });
    });
</script>
@endpush