fix index layouts + bayaran

This commit is contained in:
Amir Hamzan
2021-11-30 16:59:46 +08:00
parent 10bc02f628
commit 61b30bb7f1
8 changed files with 70 additions and 25 deletions
@@ -2,29 +2,42 @@
@section('content')
<style>
.not-allowed {
cursor: not-allowed;
}
</style>
<title>Bayar SAG | Customer Portal</title>
<div class="container">
<form method="post" action="{{ route('payment.engine') }}">
@csrf
<div class="row">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item text-dark opacity-5"><a href="portalhome">Home</a></li>
<li class="breadcrumb-item text-dark opacity-5"><a href="senaraibayaransag">Pembayaran</a></li>
<!-- <nav aria-label="breadcrumb">
<ol class="breadcrumb not-allowed">
<li class="breadcrumb-item text-dark opacity-5 no-allowed"><a href="#">Home</a></li>
<li class="breadcrumb-item text-dark opacity-5"><a href="#">Pembayaran</a></li>
<li class="breadcrumb-item text-dark active" aria-current="page">Bayar SAG Pilihan</li>
</ol>
</nav>
</nav> -->
<div class="row">
<div class="d-flex">
<p class="not-allowed text-sm">Home /Pembayaran /</p>
<p class="text-sm text-dark">Bayar SAG Pilihan</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-xl-12 mb-5">
<div class="card shadow">
<div class="card-header border-0">
<div class="card-header mb-4 bg-primary border-0">
<div class="row align-items-center">
<div class="d-flex">
<h4 class="text-primary" style="margin-right: 1%;">Senarai Surat Gadaian</h4>
<i class="fas fa-clipboard-list fa-2x text-primary"></i>
<h4 class="text-white" style="margin-right: 1%;">Senarai Surat Gadaian</h4>
<i class="fas fa-clipboard-list fa-2x text-white"></i>
</div>
</div>
@@ -189,18 +202,17 @@
</div>
<div class="col-md-6 col-sm-12">
<div class="card shadow">
<div class="card-header border-0">
<div class="card-header bg-primary border-0">
<div class="row align-items-center">
<div class="d-flex">
<h4 class="text-primary" style="margin-right: 1%;">Ringkasan Pembayaran</h4>
<i class="fas fa-shopping-cart fa-2x text-primary"></i>
<h4 class="text-white" style="margin-right: 1%;">Ringkasan Pembayaran</h4>
<i class="fas fa-shopping-cart fa-2x text-white"></i>
</div>
</div>
</div>
<div class="form" style="text-align: center;">
<hr>
<div class="row mb-4 font-weight-light">
<div class="row mt-4 mb-4 font-weight-light">
<div class="col-7">
<label class="text-dark ml-4 ">Bayaran Ar-Rahn</label>
</div>
@@ -237,11 +249,11 @@
<div class="row pb-4 font-weight-light">
<div class="col-7">
<label class="text-dark ml-4">Jumlah Keseluruhan</label>
<label class="text-dark ml-4"><strong>Jumlah Keseluruhan</strong></label>
</div>
<div class="col-5 text-right pr-5">
<span>RM <span id="spanjumlah">0.00</span></span>
<span><strong>RM <span id="spanjumlah">0.00</span></strong></span>
</div>
</div>
</div>
@@ -249,7 +261,8 @@
</div>
<div class="d-flex justify-content-end col-12 mt-3 align-self-end">
<div class="d-flex justify-content-between col-12 mt-3 align-self-end">
<button type="button" class="btn btn-danger">Batal</button>
<button type="submit" id="bayarsbmt" class="btn btn-primary" disabled onclick="loadingbtn();">Bayar</button>
</div>
</div>
@@ -1,4 +1,4 @@
@extends('layouts.indexfifth')
@extends('layouts.indexthird')
@section('content')
@include('modal.marhun')
@@ -32,7 +32,7 @@
</div>
<!-- Light table -->
<div class="table-responsive table-bordered">
<table class="table align-items-center table-flush" id="belum_tawarruq">
<table class="table align-items-center table-flush table-hover" id="belum_tawarruq">
<thead class="thead-light">
<tr>
<th scope="col" class="sort" data-sort="name">No Rujukan</th>
@@ -88,7 +88,7 @@
</div>
<!-- Light table -->
<div class="table-responsive table-bordered">
<table class="table align-items-center table-flush" id="selepas_tawarruq">
<table class="table align-items-center table-flush table-hover" id="selepas_tawarruq">
<thead class="thead-light">
<tr>
<th scope="col" class="sort" data-sort="name">No Rujukan</th>
@@ -148,7 +148,7 @@
</div>
<!-- Light table -->
<div class="table-responsive table-bordered">
<table class="table align-items-center table-flush" id="saghistory">
<table class="table align-items-center table-flush table-hover" id="saghistory">
<thead class="thead-light">
<tr>
<th scope="col" class="sort" data-sort="name">No Rujukan</th>
+33 -4
View File
@@ -6,12 +6,41 @@
</head>
<body class="about-us bg-gray-200">
@include('includes.main.navigation')
<section class="py-7">
<section class="py-3">
<div class="container-fluid">
@yield('content')
</section>
@include('includes.main.footerwhite')
</body>
</html>
</html>
<!-- Core JS Files -->
<script src="{{ asset('assets/js/material-kit/core/popper.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/js/material-kit/core/bootstrap.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/js/material-kit/plugins/perfect-scrollbar.min.js') }}"></script>
<script src="{{ asset('assets/js/material-kit/plugins/choices.min.js') }}"></script>
<!-- Plugin for TypedJS, full documentation here: https://github.com/inorganik/CountUp.js -->
<script src="{{ asset('assets/js/material-kit/plugins/countup.min.js') }}"></script>
<!-- Plugin for Parallax, full documentation here: https://github.com/wagerfield/parallax -->
<script src="{{ asset('assets/js/material-kit/plugins/parallax.min.js') }}"></script>
<!-- Control Center for Material UI Kit: parallax effects, scripts for the example pages etc -->
<!-- Google Maps Plugin -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDTTfWur0PDbZWPr7Pmq8K3jiDp0_xUziI"></script>
<script src="{{ asset('assets/js/material-kit/material-kit.min.js?v=3.0.0') }}" type="text/javascript"></script>
<script>
</script>
<script>
if (document.getElementsByClassName('page-header')) {
window.onscroll = debounce(function() {
var scrollPosition = window.pageYOffset;
var bgParallax = document.querySelector('.page-header');
var oVal = (window.scrollY / 3);
// bgParallax.style.transform = 'translate3d(0,' + oVal + 'px,0)';
}, 6);
}
</script>
@@ -1,3 +1,4 @@
<!-- Home template ui -->
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
@@ -1,3 +1,4 @@
<!-- Analisa template ui -->
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
@@ -1,3 +1,4 @@
<!-- Rekod pembelian ui -->
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
+1 -1
View File
@@ -11,7 +11,7 @@
<div class="container-fluid">
@yield('content')
</section>
@include('includes.main.footerdark')
@include('includes.main.footerwhite')
</body>
</html>