update marketing
All checks were successful
All checks were successful
This commit is contained in:
360
Modules/Business/resources/views/estimates/create.blade.php
Normal file
360
Modules/Business/resources/views/estimates/create.blade.php
Normal file
@@ -0,0 +1,360 @@
|
||||
@extends('layouts.business.master')
|
||||
|
||||
@section('title')
|
||||
{{ __('Create Product') }}
|
||||
@endsection
|
||||
|
||||
@section('main_content')
|
||||
<div class="erp-table-section">
|
||||
<div class="container-fluid">
|
||||
<div class="card">
|
||||
<div class="table-header p-16">
|
||||
<h4>{{ __('Add New Estimates') }}</h4>
|
||||
</div>
|
||||
|
||||
<div class="order-form-section p-16">
|
||||
<form method="post">
|
||||
<input type="hidden" name="type" value="inventory">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<!-- Customer -->
|
||||
<div class="col-lg-6">
|
||||
<label>{{ __('Customer') }}</label>
|
||||
<div class="input-group w-100">
|
||||
<div class="gpt-up-down-arrow estimate-dropdown position-relative w-100">
|
||||
<select class="form-control inventory-customer-select w-100">
|
||||
<option value="">{{ __('Select a Customer') }}</option>
|
||||
<option>{{ __('John Doe (Retail)') }}</option>
|
||||
<option>{{ __('ABC Store (Wholesale)') }}</option>
|
||||
</select>
|
||||
<span></span>
|
||||
</div>
|
||||
<button type="button"
|
||||
class="btn btn-danger square-btn square-btn-2 d-flex justify-content-center align-items-center">
|
||||
{{-- <img src="{{ asset("assets/images/icons/plus-2.svg") }}" alt=""> --}}
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10 4.17188V15.8385" stroke="var(--clr-primary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.16602 10H15.8327" stroke="var(--clr-primary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Invoice -->
|
||||
<div class="col-lg-3">
|
||||
<label>{{ __('Reference') }}.</label>
|
||||
<input type="text" placeholder="Ex: 5" class="form-control"
|
||||
value="" readonly>
|
||||
</div>
|
||||
|
||||
<!-- Date -->
|
||||
<div class="col-lg-3">
|
||||
<label>{{ __('Quotation Number') }}</label>
|
||||
<input placeholder="Ex: Q-000123" type="text" class="form-control">
|
||||
</div>
|
||||
|
||||
<!-- Product -->
|
||||
<div class="col-lg-6">
|
||||
<div class="address-wrapper">
|
||||
<!-- Billing -->
|
||||
<div class="address-box">
|
||||
<div class="address-title">
|
||||
<span>Billing Address:
|
||||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_40006660_159917)">
|
||||
<path d="M4.08578 9.9142L9.91423 4.08578C10.1868 3.81316 10.3231 3.67685 10.396 3.5298C10.5347 3.25002 10.5347 2.92155 10.396 2.64177C10.3231 2.49472 10.1868 2.35841 9.91423 2.08578C9.64158 1.81316 9.50528 1.67685 9.35823 1.60398C9.07843 1.46534 8.74998 1.46534 8.47018 1.60398C8.32313 1.67685 8.18683 1.81316 7.91423 2.08578L2.08579 7.9142C1.79676 8.2032 1.65224 8.34775 1.57612 8.5315C1.5 8.71525 1.5 8.91965 1.5 9.3284V10.5H2.67157C3.08033 10.5 3.2847 10.5 3.46847 10.4239C3.65224 10.3478 3.79675 10.2032 4.08578 9.9142Z" stroke="#00AE2E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6 10.5H9" stroke="#00AE2E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M7.25 2.75L9.25 4.75" stroke="#00AE2E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_40006660_159917">
|
||||
<rect width="12" height="12" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</span>
|
||||
<i class="fa-solid fa-pen edit-icon"></i>
|
||||
</div>
|
||||
<p>
|
||||
Walk-In Customer, Linking Street,<br>
|
||||
Phoenix, Arizona, USA
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Shipping -->
|
||||
<div class="address-box">
|
||||
<div class="address-title">
|
||||
<span>Shipping Address:
|
||||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_40006660_159917)">
|
||||
<path d="M4.08578 9.9142L9.91423 4.08578C10.1868 3.81316 10.3231 3.67685 10.396 3.5298C10.5347 3.25002 10.5347 2.92155 10.396 2.64177C10.3231 2.49472 10.1868 2.35841 9.91423 2.08578C9.64158 1.81316 9.50528 1.67685 9.35823 1.60398C9.07843 1.46534 8.74998 1.46534 8.47018 1.60398C8.32313 1.67685 8.18683 1.81316 7.91423 2.08578L2.08579 7.9142C1.79676 8.2032 1.65224 8.34775 1.57612 8.5315C1.5 8.71525 1.5 8.91965 1.5 9.3284V10.5H2.67157C3.08033 10.5 3.2847 10.5 3.46847 10.4239C3.65224 10.3478 3.79675 10.2032 4.08578 9.9142Z" stroke="#00AE2E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6 10.5H9" stroke="#00AE2E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M7.25 2.75L9.25 4.75" stroke="#00AE2E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_40006660_159917">
|
||||
<rect width="12" height="12" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</span>
|
||||
<i class="fa-solid fa-pen edit-icon"></i>
|
||||
</div>
|
||||
<p>
|
||||
Walk-In Customer, Linking Street,<br>
|
||||
Phoenix, Arizona, USA
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-lg-3">
|
||||
<label>{{ __('Currency') }}</label>
|
||||
<div class="gpt-up-down-arrow position-relative w-100">
|
||||
<select class="form-control">
|
||||
<option>{{ __('USD $') }}</option>
|
||||
</select>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3">
|
||||
<label>{{ __('Warehouse') }}</label>
|
||||
<div class="gpt-up-down-arrow position-relative w-100">
|
||||
<select class="form-control">
|
||||
<option>{{ __('Select a warehouse') }}</option>
|
||||
</select>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3">
|
||||
<label>{{ __('Quotation Date') }}</label>
|
||||
<input type="date" class="form-control">
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3">
|
||||
<label>{{ __('Expire Date') }}</label>
|
||||
<input type="date" class="form-control">
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3">
|
||||
<label>{{ __('Discount Type') }}</label>
|
||||
<div class="gpt-up-down-arrow position-relative w-100">
|
||||
<select class="form-control">
|
||||
<option>{{ __('Percentage % ') }}</option>
|
||||
</select>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3">
|
||||
<label>{{ __('Status') }}</label>
|
||||
<div class="gpt-up-down-arrow position-relative w-100">
|
||||
<select class="form-control">
|
||||
<option>{{ __('Status') }}</option>
|
||||
</select>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-9">
|
||||
<label>{{ __('Select Product') }}</label>
|
||||
<div class="input-group w-100">
|
||||
<div class="gpt-up-down-arrow estimate-dropdown position-relative w-100">
|
||||
<select class="form-control inventory-customer-select w-100">
|
||||
<option value="">{{ __('Search product by name') }}</option>
|
||||
</select>
|
||||
<span></span>
|
||||
</div>
|
||||
<button type="button"
|
||||
class="btn btn-danger square-btn d-flex justify-content-center align-items-center">
|
||||
<img src="{{ asset("assets/images/icons/barcode1.svg") }}" alt="">
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3">
|
||||
<label>{{ __('Category') }}</label>
|
||||
<div class="gpt-up-down-arrow position-relative w-100">
|
||||
<select class="form-control">
|
||||
<option>{{ __('Select a category') }}</option>
|
||||
</select>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Left Amount -->
|
||||
<div class="col-sm-12 col-md-7 col-lg-7 mt-5">
|
||||
{{-- <div class="estimate-form-wrapper">
|
||||
|
||||
<div class="estimate-form-group">
|
||||
<span class="estimate-form-label">Term & Condition</span>
|
||||
<textarea
|
||||
class="estimate-form-textarea"
|
||||
placeholder="Enter Term & Condition"
|
||||
rows="2"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="estimate-form-group">
|
||||
<span class="estimate-form-label">Note</span>
|
||||
<textarea
|
||||
class="estimate-form-textarea"
|
||||
placeholder="Enter note"
|
||||
rows="2"></textarea>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
<div class="expense-wrapper">
|
||||
<button type="button" id="addExpenseBtn" class="expense-add-btn">
|
||||
+ Add Additional Expense
|
||||
</button>
|
||||
|
||||
<div id="expenseContainer">
|
||||
<!-- dynamic rows -->
|
||||
</div>
|
||||
|
||||
<div class="estimate-form-group">
|
||||
<span class="estimate-form-label">Note</span>
|
||||
<textarea
|
||||
class="estimate-form-textarea"
|
||||
placeholder="Enter note"
|
||||
rows="2"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Amount -->
|
||||
<div class="col-sm-12 col-md-5 col-lg-5 mt-5 sub-total-container">
|
||||
<div class="payment-container mb-3 amount-info-container estimate-container inventory-amount-info-container">
|
||||
|
||||
<div class="mb-2 d-flex align-items-center justify-content-between">
|
||||
<h6>{{ __('Sub Total') }}</h6>
|
||||
<h6 class="fw-bold" id="sub_total">
|
||||
{{ __('৳ 0.00') }}
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<div class="row save-amount-container align-items-center mb-2">
|
||||
<h6 class="payment-title col-6">
|
||||
{{ __('Vat') }}
|
||||
</h6>
|
||||
<div class="col-6 w-100 d-flex justify-content-between gap-2">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<select class="form-select vat_select">
|
||||
<option value="">{{ __('Select') }}</option>
|
||||
<option value="1">{{ __('Standard Vat (5%)') }}</option>
|
||||
<option value="2">{{ __('Reduced Vat (10%)') }}</option>
|
||||
</select>
|
||||
</div>
|
||||
<input
|
||||
type="number"
|
||||
class="form-control right-start-input"
|
||||
placeholder="{{ __('0') }}"
|
||||
value="0"
|
||||
readonly
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row save-amount-container align-items-center mb-2">
|
||||
<h6 class="payment-title col-6">
|
||||
{{ __('Discount') }}
|
||||
</h6>
|
||||
<div class="col-6 w-100 d-flex justify-content-between gap-2">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<select class="form-select discount_type">
|
||||
<option value="flat">
|
||||
{{ __('Flat (৳)') }}
|
||||
</option>
|
||||
<option value="percent">
|
||||
{{ __('Percent (%)') }}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
<input
|
||||
type="number"
|
||||
class="form-control right-start-input"
|
||||
placeholder="{{ __('0') }}"
|
||||
value="0"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="shopping-crg-grid mb-2">
|
||||
<h6 class="payment-title">
|
||||
{{ __('Shipping Charge') }}
|
||||
</h6>
|
||||
<input
|
||||
type="number"
|
||||
class="form-control right-start-input"
|
||||
placeholder="{{ __('0') }}"
|
||||
value="0"
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-between fw-bold">
|
||||
<div>{{ __('Total Amount') }}</div>
|
||||
<h6 class="fw-bold" id="total_amount">
|
||||
{{ __('৳ 0.00') }}
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Buttons -->
|
||||
<div class="col-lg-12 text-center mt-4">
|
||||
<button class="theme-btn border-btn m-2">
|
||||
{{ __('Reset') }}
|
||||
</button>
|
||||
<button class="theme-btn m-2">
|
||||
{{ __('Save & Print') }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@endsection
|
||||
|
||||
@push('js')
|
||||
<script>
|
||||
const addExpenseBtn = document.getElementById("addExpenseBtn");
|
||||
const expenseContainer = document.getElementById("expenseContainer");
|
||||
|
||||
addExpenseBtn.addEventListener("click", () => {
|
||||
const row = document.createElement("div");
|
||||
row.className = "expense-row";
|
||||
|
||||
row.innerHTML = `
|
||||
<input type="text" class="form-control" placeholder="Enter expense name">
|
||||
<input type="text" class="form-control" placeholder="Ex: $150">
|
||||
<button type="button" class="expense-delete-btn">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.25 4.58398L15.7336 12.9382C15.6016 15.0727 15.5357 16.1399 15.0007 16.9072C14.7361 17.2866 14.3956 17.6067 14.0006 17.8473C13.2017 18.334 12.1325 18.334 9.99392 18.334C7.8526 18.334 6.78192 18.334 5.98254 17.8464C5.58733 17.6054 5.24667 17.2847 4.98223 16.9047C4.4474 16.1362 4.38287 15.0674 4.25384 12.93L3.75 4.58398" stroke="#C52127" stroke-width="1.25" stroke-linecap="round"/>
|
||||
<path d="M7.5 9.7793H12.5" stroke="#C52127" stroke-width="1.25" stroke-linecap="round"/>
|
||||
<path d="M8.75 13.0449H11.25" stroke="#C52127" stroke-width="1.25" stroke-linecap="round"/>
|
||||
<path d="M2.5 4.58268H17.5M13.3796 4.58268L12.8107 3.40912C12.4328 2.62957 12.2438 2.23978 11.9179 1.99669C11.8457 1.94277 11.7691 1.8948 11.689 1.85327C11.3281 1.66602 10.8949 1.66602 10.0286 1.66602C9.1405 1.66602 8.6965 1.66602 8.32957 1.86112C8.24826 1.90436 8.17066 1.95427 8.09758 2.01032C7.76787 2.26327 7.5837 2.66731 7.21535 3.4754L6.71061 4.58268" stroke="#C52127" stroke-width="1.25" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
`;
|
||||
|
||||
row.querySelector(".expense-delete-btn").addEventListener("click", () => {
|
||||
row.remove();
|
||||
});
|
||||
|
||||
expenseContainer.appendChild(row);
|
||||
});
|
||||
|
||||
</script>
|
||||
@endpush
|
||||
352
Modules/Business/resources/views/estimates/index.blade.php
Normal file
352
Modules/Business/resources/views/estimates/index.blade.php
Normal file
@@ -0,0 +1,352 @@
|
||||
@extends('layouts.business.master')
|
||||
|
||||
@section('title')
|
||||
{{ __('Estimate List') }}
|
||||
@endsection
|
||||
|
||||
@section('main_content')
|
||||
<div class="erp-table-section">
|
||||
<div class="container-fluid">
|
||||
<div class="card">
|
||||
<div class="card-bodys">
|
||||
|
||||
<!-- Header -->
|
||||
<div class="table-header p-16 d-print-none">
|
||||
<h4>{{ __('Estimate List') }}</h4>
|
||||
|
||||
<div class="d-flex align-items-center gap-3 flex-wrap">
|
||||
<a href="#"
|
||||
class="bulk-import-container">
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14 10V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V10" stroke="#4B5563" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M11.3346 5.33333L8.0013 2L4.66797 5.33333" stroke="#4B5563" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8 2V10" stroke="#4B5563" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
{{ __('Bulk Import') }}
|
||||
</a>
|
||||
<a href="#"
|
||||
class="add-order-btn rounded-2 active btn btn-primary">
|
||||
<i class="fas fa-plus-circle me-1"></i>
|
||||
{{ __('Add Estimates') }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="table-header justify-content-center border-0 text-center d-none d-print-block">
|
||||
<div class="print-header">
|
||||
<!-- static print header -->
|
||||
</div>
|
||||
<h4 class="mt-2">{{ __('Product List') }}</h4>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="table-top-form p-16">
|
||||
<form action="#" method="GET" class="filter-form" table="#product-data">
|
||||
|
||||
<div class="table-top-left d-flex gap-3 flex-wrap">
|
||||
|
||||
|
||||
<div class="gpt-up-down-arrow position-relative d-print-none">
|
||||
<select name="per_page" class="form-control">
|
||||
<option value="20">{{ __('Show 20') }}</option>
|
||||
<option value="50">{{ __('Show 50') }}</option>
|
||||
<option value="100">{{ __('Show 100') }}</option>
|
||||
<option value="500">{{ __('Show 500') }}</option>
|
||||
</select>
|
||||
<span></span>
|
||||
</div>
|
||||
|
||||
<div class="gpt-up-down-arrow position-relative d-print-none">
|
||||
<select name="per_page" class="form-control">
|
||||
<option value="20">{{ __('Filter') }}</option>
|
||||
</select>
|
||||
<span></span>
|
||||
</div>
|
||||
|
||||
<div class="gpt-up-down-arrow position-relative d-print-none warehouse-select">
|
||||
<select name="per_page" class="form-control">
|
||||
<option value="20">{{ __('All Warehouse ') }}</option>
|
||||
</select>
|
||||
<span></span>
|
||||
</div>
|
||||
|
||||
<div class="table-search position-relative d-print-none">
|
||||
<input
|
||||
class="form-control searchInput"
|
||||
type="text"
|
||||
name="search"
|
||||
placeholder="{{ __('Search...') }}"
|
||||
value=""
|
||||
>
|
||||
<span class="position-absolute">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.582 14.582L18.332 18.332"
|
||||
stroke="#4D4D4D" stroke-width="1.25"
|
||||
stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M16.668 9.168C16.668 5.026 13.31 1.668 9.168 1.668
|
||||
C5.026 1.668 1.668 5.026 1.668 9.168
|
||||
C1.668 13.31 5.026 16.668 9.168 16.668
|
||||
C13.31 16.668 16.668 13.31 16.668 9.168Z"
|
||||
stroke="#4D4D4D" stroke-width="1.25"
|
||||
stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
<div class="table-top-btn-group d-print-none">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src={{ asset("assets/images/logo/csv.svg") }} alt="csv">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src={{ asset("assets/images/logo/excel.svg") }} alt="excel">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<img src={{ asset("assets/images/logo/pdf.svg") }} alt="pdf">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a onclick="window.print()" class="print-window">
|
||||
<img src={{ asset("assets/images/logo/printer.svg") }} alt="print">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="delete-item delete-show d-none">
|
||||
<div class="delete-item-show">
|
||||
<p class="fw-bold">
|
||||
<span class="selected-count">0</span> {{ __('items show') }}
|
||||
</p>
|
||||
<button type="button">
|
||||
{{ __('Delete') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Table Data Wrapper -->
|
||||
<div id="product-data">
|
||||
<div class="responsive-table m-0">
|
||||
<table class="table" id="datatable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="w-60 d-print-none">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<input type="checkbox" class="select-all-delete multi-delete">
|
||||
</div>
|
||||
</th>
|
||||
|
||||
<th class="d-print-none">SL.</th>
|
||||
<th>Invoice</th>
|
||||
<th>Customer Name</th>
|
||||
<th>Phone Number</th>
|
||||
<th>Warehouse</th>
|
||||
<th>Qty</th>
|
||||
<th>Amount</th>
|
||||
<th>Create</th>
|
||||
<th>Expiry Date</th>
|
||||
<th>Status</th>
|
||||
<th class="d-print-none">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody id="product-data">
|
||||
<tr>
|
||||
<td class="w-60 checkbox d-print-none">
|
||||
<input type="checkbox" class="delete-checkbox-item multi-delete">
|
||||
</td>
|
||||
<td class="d-print-none">1</td>
|
||||
<td>Ph2563</td>
|
||||
<td>Ronald Richards</td>
|
||||
<td>(208) 555-0112</td>
|
||||
<td>Warehouse 1</td>
|
||||
<td>5</td>
|
||||
<td>$500</td>
|
||||
<td>6 Jun 2025</td>
|
||||
<td>6 July 2025</td>
|
||||
<td>
|
||||
<span class="estimate-badge estimate-badge-draft">Draft</span>
|
||||
</td>
|
||||
<td class="d-print-none">
|
||||
<div class="dropdown table-action">
|
||||
<button type="button" data-bs-toggle="dropdown">
|
||||
<i class="far fa-ellipsis-v"></i>
|
||||
</button>
|
||||
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a href="#parties-view" data-bs-toggle="modal">
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.158 8.28375C16.386 8.60348 16.5 8.76338 16.5 9C16.5 9.23662 16.386 9.39652 16.158 9.71625C15.1334 11.1529 12.5169 14.25 9 14.25C5.48309 14.25 2.86657 11.1529 1.84203 9.71625C1.61401 9.39652 1.5 9.23662 1.5 9C1.5 8.76338 1.61401 8.60348 1.84203 8.28375C2.86657 6.84708 5.48309 3.75 9 3.75C12.5169 3.75 15.1334 6.84708 16.158 8.28375Z" stroke="#4B5563" stroke-width="1.2"/>
|
||||
<path d="M11.25 9C11.25 7.75732 10.2427 6.75 9 6.75C7.75732 6.75 6.75 7.75732 6.75 9C6.75 10.2427 7.75732 11.25 9 11.25C10.2427 11.25 11.25 10.2427 11.25 9Z" stroke="#4B5563" stroke-width="1.2"/>
|
||||
</svg>
|
||||
View
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#">
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.1606 3.73679L13.2119 2.68547C13.7925 2.10484 14.7339 2.10484 15.3145 2.68547C15.8951 3.2661 15.8951 4.20748 15.3145 4.78811L14.2632 5.83943M12.1606 3.73679L8.23515 7.66222C7.4512 8.4462 7.05919 8.83815 6.79228 9.31582C6.52535 9.7935 6.2568 10.9214 6 12C7.07857 11.7432 8.2065 11.4746 8.68418 11.2077C9.16185 10.9408 9.5538 10.5488 10.3378 9.76485L14.2632 5.83943M12.1606 3.73679L14.2632 5.83943" stroke="#4B5563" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15.75 9C15.75 12.1819 15.75 13.773 14.7615 14.7615C13.773 15.75 12.1819 15.75 9 15.75C5.81802 15.75 4.22703 15.75 3.23851 14.7615C2.25 13.773 2.25 12.1819 2.25 9C2.25 5.81802 2.25 4.22703 3.23851 3.23851C4.22703 2.25 5.81802 2.25 9 2.25" stroke="#4B5563" stroke-width="1.2" stroke-linecap="round"/>
|
||||
</svg>
|
||||
Edit
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#">
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_40001163_47282)">
|
||||
<path d="M8.24805 7.5H8.2593M8.25082 12H8.26207" stroke="#4B5563" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5.25 9.75H11.25" stroke="#4B5563" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M13.125 3.75C13.7463 3.75 14.25 4.25368 14.25 4.875C14.25 5.49632 13.7463 6 13.125 6C12.5037 6 12 5.49632 12 4.875C12 4.25368 12.5037 3.75 13.125 3.75Z" stroke="#4B5563" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2.08067 8.35792C1.32831 9.19822 1.31213 10.4659 2.00262 11.3578C3.37283 13.1275 4.87256 14.6272 6.64225 15.9973C7.53405 16.6879 8.80178 16.6717 9.64208 15.9193C11.9234 13.8766 14.0126 11.7419 16.0289 9.39592C16.2283 9.16402 16.3529 8.87978 16.3809 8.5752C16.5047 7.22849 16.7589 3.3485 15.7052 2.2948C14.6515 1.24111 10.7715 1.49533 9.4248 1.61907C9.12023 1.64706 8.83598 1.77175 8.604 1.97108C6.25809 3.98734 4.12336 6.07658 2.08067 8.35792Z" stroke="#4B5563" stroke-width="1.25"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_40001163_47282">
|
||||
<rect width="18" height="18" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
Pay Now
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#" class="confirm-action">
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_40001163_47290)">
|
||||
<path d="M5.51547 13.5C3.92313 13.5 3.12696 13.5 2.56012 13.1601C2.18965 12.9379 1.89119 12.6203 1.69856 12.2431C1.40384 11.666 1.48307 10.903 1.64151 9.37687C1.77377 8.10292 1.83991 7.46591 2.16513 6.99811C2.37865 6.69097 2.66744 6.43923 3.00598 6.26515C3.52161 6 4.18623 6 5.51547 6H12.4845C13.8138 6 14.4784 6 14.994 6.26515C15.3326 6.43923 15.6214 6.69097 15.8349 6.99811C16.1601 7.46591 16.2263 8.10292 16.3585 9.37687C16.517 10.903 16.5962 11.666 16.3014 12.2431C16.1088 12.6203 15.8104 12.9379 15.4399 13.1601C14.873 13.5 14.0769 13.5 12.4845 13.5" stroke="#4B5563" stroke-width="1.25"/>
|
||||
<path d="M12.75 6V4.5C12.75 3.08579 12.75 2.37868 12.3106 1.93934C11.8713 1.5 11.1642 1.5 9.75 1.5H8.25C6.83578 1.5 6.12868 1.5 5.68934 1.93934C5.25 2.37868 5.25 3.08579 5.25 4.5V6" stroke="#4B5563" stroke-width="1.25" stroke-linejoin="round"/>
|
||||
<path d="M10.4915 12H7.50848C6.99452 12 6.73753 12 6.51887 12.0817C6.22733 12.1905 5.9777 12.402 5.80965 12.6824C5.68361 12.8928 5.62129 13.1633 5.49663 13.7043C5.30185 14.5496 5.20446 14.9722 5.27069 15.3112C5.35901 15.763 5.63428 16.1455 6.01689 16.348C6.30385 16.5 6.70539 16.5 7.50848 16.5H10.4915C11.2946 16.5 11.6962 16.5 11.9831 16.348C12.3657 16.1455 12.641 15.763 12.7293 15.3112C12.7955 14.9722 12.6982 14.5496 12.5034 13.7043C12.3788 13.1633 12.3164 12.8928 12.1904 12.6824C12.0223 12.402 11.7727 12.1905 11.4812 12.0817C11.2625 12 11.0055 12 10.4915 12Z" stroke="#4B5563" stroke-width="1.25" stroke-linejoin="round"/>
|
||||
<path d="M13.5 9H13.5075" stroke="#4B5563" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_40001163_47290">
|
||||
<rect width="18" height="18" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
Print
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#" class="confirm-action">
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.625 4.125L14.1602 11.6438C14.0414 13.5648 13.9821 14.5253 13.5006 15.2159C13.2625 15.5573 12.956 15.8455 12.6005 16.062C11.8816 16.5 10.9192 16.5 8.99452 16.5C7.06734 16.5 6.10372 16.5 5.38429 16.0612C5.0286 15.8443 4.722 15.5556 4.48401 15.2136C4.00266 14.5219 3.94459 13.5601 3.82846 11.6364L3.375 4.125" stroke="#4B5563" stroke-width="1.2" stroke-linecap="round"/>
|
||||
<path d="M6.75 8.79688H11.25" stroke="#4B5563" stroke-width="1.2" stroke-linecap="round"/>
|
||||
<path d="M7.875 11.7422H10.125" stroke="#4B5563" stroke-width="1.2" stroke-linecap="round"/>
|
||||
<path d="M2.25 4.125H15.75M12.0416 4.125L11.5297 3.0688C11.1896 2.3672 11.0195 2.01639 10.7261 1.79761C10.6611 1.74908 10.5922 1.7059 10.5201 1.66852C10.1953 1.5 9.80542 1.5 9.02572 1.5C8.22645 1.5 7.82685 1.5 7.49662 1.67559C7.42343 1.71451 7.35359 1.75943 7.28783 1.80988C6.99109 2.03753 6.82533 2.40116 6.49381 3.12844L6.03955 4.125" stroke="#4B5563" stroke-width="1.2" stroke-linecap="round"/>
|
||||
</svg>
|
||||
Delete
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="w-60 checkbox d-print-none">
|
||||
<input type="checkbox" class="delete-checkbox-item multi-delete">
|
||||
</td>
|
||||
<td class="d-print-none">2</td>
|
||||
<td>Ph2563</td>
|
||||
<td>Eleanor Pena</td>
|
||||
<td>(225) 555-0118</td>
|
||||
<td>Warehouse 2</td>
|
||||
<td class="text-danger">10</td>
|
||||
<td>$800</td>
|
||||
<td>8 Jun 2025</td>
|
||||
<td class="text-danger">8 Jun 2025</td>
|
||||
<td>
|
||||
<span class="estimate-badge estimate-badge-expired">Expired</span>
|
||||
</td>
|
||||
<td class="d-print-none">
|
||||
<div class="dropdown table-action">
|
||||
<button type="button">
|
||||
<i class="far fa-ellipsis-v"></i>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="w-60 checkbox d-print-none">
|
||||
<input type="checkbox" class="delete-checkbox-item multi-delete">
|
||||
</td>
|
||||
<td class="d-print-none">3</td>
|
||||
<td>Ph2563</td>
|
||||
<td>Dianne Russell</td>
|
||||
<td>(307) 555-0133</td>
|
||||
<td>Warehouse 1</td>
|
||||
<td>7</td>
|
||||
<td>$300</td>
|
||||
<td>12 Jun 2025</td>
|
||||
<td>6 July 2025</td>
|
||||
<td>
|
||||
<span class="estimate-badge estimate-badge-sent">Sent</span>
|
||||
</td>
|
||||
<td class="d-print-none">
|
||||
<div class="dropdown table-action">
|
||||
<button type="button">
|
||||
<i class="far fa-ellipsis-v"></i>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="w-60 checkbox d-print-none">
|
||||
<input type="checkbox" class="delete-checkbox-item multi-delete">
|
||||
</td>
|
||||
<td class="d-print-none">4</td>
|
||||
<td>Ph2563</td>
|
||||
<td>Cameron Williamson</td>
|
||||
<td>(270) 555-0117</td>
|
||||
<td>Warehouse 2</td>
|
||||
<td>3</td>
|
||||
<td>$750</td>
|
||||
<td>15 Jun 2025</td>
|
||||
<td>6 July 2025</td>
|
||||
<td>
|
||||
<span class="estimate-badge estimate-badge-declined">Declined</span>
|
||||
</td>
|
||||
<td class="d-print-none">
|
||||
<div class="dropdown table-action">
|
||||
<button type="button">
|
||||
<i class="far fa-ellipsis-v"></i>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@endsection
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user