@extends('layouts.iconbar')

@section('title')
Create Customer
@endsection

@section('breadcrumbs')
{{ Breadcrumbs::render(\Request::route()->getName()) }}
@endsection

@section('content')
<div class="page-content">
    <div class="panel">
        <div class="panel-body">
            <div class="row">
                <div class="col-md-12">
                    {!! Form::open(['method' => 'POST', 'route' => ['admin.customers.store'], 'class' => 'needs-validation', 'novalidate']) !!}

                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::select('customer_group_id', $customer_groups, old('customer_group_id'), ['class' => 'form-control select2','id' => 'customer_group_id']) !!}
                                {!! Form::label('customer_group_id', trans('global.users.fields.customer_group').'*', ['class' => 'floating-label']) !!}
                                <div class="invalid-feedback">
                                    Please select customer group.
                                </div>
                                @if($errors->has('customer_group_id'))
                                <p class="error-block">
                                    {{ $errors->first('customer_group_id') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::select('account_manager_id', $global_admin, old('account_manager_id'), ['class' => 'form-control select2','id' => 'account_manager']) !!}
                                {!! Form::label('account_manager_id', trans('global.users.fields.account_manager').'*', ['class' => 'floating-label']) !!}
                                <div class="invalid-feedback">
                                    Please select account manager.
                                </div>
                                @if($errors->has('account_manager_id'))
                                <p class="error-block">
                                    {{ $errors->first('account_manager_id') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-3 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('name', old('name'), ['class' => 'form-control', 'placeholder' => '', 'required' => '']) !!}
                                {!! Form::label('name', trans('global.users.fields.name').'*', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter first name.
                                </div>
                                @if($errors->has('name'))
                                <p class="error-block">
                                    {{ $errors->first('name') }}
                                </p>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-3 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('last_name', old('last_name'), ['class' => 'form-control', 'placeholder' => '', 'required' => '']) !!}
                                {!! Form::label('last_name', trans('global.users.fields.last-name').'*', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter last name.
                                </div>
                                @if($errors->has('last_name'))
                                <p class="error-block">
                                    {{ $errors->first('last_name') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('company_name', old('company_name'), ['class' => 'form-control', 'placeholder' => '', 'required' => '']) !!}
                                {!! Form::label('company_name', trans('global.users.fields.company-name').'*', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter company name.
                                </div>
                                @if($errors->has('company_name'))
                                <p class="error-block">
                                    {{ $errors->first('company_name') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('owner', old('owner'), ['class' => 'form-control', 'placeholder' => '', 'required' => '']) !!}
                                {!! Form::label('owner', trans('global.users.fields.owner').'*', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter owner name.
                                </div>
                                @if($errors->has('owner'))
                                <p class="error-block">
                                    {{ $errors->first('owner') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::email('email', old('email'), ['class' => 'form-control', 'placeholder' => '', 'required' => '']) !!}
                                {!! Form::label('email', trans('global.users.fields.email').'*', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter a valid email address.
                                </div>
                                @if($errors->has('email'))
                                <p class="error-block">
                                    {{ $errors->first('email') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('phone', old('phone'), ['class' => 'form-control', 'placeholder' => '', 'pattern' => "[0-9]{10}" ] ) !!}
                                {!! Form::label('phone', trans('global.users.fields.phone').'', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter valid phone number. Must be 10 digits.
                                </div>
                                @if($errors->has('phone'))
                                <p class="error-block">
                                    {{ $errors->first('phone') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('mobile', old('mobile'), ['class' => 'form-control', 'placeholder' => '', 'required'=>'', 'pattern' => "[0-9]{10}"]) !!}
                                {!! Form::label('mobile', trans('global.users.fields.mobile').'*', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter valid mobile number. Must be 10 digits.
                                </div>
                                @if($errors->has('mobile'))
                                <p class="error-block">
                                    {{ $errors->first('mobile') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('address_address', old('address_address'), ['class' => 'form-control map-input', 'id' => 'address-input', 'placeholder' => '']) !!}
                                {!! Form::label('address_address', trans('global.users.fields.address').'', ['class' => 'floating-label']) !!}

                                {!! Form::hidden('address_latitude', 0 , ['id' => 'address-latitude']) !!}
                                {!! Form::hidden('address_longitude', 0 , ['id' => 'address-longitude']) !!}
                                <div class="invalid-feedback">
                                    Please enter address.
                                </div>
                                @if($errors->has('address'))
                                <p class="error-block">
                                    {{ $errors->first('address') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div id="address-map-container" style="width:100%;height:1px; ">
                        <div style="width: 1px; height: 1px" id="address-map"></div>
                    </div>
                    @if(!env('GOOGLE_MAPS_API_KEY'))
                    <b>'GOOGLE_MAPS_API_KEY' is not set in the .env</b>
                    @endif

                    {{--<div class="row">--}}
                        {{--<div class="col-md-3 form-group">--}}
                            {{--{!! Form::label('progress_sms_notfications', trans('global.users.fields.progress-sms-notfications').'', ['class' => 'floating-label']) !!}--}}
                            {{--<p class="error-block"></p>--}}
                            {{--@if($errors->has('progress_sms_notfications'))--}}
                            {{--<p class="error-block">--}}
                                {{--{{ $errors->first('progress_sms_notfications') }}--}}
                            {{--</p>--}}
                            {{--@endif--}}
                            {{--<div class="m-radio-inline">--}}
                                {{--<label class="m-radio">--}}
                                    {{--{!! Form::radio('progress_sms_notfications', '1', false, []) !!}--}}
                                    {{--Yes--}}
                                    {{--<span></span>--}}
                                {{--</label>--}}
                                {{--<label class="m-radio">--}}
                                    {{--{!! Form::radio('progress_sms_notfications', '0', false, []) !!}--}}
                                    {{--No--}}
                                    {{--<span></span>--}}
                                {{--</label>--}}
                            {{--</div>--}}

                        {{--</div>--}}

                        {{--<div class="col-md-3 form-group">--}}
                            {{--{!! Form::label('progress_email_notfications', trans('global.users.fields.progress-email-notfications').'', ['class' => 'floating-label']) !!}--}}
                            {{--<p class="error-block"></p>--}}
                            {{--@if($errors->has('progress_email_notfications'))--}}
                            {{--<p class="error-block">--}}
                                {{--{{ $errors->first('progress_email_notfications') }}--}}
                            {{--</p>--}}
                            {{--@endif--}}
                            {{--<div class="m-radio-inline">--}}
                                {{--<label class="m-radio">--}}
                                    {{--{!! Form::radio('progress_email_notfications', '1', false, []) !!}--}}
                                    {{--Yes--}}
                                    {{--<span></span>--}}
                                {{--</label>--}}
                                {{--<label class="m-radio">--}}
                                    {{--{!! Form::radio('progress_email_notfications', '0', false, []) !!}--}}
                                    {{--No--}}
                                    {{--<span></span>--}}
                                {{--</label>--}}
                            {{--</div>--}}

                        {{--</div>--}}


                    {{--</div>--}}

                    {{--<div class="row">--}}
                        {{--<div class="col-md-3 form-group">--}}
                            {{--{!! Form::label('job_email_notfications', trans('global.users.fields.job-email-notfications').'', ['class' => 'floating-label']) !!}--}}
                            {{--<p class="error-block"></p>--}}
                            {{--@if($errors->has('job_email_notfications'))--}}
                            {{--<p class="error-block">--}}
                                {{--{{ $errors->first('job_email_notfications') }}--}}
                            {{--</p>--}}
                            {{--@endif--}}
                            {{--<div class="m-radio-inline">--}}
                                {{--<label class="m-radio">--}}
                                    {{--{!! Form::radio('job_email_notfications', '1', false, []) !!}--}}
                                    {{--Yes--}}
                                    {{--<span></span>--}}

                                {{--</label>--}}
                                {{--<label class="m-radio">--}}
                                    {{--{!! Form::radio('job_email_notfications', '0', false, []) !!}--}}
                                    {{--No--}}
                                    {{--<span></span>--}}

                                {{--</label>--}}
                            {{--</div>--}}

                        {{--</div>--}}

                        {{--<div class="col-md-3 form-group">--}}
                            {{--{!! Form::label('job_sms_notfications', trans('global.users.fields.job-sms-notfications').'', ['class' => 'floating-label']) !!}--}}
                            {{--<p class="error-block"></p>--}}
                            {{--@if($errors->has('job_sms_notfications'))--}}
                            {{--<p class="error-block">--}}
                                {{--{{ $errors->first('job_sms_notfications') }}--}}
                            {{--</p>--}}
                            {{--@endif--}}
                            {{--<div class="m-radio-inline">--}}
                                {{--<label class="m-radio">--}}
                                    {{--{!! Form::radio('job_sms_notfications', '1', false, []) !!}--}}
                                    {{--Yes--}}
                                    {{--<span></span>--}}

                                {{--</label>--}}

                                {{--<label class="m-radio">--}}
                                    {{--{!! Form::radio('job_sms_notfications', '0', false, []) !!}--}}
                                    {{--No--}}
                                    {{--<span></span>--}}

                                {{--</label>--}}
                            {{--</div>--}}

                        {{--</div>--}}
                    {{--</div>--}}

                    <p><b>Enter (up to) three emails / phone numbers you would like notifications sent to</b></p>

                    <div class="row">
                        <div class="col-md-3 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::email('email2', old('email2'), ['class' => 'form-control', 'placeholder' => '']) !!}
                                {!! Form::label('email2', trans('global.users.fields.email').'', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter valid email.
                                </div>
                                @if($errors->has('email2'))
                                <p class="error-block">
                                    {{ $errors->first('email2') }}
                                </p>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-3 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('mobile2', old('mobile2'), ['class' => 'form-control', 'placeholder' => '', 'pattern' => "[0-9]{10}"]) !!}
                                {!! Form::label('mobile2', trans('global.users.fields.mobile').'', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter valid mobile number upto 10 digits.
                                </div>
                                @if($errors->has('mobile2'))
                                <p class="error-block">
                                    {{ $errors->first('mobile2') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-3 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::email('email3', old('email3'), ['class' => 'form-control', 'placeholder' => '']) !!}
                                {!! Form::label('email3', trans('global.users.fields.email').'', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter valid number upto 10 digits.
                                </div>
                                @if($errors->has('email3'))
                                <p class="error-block">
                                    {{ $errors->first('email3') }}
                                </p>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-3 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('mobile3', old('mobile3'), ['class' => 'form-control', 'placeholder' => '', 'pattern' => "[0-9]{10}"]) !!}
                                {!! Form::label('mobile3', trans('global.users.fields.mobile').'', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter valid number upto 10 digits.
                                </div>
                                @if($errors->has('mobile3'))
                                <p class="error-block">
                                    {{ $errors->first('mobile3') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>


                    <div class="row">
                        <div class="col-md-3 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::email('email4', old('email4'), ['class' => 'form-control', 'placeholder' => '']) !!}
                                {!! Form::label('email4', trans('global.users.fields.email').'', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter email.
                                </div>
                                @if($errors->has('email4'))
                                <p class="error-block">
                                    {{ $errors->first('email4') }}
                                </p>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-3 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">

                                {!! Form::text('mobile4', old('mobile4'), ['class' => 'form-control', 'placeholder' => '', 'pattern' => "[0-9]{10}"]) !!}
                                {!! Form::label('mobile4', trans('global.users.fields.mobile').'', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter number upto 10 digits.
                                </div>
                                @if($errors->has('mobile4'))
                                <p class="error-block">
                                    {{ $errors->first('mobile4') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::password('password', ['class' => 'form-control', 'placeholder' => '', 'required' => '', 'id' =>'password']) !!}
                                {!! Form::label('password', trans('global.users.fields.password').'*', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter password.
                                </div>
                                @if($errors->has('password'))
                                <p class="error-block">
                                    {{ $errors->first('password') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::password('password_confirmation', ['class' => 'form-control', 'placeholder' => '', 'required' => 'required', 'id' =>'confirm_password']) !!}
                                {!! Form::label('password_confirmation', trans('global.users.fields.password-confirmed').'*', ['class' => 'floating-label']) !!}

                                <div class="invalid-feedback">
                                    Please enter confirmation password same as above.
                                </div>
                                @if($errors->has('password_confirmation'))
                                <p class="error-block">
                                    {{ $errors->first('password_confirmation') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                    {!! Form::hidden('role[]', 3, old('role'), ['class' => 'form-control', 'required' => '']) !!}

                    {!! Form::button(trans('global.app_save'), ['class' => 'btn btn-info', 'type' => 'submit']) !!}
                    {!! Form::close() !!}

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



@stop

@section('javascript')
@parent
<script>
// Example starter JavaScript for disabling form submissions if there are invalid fields
(function() {
  'use strict';
  window.addEventListener('load', function() {
    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.getElementsByClassName('needs-validation');
    // Loop over them and prevent submission
    var validation = Array.prototype.filter.call(forms, function(form) {
      form.addEventListener('submit', function(event) {
        if (form.checkValidity() === false) {
          event.preventDefault();
          event.stopPropagation();
      }
      form.classList.add('was-validated');
  }, false);
  });
}, false);
})();

var password = document.getElementById("password")
, confirm_password = document.getElementById("confirm_password");

function validatePassword(){
  if(password.value != confirm_password.value) {
    confirm_password.setCustomValidity("Passwords Don't Match");
} else {
    confirm_password.setCustomValidity('');
}
}

password.onchange = validatePassword;
confirm_password.onkeyup = validatePassword;

</script>
<script src="/adminlte/js/mapInput.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key={{ env('GOOGLE_MAPS_API_KEY') }}&libraries=places&callback=initialize" async defer></script>

<script>
    $("#selectbtn-role").click(function(){
        $("#selectall-role > option").prop("selected","selected");
        $("#selectall-role").trigger("change");
    });
    $("#deselectbtn-role").click(function(){
        $("#selectall-role > option").prop("selected","");
        $("#selectall-role").trigger("change");
    });
</script>
@stop