@extends('layouts.backend.master')
@push('styles')
<link href="{{ asset('frontend/css/2fa.css')}}" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('backend/css/profile.css') }}">
@endpush
@section('title', 'Update profile')
@section('content')
<div class="row">
    <div class="col-sm-4 col-lg-3">
        <ul class="nav nav-tabs flex-column mb-3">
            <li class="nav-item">
                <a class="nav-link active show" data-toggle="tab" href="#tab-1">
                    <span class="step-number"><i class="fas fa-user-secret"></i></span>
                    <span class="step-text">{{__('Profile Update') }}</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tab-2">
                    <span class="step-number"><i class="fas fa-cog"></i></span>
                    <span class="step-text">{{__('Google 2FA') }}</span>
                </a>
            </li>
            <li class="nav-item d-none">
                <a class="nav-link" data-toggle="tab" href="#tab-3">
                    <span class="step-number"><i class="fas fa-network-wired"></i></span>
                    <span class="step-text"> {{__('Other') }}</span>
                </a>
            </li>
        </ul>
    </div>
    <div class="col-sm-8 col-lg-9 tabDiv">
        <div class="tab-content">
            <div class="tab-pane active show" id="tab-1">
                <div class="row">
                    <div class="col-lg-12 details">
                        {{-- @include('backend.frontend.auth.profile') --}}
                        <form id="route_form" name="route_form" method="POST"
                            action="{{ route('super-user.change-password-store') }}" class="form" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="user_type" value="super-user">
                            <div class="row">
                                <div class="col-12">
                                    <div class="box">
                                        <div class="box-header with-border">
                                            <h4 class="box-title">{{__('Profile Update') }}</h4>
                                        </div>
                                        @if(!empty(Auth::user()->id))
                                        <input type="hidden" name="usersId" id="usersId"
                                            value="{{ !empty(Auth::user()->id) ? Auth::user()->id : 0 }}">
                                        @endif
                                        <div class="box-body">
                                            <div class="col-md-12">
                                                <label class="mb-2" for="deposit">{{__('Name') }}</label>
                                                <div class="input-group mb-3">
                                                    <input type="text"
                                                        class="form-control @error('name') border-danger @enderror"
                                                        value="{{ old('name',Auth::user()->name) }}" name="name"
                                                        placeholder="Enter user name">
                                                </div>
                                                @error('name')
                                                <div class="text-danger">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="col-md-12">
                                                <label class="mb-2" for="deposit">{{__('Email') }}</label>
                                                <div class="input-group mb-3">
                                                    <input type="email"
                                                        class="form-control @error('email') border-danger @enderror"
                                                        value="{{ old('email',Auth::user()->email) }}" name="email"
                                                        placeholder="Enter email id">
                                                </div>
                                                @error('email')
                                                <div class="text-danger">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>
                                        <!-- /.box-body -->
                                        <div class="box-footer">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <button type="submit" class="btn btn-primary mr-2">
                                                        {{-- <i class="fa fa-save"></i> --}}
                                                        {{__('Update') }}
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- /.box-footer-->
                                    </div>
                                </div>
                            </div>
                        </form>
                        <form action="{{ url('super-user/password-update') }}" id="passwordForm" method="POST">
                            @csrf
                            <div class="row">
                                <div class="box">
                                    <div class="box-header with-border">
                                        <h4 class="box-title">{{__('Password Change') }}</h4>
                                    </div>
                                    <div class="box-body">
                                        <input type="hidden" name="type" value="Deposit">
                                        <div class="col-md-12">
                                            <label class="mb-2" for="deposit">{{__('Old Password') }}</label>
                                            <div class="input-group mb-3">
                                                <input type="password" class="form-control {{ $errors->has('old_password') ? 'border-danger' : '' }}" name="old_password"
                                                    id="old_password" value="{{ old('old_password') }}">
                                                <span class="input-group-text passwordToText" id="basic-addon2"><i
                                                        class="fas fa-eye"></i></span>
                                            </div>
                                            @error('old_password')
                                            <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-md-12 mb-3">
                                            <label class="mb-2" for="deposit">{{__('New Password') }}</label>
                                            <div class="input-group ">
                                                <input type="password" class="form-control {{ $errors->has('password') ? 'border-danger' : '' }}" name="password"
                                                    >
                                                <span class="input-group-text passwordToText" id="basic-addon2"><i
                                                        class="fas fa-eye"></i></span>
                                            </div>
                                            @error('password')
                                            <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-md-12">
                                            <label class="mb-2" for="deposit">{{__('Confirm Password') }}</label>
                                            <div class="input-group mb-3">
                                                <input type="password" class="form-control {{ $errors->has('password_confirmation') ? 'border-danger' : '' }}" name="password_confirmation"
                                                    >
                                                <span class="input-group-text passwordToText" id="basic-addon2"><i
                                                        class="fas fa-eye"></i></span>
                                            </div>
                                            @error('password_confirmation')
                                            <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="box-footer">
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <button type="submit" class="btn btn-primary mr-2">
                                                    {{-- <i class="fa fa-save"></i> --}}
                                                    {{__('Change Password') }}
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="tab-2">
                <div class="row">
                    <div class="col-lg-12 details">
                        @include('frontend.auth.super_user.2fastart')
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop
@push('scripts')
<script src="{{ asset('frontend/js/google2fa.js') }}"></script>
@endpush