customer support interface

This commit is contained in:
Omair Saleh
2023-01-24 04:55:41 +08:00
parent a7472079ad
commit 8259e9cc1a
@@ -1,40 +1,5 @@
@extends('layouts.base_portal')
@section('inner_content')
<style>
header {
background-color: #f5f5f5;
padding: 10px;
}
nav {
display: flex;
justify-content: center;
}
nav ul {
list-style: none;
display: flex;
}
nav ul li {
margin: 0 10px;
}
nav ul li a {
text-decoration: none;
color: #333;
}
/* Section Styles */
section {
padding: 20px;
}
section h2 {
margin-bottom: 10px;
}
</style>
<div class="row">
<div class="col bg-white p-t-15 p-b-15">
<div class="row no-margin">
@@ -62,30 +27,15 @@
</div>
<div class="row">
<div class="col">
<header>
<nav>
<ul>
<li><a href="#customer-account">Customer Account</a></li>
<li><a href="#customer-verification">Customer Verification</a></li>
<li><a href="#booking">Booking</a></li>
<li><a href="#payment">Payment</a></li>
<li><a href="#transfer-proof">Transfer Proof</a></li>
<li><a href="#purchase-order">Purchase Order</a></li>
<li><a href="#invoice">Invoice</a></li>
<li><a href="#bank-slip">Bank Slip</a></li>
<li><a href="#bank-account">Bank Account</a></li>
<li><a href="#refund">Refund</a></li>
<li><a href="#supplier">Supplier</a></li>
</ul>
</nav>
</header>
<main>
@if($company)
@php
$employees = $company->employees;
$primaryEmployee = $employees->first();
$identification = $company->documents->whereIn('document_type', \App\Classes\ValueObjects\Constants\DocumentType::IDENTIFICATION_DOCUMENTS)->first()
@endphp
<section id="customer-account">
<h2>Customer Account</h2>
<h3>Customer Account</h3>
<p>Account Type: <span>{{$company->type === 1 ? 'Business' : 'Personal'}}</span></p>
@if($company->type === 1)<p>Company's Name: <span>{{$company->name}}</span></p>@endif
<p>Customer's Name: <span>{{$employees->pluck('name')->implode(', ')}}</span></p>
@@ -94,56 +44,56 @@
<p>Registration Date: <span>{{$company->created_at->format('d-m-Y')}}</span></p>
</section>
<section id="customer-verification">
<h2>Customer Verification</h2>
<p>Verification Status: <span id="customer-verification-status"></span></p>
<p>Verification Documents: <span id="customer-verification-documents"></span></p>
<h3>Customer Verification</h3>
<p>Email Verification Status: <span>{{ $primaryEmployee->status === 2 ? 'Verified' : 'Pending Verification'}}</span></p>
<p>Identification Verification Status: <span>{{$identification ? ($identification->status === 2 ? 'Verified' : 'Pending Verification') : 'Not Submitted'}}</span></p>
</section>
@endif
@if($booking)
<section>
<section id="booking">
<h2>Booking</h2>
<h3>Booking</h3>
<p>Booking Details: <span id="customer-booking-details"></span></p>
<p>Booking Status: <span id="customer-booking-status"></span></p>
</section>
<section id="payment">
<h2>Payment</h2>
<h3>Payment</h3>
<p>Payment Details: <span id="customer-payment-details"></span></p>
<p>Payment Status: <span id="customer-payment-status"></span></p>
<p>Bank Transaction Mapping: <span id="customer-payment-mapping"></span></p>
</section>
<section id="transfer-proof">
<h2>Transfer Proof</h2>
<h3>Transfer Proof</h3>
<p>Transfer Details: <span id="customer-transfer-details"></span></p>
<p>Transfer Status: <span id="customer-transfer-status"></span></p>
</section>
<section id="purchase-order">
<h2>Purchase Order</h2>
<h3>Purchase Order</h3>
<p>Order Details: <span id="customer-order-details"></span></p>
<p>Order Status: <span id="customer-order-status"></span></p>
</section>
<section id="invoice">
<h2>Invoice</h2>
<h3>Invoice</h3>
<p>Invoice Details: <span id="customer-invoice-details"></span></p>
<p>Invoice Status: <span id="customer-invoice-status"></span></p>
</section>
<section id="bank-slip">
<h2>Bank Slip</h2>
<h3>Bank Slip</h3>
<p>Bank Slip Details: <span id="customer-bank-slip-details"></span></p>
<p>Bank Slip Status: <span id="customer-bank-slip-status"></span></p>
</section>
<section id="bank-account">
<h2>Bank Account</h2>
<h3>Bank Account</h3>
<p>Bank Account Details: <span id="customer-bank-account-details"></span></p>
<p>Bank Account Status: <span id="customer-bank-account-status"></span></p>
</section>
<section id="refund">
<h2>Refund</h2>
<h3>Refund</h3>
<p>Refund Details: <span id="customer-refund-details"></span></p>
<p>Refund Status: <span id="customer-refund-status"></span></p>
</section>
<section id="supplier">
<h2>Supplier</h2>
<h3>Supplier</h3>
<p>Supplier Details: <span id="customer-supplier-details"></span></p>
<p>Supplier Status: <span id="customer-supplier-status"></span></p>
</section>