@extends('layouts.app')
@section('title', 'Profile')
@section('content')
<style type="text/css">
	p{
		font-weight: 600;
	}
</style>
<div class="container-fluid mt-4">
	<div class="card shadow-lg">
		<div class="card-header card_header" >
			<h4 class="mt-0 text-left ml-2 mt-2"> Profile </h4>
		</div></br>
		<div class="card-body p-0 ">
			<div class="d-flex flex-row-reverse bd-highlight ml-2" >
				<div class="text-right mx-4">
					<span class="edit_profile" style="cursor:pointer;"><i class="fa-solid fa-pen-to-square"></i>&nbsp; Edit</span>
                    <span class="back_profile d-none" >
						<a href="{{ route('profile') }}" style="text-decoration: none;color: #212529!important;">
							<i class="fa-solid fa-circle-arrow-left"></i>&nbsp;Back
						</a>
					</span>
                </div>
			</div>
			<div class="row mt-3 display_div mx-3">
				<div class="col-lg-12">
					<div class="card mb-4">
						<div class="card-body" style="height: 14.89rem;">
							<div class="row">
								<div class="col-sm-2">
									<p class="mb-0 mt-2">First Name</p>
								</div>
								<div class="col-sm-4">
									<p class="text-muted mb-0 mt-2">{{$users->first_name}}</p>
								</div>
								<div class="col-sm-2">
									<p class="mb-0 mt-2">Last Name</p>
								</div>
								<div class="col-sm-4">
									<p class="text-muted mb-0 mt-2">  {{$users->last_name}}</p>
								</div>
							</div>
							<hr>
							<div class="row">
								<div class="col-sm-2">
									<p class="mb-0">Email</p>
								</div>
								<div class="col-sm-4">
									<p class="text-muted mb-0">{{$users->email}}</p>
								</div>
                                <div class="col-sm-2">
									<p class="mb-0">User Type</p>
								</div>
								<div class="col-sm-4">
									<p class="text-muted mb-0">{{$user_role_id->user_roles}}</p>
								</div>
							</div>
                            @if(!Auth::guard('abstractor')->check())
							<hr>
							<div class="row">
                                @if(Auth::guard('cust_clients')->check())
                                    <div class="col-sm-2">
                                        <p class="mb-0">Client</p>
                                    </div>
                                    <div class="col-sm-4">
                                        <p class="text-muted mb-0">@if(isset($client)){{$client->client_name}}@endif</p>
                                    </div>
                                @elseif(auth()->user()->user_role_id == 3 || auth()->user()->user_role_id == 4)
                                    <div class="col-sm-2">
                                        <p class="mb-0">Customer</p>
                                    </div>
                                    <div class="col-sm-4">
                                        <p class="text-muted mb-0">@if(isset($customer)){{$customer->customer_name}}@endif</p>
                                    </div>

                                @else
                                    <div class="col-sm-2">
                                        <p class="mb-0">Company</p>
                                    </div>
                                    <div class="col-sm-4">
                                        <p class="text-muted mb-0">@if(isset($company)){{$company->company_name}}@endif</p>
                                    </div>
                                @endif

                                <div class="col-sm-2">
									<p class="mb-0">Nt Login Id</p>
								</div>
								<div class="col-sm-4">
									<p class="text-muted mb-0">{{$users->nt_login_id}}</p>
								</div>
							</div>
                            @endif
							<hr>
							<div class="row">
								<div class="col-sm-2">
									<p class="mb-0 mt-3">Status</p>
								</div>
								<div class="col-sm-4">
									<p class="text-muted mb-0 mt-3">@if($users->is_active == 1) Active @else Inactive @endif</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
            <div class="mt-3 edit_div d-none mx-3" >
                <form id="update_profile" method="POST" action="{{route('update_profile')}}" enctype="multipart/form-data" data-parsley-validate>
                    @csrf
                    <input type="hidden" name="id" value="{{$users->id}}">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card mb-4">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-sm-2">
                                            <p class="mb-0 mt-2">First Name<span class="text-danger"> * <span></p>
                                        </div>
                                        <div class="col-sm-3">
                                            <input id="firstname" name="firstname" type="text" class="form-control" autocomplete="off" placeholder="Enter Firstname" value="{{$users->first_name}}" required data-parsley-trigger="focusout" data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z ][A-Za-z ]*$">
                                        </div>
                                        <div class="col-sm-2">
                                            <p class="mb-0 mt-2">Last Name </p>
                                        </div>
                                        <div class="col-sm-3">
                                            <input id="lastname" name="lastname" type="text" class="form-control" autocomplete="off" placeholder="Enter Lastname" value="{{$users->last_name}}" data-parsley-trigger="focusout" data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z ][A-Za-z ]*$">
                                        </div>
                                    </div>
                                        <hr>
                                    <div class="row">
                                        <div class="col-sm-2">
                                            <p class="mb-0 mt-2">Email</p>
                                        </div>
                                        <div class="col-sm-3">
                                            <input id="email" name="email" type="email" class="form-control" autocomplete="off" placeholder="Enter Email" value="{{$users->email}}" >
                                        </div>
                                        <div class="col-sm-2">
                                            <p class="mb-0 mt-2">New Password</p>
                                        </div>
                                        <div class="col-sm-3">
                                            <input id="password" name="password" type="text" class="form-control" autocomplete="off" placeholder="Enter Password" data-parsley-minlength="8"
                                                data-parsley-errors-container=".errorspannewpassinput"
                                                data-parsley-required-message="Please enter your new password."
                                                data-parsley-uppercase="1"
                                                data-parsley-lowercase="1"
                                                data-parsley-number="1"
                                                data-parsley-special="1"
                                                data-parsley-trigger="keyup">
                                            <span class="errorspannewpassinput" style="font-weight: 400;"></span>
                                        </div>
                                    </div>
                                        <hr>
                                    <div class="row">
                                        <div class="col-sm-2 ">
                                            <p class="mb-0 mt-2">User Role</p>
                                        </div>
                                        <div class="col-sm-3">
                                            <input id="usertype" name="usertypenm" type="text" class="form-control" value="{{$user_role_id->user_roles}}" readonly>
                                            <input id="usertype" name="usertype" type="hidden" class="form-control" value="{{$users->user_role_id}}" readonly>
                                        </div>
                                        @if(!Auth::guard('abstractor')->check())
                                        <div class="col-sm-2">
                                            <p class="mb-0 mt-2">Nt Login Id </p>
                                        </div>
                                        <div class="col-sm-3">
                                            <input id="nt_login_id" name="nt_login_id" type="text" class="form-control" autocomplete="off" placeholder="Enter Login Id" value="{{$users->nt_login_id}}" data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z 0-9][A-Za-z 0-9]*$">
                                        </div>
                                        @endif
                                    </div>
                                    @if(!Auth::guard('abstractor')->check())
                                    <hr>
                                    <div class="row">
                                        @if(Auth::guard('cust_clients')->check())
                                            <div class="col-sm-2">
                                                <p class="mb-0 mt-2">Client</p>
                                            </div>
                                            <div class="col-sm-3">
                                                <input id="client_id" name="client_name" type="text" class="form-control" autocomplete="off" value="@if(isset($client)){{$client->client_name}}@endif" readonly>
                                                <input id="client_id" name="client_id" type="hidden" class="form-control" value="{{$users->client_id}}" readonly>
                                                <!-- <select class="form-control" name="customer_id" id="customer_id">
                                                    <option value="">Select Customer</option>
                                                    @forelse($customers as $customer_list)
                                                    <option value="{{$customer_list->id}}" @if($customer_list->id == $users->customer_id) selected @endif> {{$customer_list->customer_name}}</option>
                                                    @empty
                                                    @endforelse
                                                </select> -->
                                            </div>

                                        @elseif(auth()->user()->user_role_id == 3 || auth()->user()->user_role_id == 4)
                                        <div class="col-sm-2">
                                            <p class="mb-0 mt-2">Customer</p>
                                        </div>
                                        <div class="col-sm-3">
                                            <input id="customer_id" name="customer_name" type="text" class="form-control" autocomplete="off" value="@if(isset($customer)){{$customer->customer_name}}@endif" readonly>
                                            <input id="customer_id" name="customer_id" type="hidden" class="form-control" value="{{$users->customer_id}}" readonly>
                                            <!-- <select class="form-control" name="customer_id" id="customer_id">
                                                <option value="">Select Customer</option>
                                                @forelse($customers as $customer_list)
                                                <option value="{{$customer_list->id}}" @if($customer_list->id == $users->customer_id) selected @endif> {{$customer_list->customer_name}}</option>
                                                @empty
                                                @endforelse
                                            </select> -->
                                        </div>
                                        @else
                                        <div class="col-sm-2">
                                            <p class="mb-0 mt-2">Company</p>
                                        </div>
                                        <div class="col-sm-3">
                                            <input id="company_id" name="company_name" type="text" class="form-control" autocomplete="off" value="@if(isset($company)){{$company->company_name}}@endif" readonly>
                                            <input id="company_id" name="company_id" type="hidden" class="form-control" value="{{$users->company_id}}" readonly>
                                            <!-- <select class="form-select form-control" name="company_id" id="company_id">
                                                @forelse($companies as $comp)
                                                <option value="{{$comp->id}}" @if($comp->id == $users->company_id) selected @endif>{{$comp->company_name}}</option>
                                                @empty

                                                @endforelse
                                            </select> -->
                                        </div>
                                        @endif
                                    </div>
                                    @endif
                                    <hr>
                                    <div class="row">
                                        <div class="col-sm-2">
                                            <p class="mb-0 mt-2">Status</p>
                                        </div>
                                        <div class="col-sm-3 mt-2">
                                                <input id="isactive" name="isactive" type="checkbox" data-toggle="toggle" data-on="Yes" data-off="No" @if($users->is_active ==1) checked @endif> Is Active? <span class="text-danger">  </span></label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class=" text-center mb-4">
                                <a href="{{ route('profile') }}"><button type="button" class="btn btn-danger btn-sm cancel_btn">CANCEL</button></a>
                                <button type="submit" class="btn  btn-primary btn-sm submit_btn" >UPDATE</button>
                            </div>
				        </div>
                    </div>
				</form>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
