Server : nginx/1.18.0 System : Linux localhost 6.14.3-x86_64-linode168 #1 SMP PREEMPT_DYNAMIC Mon Apr 21 19:47:55 EDT 2025 x86_64 User : www-data ( 33) PHP Version : 8.0.16 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/ecommerce/resources/views/frontend/pages/ |
@extends('frontend.layouts.master')
@section('title', 'Login Page')
@section('main-content')
<div class="website-section position-relative" style="background: url('../../frontend/svg/banner-bg.svg')">
<div class="container">
<form class="form" method="post" action="{{ route('login.submit') }}">
@csrf
<div class="row">
<div class="col-sm-4 col-xs-12 offset-xs-0 offset-sm-4 position-relative" style="z-index: 9">
<h2 class="mb-2 text-center font-weight-bold" style="font-size: 36px;">Forgot Password</h2>
<div class="text-center text-muted mb-4" style="font-size: 17px">Set up your EtiqaFinans account to start using our different payment methods</div>
<div class="form-group">
<input type="email" name="email" class="form-control form-control-lg"
placeholder="Enter your email" autocomplete="off">
</div>
<div class="form-group mt-2">
<input type="password" name="password" class="form-control form-control-lg"
placeholder="Enter your password" autocomplete="off">
</div>
<button type="submit" class="btn btn-lg btn-success btn-block mt-4">Log In</button>
<p class="mb-0 mt-4 text-center">
<a href="{!! route('user.change.password.form') !!}" class="link">Forgot password?</a>
</p>
<p class="my-4 text-center">
Don't have an account? <a href="#0" class="link text-e-primary font-weight-bold">Create Account</a>
</p>
</div>
</div>
</form>
</div>
<div class="rect"></div>
</div>
{{-- <div class="website-section position-relative" style="background: url('../../frontend/svg/banner-bg.svg')">
<div class="container">
<div class="col-sm-6 offset-sm-3 position-relative" style="z-index: 9">
<div class="nav multi-step-form mb-4" role="tablist">
<button type="button" data-toggle="tab" href="#tab_1" role="tab" class="nav-item">
BVN
</button>
<button type="button" data-toggle="tab" href="#tab_2" role="tab" class="nav-item">
Step 2
</button>
<button type="button" data-toggle="tab" href="#tab_3" role="tab" class="nav-item">
Step 3
</button>
<button type="button" data-toggle="tab" href="#tab_4" role="tab" class="nav-item">
Step 4
</button>
</div>
<div class="tab-content">
<div class="tab-pane fade" id="tab_1" role="tabpanel">
<div class="form-group mt-2">
<label for="bvn" class="text-e-primary font-weight-bold">1. BVN (Bank Verification
Number)</label>
<input type="text" name="bvn" class="form-control form-control-lg" placeholder="Enter BVN"
autocomplete="off">
</div>
<button type="button" class="btn btn-lg btn-success btn-block mt-4">Confirm BVN</button>
</div>
<div class="tab-pane fade show active" id="tab_2" role="tabpanel">
<div class="form-group mt-2">
<label for="bvn" class="text-e-primary font-weight-bold">2. Valid Means of
Identification</label>
<select class="form-control form-control-lg">
<option value="NIN">NIN</option>
</select>
</div>
<div class="form-group mt-2">
<input type="text" name="nin" class="form-control form-control-lg" placeholder="NIN Number"
autocomplete="off">
</div>
<div class="form-group mt-2">
<div class="box has-advanced-upload">
<div class="box__input text-center">
<label for="file" class="d-block">Drag and Drop file here</label>
{!! svg_html('upload', '', 100) !!}
<input class="box__file" type="file" name="files[]" id="file"
data-multiple-caption="{count} files selected" multiple />
<div class="text-e-primary">Select File</div>
</div>
</div>
</div>
<button type="button" class="btn btn-lg btn-success btn-block mt-4">Save and Continue</button>
</div>
<div class="tab-pane fade" id="tab_3" role="tabpanel">
</div>
<div class="tab-pane fade" id="tab_4" role="tabpanel">
</div>
</div>
</div>
</div>
<div class="rect"></div>
</div> --}}
{{-- <div class="website-section position-relative" style="background: url('../../frontend/svg/banner-bg.svg')">
<div class="container">
<div class="col-sm-10 offset-sm-1 position-relative" style="z-index: 9">
<div class="nav multi-step-form-2 mb-4" role="tablist">
<button type="button" data-toggle="tab" href="#tab_1" role="tab" class="nav-item">
{!! svg_html('checkout', 'step-icon', 40) !!}
<p>1. Checkout</p>
</button>
<button type="button" data-toggle="tab" href="#tab_2" role="tab" class="nav-item">
{!! svg_html('payment', 'step-icon', 40) !!}
<p>2. Payment</p>
</button>
<button type="button" data-toggle="tab" href="#tab_3" role="tab" class="nav-item">
{!! svg_html('document', 'step-icon', 40) !!}
<p>3. Confirmation</p>
</button>
</div>
<div class="tab-content">
<div class="tab-pane fade" id="tab_1" role="tabpanel">
</div>
<div class="tab-pane fade show active" id="tab_2" role="tabpanel">
<div class="row">
<div class="col">
<div class="card pt-2">
<div class="card-body">
<h3>Order Details</h3>
<br />
<table class="table noborder font-px-19">
<tbody>
<tr>
<td class="pl-0">Subtotal</td>
<td class="font-weight-bold">N 13,600</td>
</tr>
<tr>
<td class="pl-0">Shipping Cost</td>
<td class="font-weight-bold">N 13,600</td>
</tr>
<tr>
<td class="pl-0">Promo Code</td>
<td class="font-weight-bold">N 13,600</td>
</tr>
<tr>
<td class="pl-0">Promo Code</td>
<td class="font-weight-bold">N 13,600</td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td class="pl-0">Grand Total</td>
<td class="font-weight-bold">N 13,600</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col">
<div class="card product-details pt-2">
<div class="card-body">
<h3>Select Payment Method</h3>
<br />
<form>
@csrf
@foreach (range(1, 2) as $item)
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="exampleRadios"
id="exampleRadios1" value="option1" checked>
<label class="form-check-label" for="exampleRadios1">
Default radio
</label>
</div>
@endforeach
<div>
<div class="form-group mt-5">
<label for="formGroupExampleInput">Select Payment Frequency</label>
<select class="form-control form-control-lg">
<option>Split Payment Into four i.e 4X</option>
</select>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputEmail4">Start Date</label>
<input type="text" class="form-control form-control-lg" placeholder="Today">
</div>
<div class="form-group col-md-6">
<label for="inputPassword4">End Date</label>
<input type="text" class="form-control form-control-lg" placeholder="12/11/2021">
</div>
</div>
<div class="form-group">
<label for="formGroupExampleInput">Default Topup Amount</label>
<input type="text" class="form-control form-control-lg" placeholder="3000">
</div>
<div class="pt-4 px-4">
<table class="table noborder">
<tbody>
<tr>
<td>Subtotal</td>
<td>N 27,200</td>
</tr>
<tr>
<td>Total due</td>
<td>N 27,200</td>
</tr>
<tr>
<td>Coupon</td>
<td>N 27,200</td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr class="font-px-19">
<td>TOTAL</td>
<td>N 27,200</td>
</tr>
<tr>
<td colspan="2">
<button type="button"
class="btn btn-lg btn-block btn-success">Confirm
Order</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab_3" role="tabpanel">
</div>
</div>
</div>
</div>
<div class="rect"></div>
</div> --}}
{{-- <div class="website-section position-relative">
<div class="container">
<div class="row">
<div class="col text-center">
{!! svg_html('complete', '', 100) !!}
<h1 class="my-5" style="color:#FFCC4D">Congratulations</h1>
<h5>
Mrs. Fatima A<br/>
Thank you for using EtiqaFinans, Your order has been<br/>
received and processed successfully
</h5>
</div>
</div>
</div>
</div> --}}
@endsection
@section('scripts')
<script>
var isAdvancedUpload = function() {
var div = document.createElement('div');
return (('draggable' in div) || ('ondragstart' in div && 'ondrop' in div)) && 'FormData' in window &&
'FileReader' in window;
}();
var $form = $('.box');
if (isAdvancedUpload) {
$form.addClass('has-advanced-upload');
}
if (isAdvancedUpload) {
var droppedFiles = false;
var $input = $form.find('input[type="file"]'),
$label = $form.find('label'),
showFiles = function(files) {
$label.text(files.length > 1 ? ($input.attr('data-multiple-caption') || '').replace('{count}', files
.length) : files[0].name);
};
$form.on('drag dragstart dragend dragover dragenter dragleave drop', function(e) {
e.preventDefault();
e.stopPropagation();
})
.on('dragover dragenter', function() {
$form.addClass('is-dragover');
})
.on('dragleave dragend drop', function() {
$form.removeClass('is-dragover');
})
.on('drop', function(e) {
droppedFiles = e.originalEvent.dataTransfer.files; // the files that were dropped
showFiles(droppedFiles);
})
.on('change', function(e) {
showFiles(e.target.files);
});
}
</script>
@endsection