Файловый менеджер - Редактировать - /home/clickysoft/public_html/somni.clickysoft.net/resources/views/landlord/finance.blade.php
Назад
@extends('landlord.layouts.landlord') @section('title', 'Landlord Finance - SOMNI') @section('content') <div class="db-backdrop"></div> <div class="main-section"> <div class="tooltip-text" id="tooltip1" tool-tip="1"> <div class="tooltip-close"> <button class="tt-close"><img src="{{asset('/images/close-tt.svg')}}" alt="" class="img-fluid"></button> </div> <div class="tooltip-head"> <h4>Navigation</h4> <p>From here you can view a quick snapshot of occupancy rates, upcoming maintenance, and financial summaries.</p> </div> <div class="hide-next-cta"> <div class="hide-tips"> <button class="hide-tips"><img src="{{asset('/images/hide-tt.svg')}}" alt="" class="hide-tt">Hide these tips</button> </div> <div class="next-tips"> <button class="next-tip-btn">Next</button> </div> </div> </div> <x-landlord-side-nav /> <main class="layout-main"> <div class="content-wrapper"> <section class="profile-edit"> <div class="container-fluid custom-container"> <div class="row "> <div class="col-md-12"> <div class="main-db-layout"> <x-landlord-mobile-widget :user="$user" :notifications="$notifications" :nCount="$nCount" /> <!--Here--> <div class="row"> <div class="col-md-12 col-lg-8"> <div class="prop-bar"> <div class="pd-bar-box1"> <div class="pd-thumb-cont"> <p><img src="{{asset('/images/home-db.svg')}}" alt="" class="img-fluid">Property:</p> </div> <div class="property-address"> <p>{{ $property->name ?? 'N/A' }} — {{ $property->city ?? 'N/A'}}, {{ $property->state ?? 'N/A'}}. {{ $property->zip_code ?? 'N/A'}}</p> </div> </div> <div class="pd-bar-box2"> <div class="drop-elip-thumb "> <div class="dropdown cs-drop"> {{-- <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="{{asset('/images/drop-ellipse.svg')}}" alt="" class="img-fluid"> </button> --}} </div> </div> </div> </div> <div class="progress-charts-main"> <div class="row pg-gutter"> <div class="col-md-12 col-lg-12 col-xl-6"> <div class="progress-main"> <div class="progress--header"> <div class="dropdown cs-drop"> <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="{{asset('/images/drop-ellipse.svg')}}" alt="" class="img-fluid"> </button> <ul class="dropdown-menu card-menu"> <div class="cmenu-listing"> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="{{asset('/images/ep.svg')}}" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Edit Graph</a></p> </div> </div> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="{{asset('/images/ep.svg')}}" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">View More</a></p> </div> </div> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="{{asset('/images/ep.svg')}}" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Download Data</a></p> </div> </div> </div> </ul> </div> </div> <div class="progress-rounded-main"> <div id="wrapper" class="center"> <svg class="progress blue noselect" data-progress="75" x="0px" y="0px" viewBox="0 0 80 80"> <path class="track" d="M5,40a35,35 0 1,0 70,0a35,35 0 1,0 -70,0"> </path> <path class="fill" d="M5,40a35,35 0 1,0 70,0a35,35 0 1,0 -70,0" style="stroke-dashoffset: 220"> </path> <text class="" x="50%" y="30%" alignment-baseline="middle" text-anchor="middle"> <tspan x="50%" dy="1.2em">$0</tspan> <tspan x="50%" dy="1.1em">USD</tspan> </text> </svg> <div class="progress-before"> <img src="{{asset('/images/progress-before.svg')}}" alt="" class="img-fluid"> </div> </div> <div class="progress-content"> <div class="progress-head"> <h4>Total Transaction By Month</h4> </div> <div class="progress-ratio-base"> <div class="progress-ratio"> <p> 0% <img src="{{asset('/images/ratio.svg')}}" alt="" class="img-fluid"></p> </div> <div class="progress-base"> <img src="{{asset('/images/base.svg')}}" alt="" class="img-fluid"> </div> </div> </div> </div> </div> </div> <div class="col-md-12 col-lg-12 col-xl-6"> <div class="progress-main"> <div class="progress--header"> <div class="dropdown cs-drop"> {{-- <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="{{asset('/images/drop-ellipse.svg')}}" alt="" class="img-fluid"> </button> --}} <ul class="dropdown-menu card-menu"> <div class="cmenu-listing"> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="{{asset('/images/ep.svg')}}" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Edit Graph</a></p> </div> </div> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="{{asset('/images/ep.svg')}}" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">View More</a></p> </div> </div> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="{{asset('/images/ep.svg')}}" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Download Data</a></p> </div> </div> </div> </ul> </div> </div> <div class="progress-rounded-main"> <div id="wrapper" class="center"> <svg class="progress blue noselect" data-progress="75" x="0px" y="0px" viewBox="0 0 80 80"> <path class="track" d="M5,40a35,35 0 1,0 70,0a35,35 0 1,0 -70,0"> </path> <path class="fill" d="M5,40a35,35 0 1,0 70,0a35,35 0 1,0 -70,0" style="stroke-dashoffset: 220"> </path> <text class="" x="50%" y="30%" alignment-baseline="middle" text-anchor="middle"> <tspan x="50%" dy="1.2em">$0</tspan> <tspan x="50%" dy="1.1em">USD</tspan> </text> </svg> <div class="progress-before"> <img src="{{asset('/images/progress-before.svg')}}" alt="" class="img-fluid"> </div> </div> <div class="progress-content"> <div class="progress-head"> <h4>Total Transaction By Year</h4> </div> <div class="progress-ratio-base"> <div class="progress-ratio"> <p> 0% <img src="{{asset('/images/ratio.svg')}}" alt="" class="img-fluid"></p> </div> <div class="progress-base"> <img src="{{asset('/images/base.svg')}}" alt="" class="img-fluid"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="chart-card"> <div class="cfh-main"> <div class="cash-flow-head"> <h4>Placeholder Graph — Monthly Analysis</h4> <p>Sagittis porta vel ornare egestas enim posuere mi</p> </div> <div class="cash-flow-drop drop-elip-thumb"> {{-- <button type="button" class="drop-ellipse-btn"> <img src="{{asset('/images/drop-ellipse.svg')}}" alt="" class="img-fluid"> </button> --}} </div> </div> <div class="chart"> <canvas id="myChart" width="612" height="306"></canvas> </div> </div> <div class="cash-flow-card"> <div class="cfh-main"> <div class="cash-flow-head"> <h4>Cash Flow</h4> <p>Insight on this property's monetary performance</p> </div> <div class="cash-flow-drop drop-elip-thumb"> <div class="dropdown cs-drop"> {{-- <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="{{asset('/images/drop-ellipse.svg')}}" alt="" class="img-fluid"> </button> <ul class="dropdown-menu card-menu"> <div class="cmenu-listing"> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="{{asset('/images/ep.svg')}}" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Manage Bucket</a></p> </div> </div> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="{{asset('/images/ep.svg')}}" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">View More</a></p> </div> </div> <div class="cmenu-main"> <div class="cmn-thumb"> <img src="{{asset('/images/ep.svg')}}" alt="" class="img-fluid"> </div> <div class="cmn-content"> <p><a href="javascript:void(0)">Download Info</a></p> </div> </div> </div> </ul> --}} </div> </div> </div> <div class="month-year-tabs"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link " id="all-tab" data-bs-toggle="tab" data-bs-target="#all-tab-pane" type="button" role="tab" aria-controls="all-tab-pane" aria-selected="true">All</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="year-tab" data-bs-toggle="tab" data-bs-target="#year-tab-pane" type="button" role="tab" aria-controls="year-tab-pane" aria-selected="false" tabindex="-1">Year</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link active" id="month-tab" data-bs-toggle="tab" data-bs-target="#month-tab-pane" type="button" role="tab" aria-controls="month-tab-pane" aria-selected="false" tabindex="-1">Month</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" data-bs-toggle="tab" id="week-tab" data-bs-target="#week-tab-pane" type="button" role="tab" aria-controls="week-tab-pane" aria-selected="false" tabindex="-1">Week</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="day-tab" data-bs-toggle="tab" data-bs-target="#day-tab-pane" type="button" role="tab" aria-controls="day-tab-pane" aria-selected="false" tabindex="-1">Day</button> </li> </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="all-tab-pane" role="tabpanel" aria-labelledby="all-tab" tabindex="0"> <div class="col-md-3"> <div class="payment-history-card"> <div class="money-content-value"> <div class="money-in-content"> <h5>Money In</h5> </div> <div class="money-in-value"> <span>+ $0</span> </div> </div> </div> </div> <div class="col-md-3"> <div class="payment-history-card money-out-bg"> <div class="money-content-value "> <div class="money-in-content money-out"> <h5>Money Out</h5> </div> <div class="money-in-value money-out"> <span>- $0</span> </div> </div> </div> </div> <div class="col-md-12"> <div class="view-all-transaction"> <button class="transaction-view-btn"> View All </button> </div> </div> </div> <div class="tab-pane fade" id="year-tab-pane" role="tabpanel" aria-labelledby="year-tab" tabindex="0"> <div class="col-md-3"> <div class="payment-history-card"> <div class="money-content-value"> <div class="money-in-content"> <h5>Money In</h5> </div> <div class="money-in-value"> <span>+ $0</span> </div> </div> </div> </div> <div class="col-md-3"> <div class="payment-history-card money-out-bg"> <div class="money-content-value "> <div class="money-in-content money-out"> <h5>Money Out</h5> </div> <div class="money-in-value money-out"> <span>+ $0</span> </div> </div> </div> </div> <div class="col-md-12"> <div class="view-all-transaction"> <button class="transaction-view-btn"> View All </button> </div> </div> </div> <div class="tab-pane fade" id="month-tab-pane" role="tabpanel" aria-labelledby="contact-tab" tabindex="0"> <div class="col-md-3"> <div class="payment-history-card"> <div class="money-content-value"> <div class="money-in-content"> <h5>Money In</h5> </div> <div class="money-in-value"> <span>+ $0</span> </div> </div> </div> </div> <div class="col-md-3"> <div class="payment-history-card money-out-bg"> <div class="money-content-value "> <div class="money-in-content money-out"> <h5>Money Out</h5> </div> <div class="money-in-value money-out"> <span>+ $0</span> </div> </div> </div> </div> <div class="col-md-12"> <div class="view-all-transaction"> <button class="transaction-view-btn"> View All </button> </div> </div> </div> <div class="tab-pane fade" id="week-tab-pane" role="tabpanel" aria-labelledby="disabled-tab" tabindex="0"> <div class="col-md-3"> <div class="payment-history-card"> <div class="money-content-value"> <div class="money-in-content"> <h5>Money In</h5> </div> <div class="money-in-value"> <span>+ $0</span> </div> </div> </div> </div> <div class="col-md-3"> <div class="payment-history-card money-out-bg"> <div class="money-content-value "> <div class="money-in-content money-out"> <h5>Money Out</h5> </div> <div class="money-in-value money-out"> <span>+ $0</span> </div> </div> </div> </div> <div class="col-md-12"> <div class="view-all-transaction"> <button class="transaction-view-btn"> View All </button> </div> </div> </div> <div class="tab-pane fade" id="day-tab-pane" role="tabpanel" aria-labelledby="disabled-tab" tabindex="0"> <div class="col-md-3"> <div class="payment-history-card"> <div class="money-content-value"> <div class="money-in-content"> <h5>Money In</h5> </div> <div class="money-in-value"> <span>+ $0</span> </div> </div> </div> </div> <div class="col-md-3"> <div class="payment-history-card money-out-bg"> <div class="money-content-value "> <div class="money-in-content money-out"> <h5>Money Out</h5> </div> <div class="money-in-value money-out"> <span>+ $0</span> </div> </div> </div> </div> <div class="col-md-12"> <div class="view-all-transaction"> <button class="transaction-view-btn"> View All </button> </div> </div> </div> </div> </div> </div> <div class="maintenance-card"> <div class="cfh-main"> <div class="cash-flow-head"> <h4>Withdrawals</h4> </div> <div class="cash-flow-drop drop-elip-thumb"> {{-- <button type="button" class="drop-ellipse-btn"> <img src="{{asset('/images/drop-ellipse.svg')}}" alt="" class="img-fluid"> </button> --}} </div> </div> <div class="maintenance-table-main"> <div class="table-responsive"> <table class="table m-0"> <thead> <tr> <th scope="col">Date</th> <th scope="col">Recipient</th> <th scope="col" class="txt-center">Unit No. </th> <th scope="col" class="">Invoice</th> <th scope="col" class="">Amount</th> </tr> </thead> <tbody> <tr> <td> No Records</td> </tr> </tbody> </table> </div> <div class="col-md-12"> <div class="view-all-transaction"> <button class="transaction-view-btn"> View All </button> </div> </div> </div> </div> <div class="maintenance-card"> <div class="cfh-main"> <div class="cash-flow-head"> <h4>Invoices</h4> </div> <div class="cash-flow-drop drop-elip-thumb"> {{-- <button type="button" class="drop-ellipse-btn"> <img src="{{asset('/images/drop-ellipse.svg')}}" alt="" class="img-fluid"> </button> --}} </div> </div> <div class="units-table-main finances-invoice-table"> <div class="table-responsive"> <table class="table m-0 "> <thead> <tr> <th scope="col" class="">Recepient</th> <th scope="col">Invoice ID</th> <th scope="col" class="">Sent </th> <th scope="col" class="">Status</th> <th scope="col" class="">Action</th> </tr> </thead> <tbody> @if (!empty($transactions)) @foreach ($transactions as $transaction) <tr> <td scope="row"> {{$transaction->payee->name ?? 'N/A'}} </td> <td>Invoice#-{{$transaction->id}}</td> <td class="txt-center"> <strong>{{ $transaction->created_at->format('M. d,') }}</strong> {{ $transaction->created_at->format(' Y') }} </td> <td class=""> <span class="status-completed">{{$transaction->status}}</span> </td> <td class=""><button type="button" class="download-cta generate_pdf_btn" data-transaction_id="{{$transaction->id}}">Download</button> </td> </tr> @endforeach @else <tr><td> No Records</td></tr> @endif </tbody> </table> </div> @if (!empty($transactions)) <div class="col-md-12"> <div class="view-all-transaction"> <a href="{{route('landlord.transaction.all')}}"> <button class="transaction-view-btn"> View All </button> </a> </div> </div> @endif </div> </div> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="row"> <div class="col-md-6 col-lg-12"> {{-- <div class="quick-transfer-card"> <div class="cfh-main"> <div class="cash-flow-head"> <h4>Quick Transfer</h4> </div> <div class="cash-flow-drop drop-elip-thumb"> <button type="button" class="drop-ellipse-btn"> <img src="{{asset('/images/drop-ellipse.svg')}}" alt="" class="img-fluid"> </button> </div> </div> <div class="quick-fields"> <label for="">Send To</label> <select name="" id=""> <option value="">Select Tenant</option> <option value="">Select Tenant</option> <option value="">Select Tenant</option> </select> </div> <div class="quick-fields"> <label for="">Amount</label> <input type="number" placeholder="$0.00"> </div> <div class="quick-fields"> <label for="">Add Note</label> <textarea name="" id="" cols="30" rows="4" placeholder="Enter note..."></textarea> </div> <div class="log-login-button send-money-button"> <button type="button" class="submit-login-btn ">Send Money</button> </div> </div> --}} </div> @if ($ad) <div class="col-md-6 col-lg-12"> <div class="career-card"> <div class="career-content"> <h4>{{$ad->title}}</h4> <p>{{$ad->description}}.</p> </div> <div class="career-thumb"> @if ($ad->getFirstMedia('image')) <img src="{{ $ad->getFirstMedia('image')->getUrl() }}" alt="Ad Image" class="img-fluid w-100"> @endif </div> </div> </div> @else <div class="col-md-6 col-lg-12"> <div class="career-card"> <div class="career-content"> <h4>Lorem Ipsum Vellum</h4> <p>Massa viverra nulla nisi tortor dolor eu. Consequat vitae placerat eleifend ac ut lorem et pharetra.</p> </div> <div class="career-thumb"> <img src="{{asset('/images/career.png')}}" alt="" class="img-fluid w-100"> </div> </div> </div> @endif <div class="col-md-6 col-lg-12"> <div class="top-card wallet-top-card"> <div class="child"> <div class="top-cont"> <h4>Late Rent Overview</h4> <p>Sed morbi sagittis nec facilisis eget viverra egestas. Dictumst lectus in curabitur augue sed.</p> </div> <div class="prop-grid-main"> <div class="prop-box"> <div class="prop-content"> <h5>${{$stats['over_due_rent'] ?? 0}}</h5> <span class="payments-cta">Total Overdue</span> <p>Sed morbi sagittis nec facilisis eget viverra egestas. Dictumst lectus in curabitur augue sed. </p> </div> </div> <div class="prop-box"> <div class="prop-content"> <h5>{{$stats['total_units'] ?? 0}} Units</h5> <span class="payments-cta">Total Units</span> <p>Sed morbi sagittis nec facilisis dictumst lectus in curabitur augue sed nunc arcu <span class="gold-txt">elementum facilisis vellum.</span> </p> </div> </div> </div> <div class="tp-element"> <img src="{{asset('/images/aes-2.svg')}}" alt="" class="img-fluid"> </div> </div> <div class="wallet-aest"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none"> <path d="M6.19336 11C5.97221 11 5.77559 10.8588 5.70478 10.6494C4.71546 7.71833 3.97503 6.9779 1.04398 5.98858C0.834526 5.91777 0.693359 5.72115 0.693359 5.5C0.693359 5.27885 0.834526 5.08223 1.04398 5.01142C3.97503 4.02233 4.71546 3.28167 5.70478 0.350625C5.77559 0.141166 5.97221 0 6.19336 0C6.41451 0 6.61113 0.141166 6.68194 0.350625C7.67126 3.28167 8.41169 4.0221 11.3427 5.01142C11.5522 5.08223 11.6934 5.27885 11.6934 5.5C11.6934 5.72115 11.5522 5.91777 11.3427 5.98858C8.41169 6.9779 7.67126 7.71833 6.68194 10.6494C6.61113 10.8588 6.41451 11 6.19336 11Z" fill="white" /> </svg> </div> <div class="wave-container"> <figure> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="68" viewBox="0 0 315 68" fill="none"> <path class="wave" opacity="0.5" d="M179.207 1.22267C25.786 15.4107 -138.856 78.0743 -202 107.633V158H483C445.661 99.8292 332.628 -12.9653 179.207 1.22267Z" fill="url(#paint0_linear_1785_12883)"> </path> <defs> <linearGradient id="paint0_linear_1785_12883" x1="174.75" y1="-24.8704" x2="176.808" y2="255.292" gradientUnits="userSpaceOnUse"> <stop stop-color="#021639" stop-opacity="0.33"></stop> <stop offset="1" stop-color="#003797"> </stop> </linearGradient> </defs> </svg> </figure> </div> </div> <div class="tooltip-text" id="tooltip1" tool-tip="4"> <div class="tooltip-close"> <button class="tt-close"><img src="{{asset('/images/close-tt.svg')}}" alt="" class="img-fluid"></button> </div> <div class="tooltip-head"> <h4>Customizable Data</h4> <p>Ultrices amet ut in lobortis auctor quis velit a adipiscing. Et viverra a molestie orci mauris mi porta.</p> </div> <div class="hide-next-cta"> <div class="hide-tips"> <button class="hide-tips"><img src="{{asset('/images/hide-tt.svg')}}" alt="" class="hide-tt">Hide these tips</button> </div> <div class="next-tips"> <button class="next-tip-btn">Next</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </main> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://www.gstatic.com/firebasejs/8.3.2/firebase.js"></script> <link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.27/dist/sweetalert2.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.27/dist/sweetalert2.all.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script> <script src="{{asset('/js/global.js')}}"></script> <script src="{{asset('/js/dashboard-overview.js')}}"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script> @if(!empty($verification)) <x-email-verification-popup :verification=$verification /> @endif <script> $('.generate_pdf_btn').on('click',function(){ var id = $(this).attr('data-transaction_id'); // console.log(id); showLoading(); $.ajax({ type: "POST", headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'), }, url: "/generate-transaction/lara", dataType:'json', // contentType: "application/json; charset=utf-8", data: { "id": id, }, success: function (data) { swal.close(); // console.log('-------'); // console.log(data); if(data){ downloadPDF(data.url); } } }); }); function downloadPDF(pdf_url) { var originalUrl = pdf_url; var parts = originalUrl.split("/storage/"); var newUrl = parts[0] + "/storage/pdf_folder/" + parts[1]; // const linkSource = `data:application/pdf;base64,${pdf}`; const downloadLink = document.createElement("a"); const fileName = parts[1]; downloadLink.href = newUrl; downloadLink.download = fileName; // console.log(downloadLink); downloadLink.click(); } </script> @endsection
| ver. 1.4 |
Github
|
.
| PHP 8.1.29 | Генерация страницы: 0.01 |
proxy
|
phpinfo
|
Настройка