$(function () {
    @if(Session::has('success'))
    new PNotify({
    title: 'Success',
    text:  "{{Session::get('success')}}",
    type: 'success'
    });

    @endif
    @if ($errors->any())

        @foreach ($errors->all() as $error)

        new PNotify({
        title: 'Error',
        text:  "{{ $error }}",
        type: 'error'
        });
        @endforeach

    @endif
});
$(document).ready(function(){
    $(".edit_profile").click(function()
    {
        $(".display_div").addClass('d-none');
        $(".edit_div").removeClass('d-none');
        $(".edit_profile").addClass('d-none');
        $(".back_profile").removeClass('d-none');
    });

    window.Parsley.addValidator('uppercase', {
        requirementType: 'number',
        validateString: function(value, requirement) {
            var uppercases = value.match(/[A-Z]/g) || [];
            return uppercases.length >= requirement;
        },
        messages: {
            en: 'Your password must contain at least (%s) uppercase letter.'
        }
    });

    //has lowercase
    window.Parsley.addValidator('lowercase', {
        requirementType: 'number',
        validateString: function(value, requirement) {
            var lowecases = value.match(/[a-z]/g) || [];
            return lowecases.length >= requirement;
        },
        messages: {
            en: 'Your password must contain at least (%s) lowercase letter.'
        }
    });

    //has number
    window.Parsley.addValidator('number', {
        requirementType: 'number',
        validateString: function(value, requirement) {
            var numbers = value.match(/[0-9]/g) || [];
            return numbers.length >= requirement;
        },
        messages: {
            en: 'Your password must contain at least (%s) number.'
        }
    });

    //has special char
    window.Parsley.addValidator('special', {
        requirementType: 'number',
        validateString: function(value, requirement) {
            var specials = value.match(/[^a-zA-Z0-9]/g) || [];
            return specials.length >= requirement;
        },
        messages: {
            en: 'Your password must contain at least (%s) special characters.'
        }
    });

    $('#update_profile').parsley();
    $('#update_profile').on('submit', function(event){
        event.preventDefault();
        if($('#update_profile').parsley().isValid())
        {
            var url = '{{ route("update_profile") }}';
            $.ajax({
                type: "post",
                url: url,
                data: new FormData($("#update_profile")[0]),
                processData: false,
                contentType: false,
                success: function(response)
                {
                    if(response.data =='success')
                    {
                        new PNotify({
                            title: 'Success',
                            text:  response.msg,
                            type: 'success'
                            });
                            setTimeout(function(){  location.reload(); }, 1000);                    }
                    else
                    {
                        new PNotify({
                        title: 'Error',
                        text:  response.msg,
                        type: 'error',
                        delay: 1000
                        });
                    }


                },
                error: function(response)
                {
                    var err = "";
                        $.each(response.responseJSON.errors,function(field_name,error){

                    err = err +'<br>' + error;
                    });
                        new PNotify({
                        title: 'Error',
                        text:  err,
                        type: 'error',
                        delay: 1000
                    });
                },
            });
        }
    });
});

</script>

@endsection