Untitled
unknown
plain_text
6 months ago
18 kB
3
Indexable
@extends('layout')
@section('content')
<div class="container-fluid p-5 mt-5">
<div class="container">
<div class="card">
<div class="card-body">
<h6 class="h4 fw-bold">Add New Journal</h6>
<span class="text-md fw-bold" style="color: #063D58;">Client: {{$client->CEO}}</span><br>
<span class="text-md fw-bold" style="color: #063D58;">Company: {{$client->CompanyName}}</span>
<hr>
<div class="step-indicator-container text-center mb-4">
<section class="step-indicator">
<div class="step step1 active">
<div class="step-icon">1</div>
<p>Expense</p>
</div>
<div class="indicator-line active"></div>
<div class="step step2">
<div class="step-icon">2</div>
<p>Income</p>
</div>
<div class="indicator-line"></div>
<div class="step step3">
<div class="step-icon">3</div>
<p>Assets</p>
</div>
<div class="indicator-line"></div>
<div class="step step4">
<div class="step-icon">4</div>
<p>Liability</p>
</div>
<div class="indicator-line"></div>
<div class="step step5">
<div class="step-icon">5</div>
<p>Equity</p>
</div>
<div class="indicator-line"></div>
<div class="step step6">
<div class="step-icon">6</div>
<p>Summary</p>
</div>
</section>
</div>
{{-- Expense Form --}}
<div class="multi-step-journal expense">
<form action="" class="expense-form">
<div class="card elevation-2 mt-5">
<h6 class="h4 fw-bold p-3" style="color:#063D58;">Expense</h6>
<div class="card-body">
<div class="row">
<div class="col-sm-6">
<select name="expense" class="form-control" id="expense-category">
<option value="" selected hidden>Select Account</option>
@foreach ($accounts as $account)
<option value="{{$account->id}}_{{$account->Account}}">{{$account->Account}} - ({{$account->AT}}, {{$account->Category}})</option>
@endforeach
</select>
<div class="row visually-hidden expense-form">
<div class="col-sm-6">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">Start Date</span>
</div>
<input type="month" name="start-month" class="form-control start-date">
</div>
</div>
<div class="col-sm-6">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">End Date</span>
</div>
<input type="month" name="end-month" class="form-control end-date">
</div>
</div>
</div>
<div class="col-sm-12 months-container m-3">
</div>
</div>
<div class="col-sm-6">
<div class="saved-months-table text-sm">
<table class="table" id="saved-months">
{{-- <tbody class="saved-months123"> --}}
{{-- <table class="table table-hover">
<tr class="external-service" data-widget="expandable-table" aria-expanded="false">
<td>
asd
</td>
</tr>
<tr class="expandable-body bg-light">
<td>
<div class="p-0 text-center expandable-body-append-table">
<table class="table table-hover float-left">
<tr>
<td>asd</td>
<td>asd</td>
</tr>
<tr>
<td>asd</td>
<td>asd</td>
</tr>
</table>
</div>
</td>
</tr>
</table> --}}
{{-- </tbody> --}}
</table>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
{{-- Income form --}}
<div class="multi-step-journal income" style="display: none;">
<form action="" class="income-form">
<div class="card elevation-2 mt-5">
<h6 class="h4 fw-bold p-3" style="color:#063D58;">Income</h6>
<div class="card-body">
<div class="row">
<div class="col-sm-6">
<select name="income" class="form-control" id="income-category">
<option value="" selected hidden>Select Account</option>
@foreach ($accounts as $account)
<option value="{{$account->id}}_{{$account->Account}}">{{$account->Account}} - ({{$account->AT}}, {{$account->Category}})</option>
@endforeach
</select>
<div class="row visually-hidden income-form">
<div class="col-sm-6">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">Start Date</span>
</div>
<input type="month" name="start-month" class="form-control income-start-date">
</div>
</div>
<div class="col-sm-6">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">End Date</span>
</div>
<input type="month" name="end-month" class="form-control income-end-date">
</div>
</div>
</div>
<div class="col-sm-12 income-months-container m-3">
</div>
</div>
<div class="col-sm-6">
<div class="saved-months-table text-sm">
<table class="table" id="saved-income-months">
</table>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="multi-step-journal assets" style="display: none;">
<div class="card border">
<h6 class="h4 fw-bold p-3" style="color:#063D58;">Asset</h6>
<form action="" class="journal-asset-form">
<div class="card-body" style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
<select class="form-control" name="asset-account" id="asset_account">
<option value="" selected hidden>Select asset type</option>
@foreach ($ats as $at)
<option value="asset_{{$at->id}}">{{$at->AccountType}}</option>
@endforeach
</select>
<select name="asset-account-name" id="asset_account_name" class="form-control my-3">
<option value="" selected hidden>Select an asset type first</option>
</select>
<input type="text" name="asset-amount" class="form-control" placeholder="Enter amount..." oninput="formatValueInput(this)" id="">
{{-- <button class="btn btn-sm mb-5 text-light fw-bold save-asset-info" style="background: #063D58; align-self: flex-end;">Save</button> --}}
{{-- <input type="text" name="asset-amount" class="form-control" placeholder="Enter amount..." oninput="formatValueInput(this)" id=""> --}}
{{-- <div class="row w-100">
</div> --}}
</div>
</form>
{{-- <button class="btn btn-sm mb-5 text-light fw-bold save-asset-info" style="background: #063D58">Save</button> --}}
</div>
</div>
<div class="multi-step-journal liability" style="display: none;">
<div class="card border">
<h6 class="h4 fw-bold p-3" style="color:#063D58;">Liability</h6>
<form action="" class="journal-liability-form">
<div class="card-body" style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
<select class="form-control" name="liability-account" id="liability_account">
<option value="" selected hidden>Select asset type</option>
@foreach ($lts as $lt)
<option value="liability_{{$lt->id}}">{{$lt->AccountType}}</option>
@endforeach
</select>
<select name="liability-account-name" id="liability_account_name" class="form-control my-3">
<option value="" selected hidden>Select a liability type first</option>
</select>
<input type="text" name="liability-amount" class="form-control" placeholder="Enter amount..." oninput="formatValueInput(this)" id="">
{{-- <button class="btn btn-sm mb-5 text-light fw-bold save-asset-info" style="background: #063D58; align-self: flex-end;">Save</button> --}}
{{-- <input type="text" name="asset-amount" class="form-control" placeholder="Enter amount..." oninput="formatValueInput(this)" id=""> --}}
{{-- <div class="row w-100">
</div> --}}
</div>
</form>
{{-- <button class="btn btn-sm mb-5 text-light fw-bold save-asset-info" style="background: #063D58">Save</button> --}}
</div>
</div>
<div class="multi-step-journal equity" style="display: none;">
<div class="card border">
<h6 class="h4 fw-bold p-3" style="color:#063D58;">Owner's Equity</h6>
<form action="" class="journal-oe-form">
<div class="card-body" style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
<select class="form-control" name="oe-account" id="oe_account">
<option value="" selected hidden>Select asset type</option>
@foreach ($oets as $oet)
<option value="oe_{{$oet->id}}">{{$oet->AccountType}}</option>
@endforeach
</select>
<select name="oe-account-name" id="oe_account_name" class="form-control my-3">
<option value="" selected hidden>Select a owner's equity type first</option>
</select>
<input type="text" name="oe-amount" class="form-control" placeholder="Enter amount..." oninput="formatValueInput(this)" id="">
{{-- <button class="btn btn-sm mb-5 text-light fw-bold save-asset-info" style="background: #063D58; align-self: flex-end;">Save</button> --}}
{{-- <input type="text" name="asset-amount" class="form-control" placeholder="Enter amount..." oninput="formatValueInput(this)" id=""> --}}
{{-- <div class="row w-100">
</div> --}}
</div>
</form>
{{-- <button class="btn btn-sm mb-5 text-light fw-bold save-asset-info" style="background: #063D58">Save</button> --}}
</div>
</div>
<div class="multi-step-journal summary" style="display: none;">Summary of all the steps</div>
<div class="multi-step-action-buttons float-right">
<button class="btn btn-secondary prev-btn" style="font-weight: bold;">Previous</button>
<button class="btn next-btn" style="background: #063D58; font-weight: bold; color: whitesmoke;">Next</button>
<button class="btn btn-primary save-btn" style="display:none;">Save</button>
</div>
</div>
</div>
</div>
</div>
@endsection
Editor is loading...
Leave a Comment