@extends('layouts.front')

@section('title')@lang('Profile Settings') - {{config('app.name')}}@endsection

@section('page-header-title')
    @lang('Profile Settings')
@endsection

@section('page-header-description')
    @lang('View or Change Profile Settings')
@endsection

@section('styles')
    <link href="{{asset('css/front-sidebar-content.css')}}" rel="stylesheet">
    <style>
        .password-eye-icon {
    float: right;
    margin-left: -25px;
    margin-top: -30px;
    position: relative;
    z-index: 999;
    right: 18px;
    cursor: pointer;
}
    </style>
@endsection

@section('content')
    <div class="wrapper wrapper-sticky col-md-10">
        @include('partials.front.sidebar')
        <div class="main_content_bg col-md-9">
            <div class="page-title">
                <h2>@lang('Profile Settings')</h2>
            </div>
            @if(session()->has('profile_updated'))
                <div class="alert alert-success alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    {{session('profile_updated')}}
                </div>
            @endif
            @include('includes.form_errors')
            <div class="col-sm-8 col-sm-offset-1 profile-setting-form">
                {!! Form::model($user, ['method'=>'patch', 'action'=>['FrontSettingsController@updateProfile'], 'onsubmit'=>'submit_button.disabled = true; submit_button.value = "' . __('Please Wait...') . '"; return true;', 'id'=>'update-profile-form']) !!}

                <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                    {!! Form::label('name', __('Name:')) !!}
                    {!! Form::text('name', null, ['class'=>'form-control', 'placeholder'=>__('Enter name'), 'required'])!!}
                </div>

                <div class="form-group{{ $errors->has('mobile') ? ' has-error' : '' }}">
                    {!! Form::label('mobile', __('Mobile:')) !!}
                    {!! Form::text('mobile', null, ['class'=>'form-control', 'placeholder'=>__('Enter Mobile'), 'required'])!!}
                </div>

                <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                    {!! Form::label('email', __('Email:')) !!}
                    {!! Form::email('email', null, ['class'=>'form-control', 'placeholder'=>__('Enter email'), 'required']) !!}
                </div>
                
                <div class="form-group{{ $errors->has('gstin') ? ' has-error' : '' }}">
                    {!! Form::label('gstin', __('GST No:')) !!}
                    {!! Form::text('gstin', null, ['class'=>'form-control', 'placeholder'=>__('Enter GST No'), ''])!!}
                </div>
                
                <div class="form-group{{ $errors->has('gst_name') ? ' has-error' : '' }}">
                    {!! Form::label('gst_name', __('GST Name:')) !!}
                    {!! Form::text('gst_name', null, ['class'=>'form-control', 'placeholder'=>__('Enter GST Name'), ''])!!}
                </div>
                <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                    {!! Form::label('password', __('Password:')) !!}
                    {!! Form::password('password', ['id'=>'password-field', 'class'=>'form-control', 'placeholder'=>__('Enter password')]) !!}
                    <div data-name="#password-field" data-type="password" class="fa fa-fw fa-eye password-eye-icon toggle-password1"></div>
                </div>

                <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                    {!! Form::label('password_confirmation', __('Confirm Password:')) !!}
                    {!! Form::password('password_confirmation', ['id'=>'retype-password-field', 'class'=>'form-control', 'placeholder'=>__('Enter password again')]) !!}
                    <div data-name="#retype-password-field" data-type="retype-password" class="fa fa-fw fa-eye password-eye-icon toggle-password1"></div>
                </div>

                <div class="form-group">
                    <button type="submit" class="btn  btn-block" name="submit_button" id="update_btn"> @lang('Update Profile')
                    </button>

                </div>

                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        var updateProfileForm = $('#update-profile-form');
        var oldEmail = updateProfileForm.find('input[name="email"]').val();
        $(document).on('click', '#update_btn', function (event) {
            event.preventDefault();
            var newEmail = updateProfileForm.find('input[name="email"]').val();
            if (oldEmail != newEmail) {
                if (confirm('@lang('You have requested to change your email. An activation link will be sent to') "' + newEmail + '". @lang('You are going to logout. Click Ok to confirm.')')) {
                    updateProfileForm.submit();
                }
            } else {
                updateProfileForm.submit();
            }
        });

        // password hide show
$(".toggle-password1").click(function() {
    $(this).toggleClass("fa-eye fa-eye-slash");
    var input   = $($(this).attr("data-name"));

    if (input.attr("type") == "password") {
            input.attr("type", "text");
        } else {
            input.attr("type", "password");
        }
  });
</script>
@endsection