MAINHACK

Viewing / Editing File: view.blade.php

@extends('layouts.backend')
@section('title', $customer->name)

@section('content')
    <x-container title="Customer details" buttonTitle="Back to list" buttonRoute="{{ route('customer.index') }}">
        <div class="row">
            <div class="col-xl-4 col-lg-5 col-md-5 order-1 order-md-0">
                <div class="user-avatar-section">
                    <div class="d-flex align-items-center flex-column">
                        <img class="img-fluid rounded-circle mb-2" src="{{ globalAsset($customer->image, 'settings') }}"
                            height="100" width="100" alt="User avatar" />
                        <div class="user-info text-center">
                            <h4>{{ $customer->name }} </h4>
                            <span class="badge bg-primary">{{ translate('common.customer') }}</span>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-around my-2 pt-75">
                    <div class="d-flex align-items-start me-2">
                        <span class="badge bg-primary p-75 rounded">
                            <i class="fas fa-exchange"></i>
                        </span>
                        <div class="ms-75">
                            <h4 class="mb-0">{{ priceFormat($invoice->sum('total_price')) }}</h4>
                            <small>{{ translate('common.total_buy') }}</small>
                        </div>
                    </div>
                    <div class="d-flex align-items-start">
                        <span class="badge bg-danger p-75 rounded">
                            <i class="fas fa-exclamation-triangle"></i>
                        </span>
                        <div class="ms-75">
                            <h4 class="mb-0">{{ priceFormat($customer->due) }}</h4>
                            <small>{{ translate('common.total_due') }}</small>
                            <a href="javascript:" title="Pay due amount" data-bs-toggle="modal"
                               data-bs-target="#customerDuePayment"
                               class="btn btn-success text-white btn-sm">
                                {{ translate('common.Pay Now') }}
                            </a>
                        </div>
                    </div>
                </div>
                <h4 class="fw-bolder border-bottom mb-1">{{ translate('common.details') }}</h4>

<div class="info-container">
                    <ul class="list-unstyled">
                        <li class="mb-75">
                            <span class="fw-bolder me-25">{{ translate('common.name') }}:</span>
                            <span>{{ $customer->name }}</span>
                        </li>
                        <li class="mb-75">
                            <span class="fw-bolder me-25">{{ translate('common.phone') }}:</span>
                            <span>{{ $customer->phone }}</span>
                        </li>

<li class="mb-75">
                            <span class="fw-bolder me-25">{{ translate('common.total_invoice') }}:</span>
                            <span>{{ $invoice->count() }}</span>
                        </li>
                        <li class="mb-75">
                            <span class="fw-bolder me-25">{{ translate('common.total_transaction') }}:</span>
                            <span>{{ $transaction->count() }}</span>
                        </li>
                        <li class="mb-75">
                            <span class="fw-bolder me-25">{{ translate('common.total_buy') }}:</span>
                            <span class="fw-bold">{{ priceFormat($invoice->sum('total_price')) }}</span>
                        </li>
                        <li class="mb-75">
                            <span class="fw-bolder me-25">{{ translate('common.total_paid') }}:</span>
                            <span class="fw-bold">{{ priceFormat($invoice->sum('paid_amount')) }}</span>
                        </li>
                        <li class="mb-75">
                            <span class="fw-bolder me-25">{{ translate('Address:') }}</span>
                            <span>{{ $customer->address }}</span>
                        </li>
                    </ul>
                </div>
            </div>

<div class="col-xl-8 col-lg-7 col-md-7 order-0 order-md-1">
                <h4>{{ translate('common.customer_invoice') }}</h4>
                <div class="table-responsive">
                    <table class="table datatable-project">
                        <thead>
                            <tr>
                                <th>{{ translate('common.invoice_no') }}</th>
                                <th>{{ translate('common.total_price') }}</th>
                                <th>{{ translate('common.paid_amount') }}</th>
                                <th>{{ translate('due_amount') }}</th>
                                <th>{{ translate('common.action') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($invoice as $item)
                                <tr>
                                    <td>{{ $item->inv_id }}</td>
                                    <td>{{ priceFormat($item->total_price) }}</td>
                                    <td>{{ priceFormat($item->paid_amount) }}</td>
                                    <td>{{ priceFormat($item->due_price) }}</td>
                                    <td>
                                        <a href="javascript:" title="Pay due amount" data-bs-toggle="modal"
                                            data-bs-target="#duePayment{{ $item->id }}"
                                            class="btn btn-primary btn-circle">
                                            <i class="fa fa-credit-card"></i>
                                        </a>
                                        <a href="{{ route('invoice.print', $item->id) }}" title="View Invoice"
                                            class="btn btn-warning btn-circle">
                                            <i class="fa fa-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                <div class="modal fade" id="duePayment{{ $item->id }}" tabindex="-1"
                                    aria-labelledby="duePayment{{ $item->id }}" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content border-0">
                                            <form action="{{ route('customer.paydue') }}" method="post">
                                                @csrf
                                                <input type="hidden" name="customer_id" value="{{ $customer->id }}">
                                                <input type="hidden" name="invoice_id" value="{{ $item->id }}">
                                                <div class="modal-header">
                                                    <h1 class="modal-title fs-5" id="exampleModalLabel">
                                                        {{ translate('Pay your due amount') }}</h1>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                        aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <x-form.input readonly="true" col="col-lg-12" label="Due Amount"
                                                        name="due"
                                                        value="{{ priceFormat($item->due_price) }}"></x-form.input>
                                                    <x-form.input col="col-lg-12" label="Amount" name="amount"
                                                        step="any" :required="true"></x-form.input>
                                                    <x-form.select col="col-lg-12" label="Payment Method" name="method_id"
                                                        :required="true">
                                                        @foreach ($methods as $method)
                                                            <option value="{{ $method->id }}">
                                                                {{ $method->name }}</option>
                                                        @endforeach
                                                    </x-form.select>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="submit"
                                                        class="btn btn-primary">{{ translate('Pay Now') }}</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

<div class="modal fade" id="customerDuePayment" tabindex="-1"
             aria-labelledby="customerDuePayment" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content border-0">
                    <form action="{{ route('customer.paydue') }}" method="post">
                        @csrf
                        <input type="hidden" name="customer_id" value="{{ $customer->id }}">
                        <div class="modal-header">
                            <h1 class="modal-title fs-5" id="exampleModalLabel">
                                {{ translate('Pay your due amount') }}</h1>
                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <x-form.input readonly="true" col="col-lg-12" label="Due Amount"
                                          name="due"
                                          value="{{ priceFormat($customer->due) }}"></x-form.input>
                            <x-form.input col="col-lg-12" label="Amount" name="amount"
                                          step="any" :required="true"></x-form.input>
                            <x-form.select col="col-lg-12" label="Payment Method" name="method_id"
                                           :required="true">
                                @foreach ($methods as $method)
                                    <option value="{{ $method->id }}">
                                        {{ $method->name }}</option>
                                @endforeach
                            </x-form.select>
                        </div>
                        <div class="modal-footer">
                            <button type="submit"
                                    class="btn btn-primary">{{ translate('Pay Now') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </x-container>
@endsection

@section('custom-js')

@endsection

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: view.blade.php

Server Info

System Features

User Info