File Manager

Editing:quotation_show.blade.php

<x-app-layout>
    <x-slot name="header">
        <div class="flex items-center justify-between">
            <h2 class="text-xl font-semibold leading-tight text-white">
                {{ __('Quotation') }} {{ $quotation->quotation_number }}
            </h2>
            <a href="{{ route('admin.quotations') }}" class="text-sm text-orange hover:text-orange-dark font-medium">← Back to Quotations</a>
        </div>
    </x-slot>

<div class="py-8">
        <div class="mx-auto max-w-4xl sm:px-6 lg:px-8">
            <div class="overflow-hidden rounded-lg bg-white shadow-sm ring-1 ring-gray-900/5 p-8">
                {{-- Header --}}
                <div class="flex justify-between items-start mb-8">
                    <div>
                        <x-application-logo class="h-12 w-auto" />
                        <p class="text-sm text-gray-500 mt-1">Internal Management System</p>
                    </div>
                    <div class="text-right">
                        <h2 class="text-xl font-bold text-orange">QUOTATION</h2>
                        <p class="text-sm text-gray-600 mt-1">{{ $quotation->quotation_number }}</p>
                        <p class="text-sm text-gray-600">Date: {{ $quotation->created_at->format('M d, Y') }}</p>
                        @php
                            $statusColors = [
                                'draft' => 'bg-gray-100 text-gray-800',
                                'sent' => 'bg-blue-100 text-blue-800',
                                'accepted' => 'bg-green-100 text-green-800',
                                'rejected' => 'bg-red-100 text-red-800',
                            ];
                        @endphp
                        <span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold {{ $statusColors[$quotation->status] ?? '' }} mt-2">
                            {{ ucfirst($quotation->status) }}
                        </span>
                    </div>
                </div>

{{-- Client Info --}}
                <div class="grid grid-cols-2 gap-8 mb-8">
                    <div>
                        <h3 class="text-sm font-semibold text-gray-500 uppercase mb-2">Bill To</h3>
                        <p class="font-semibold text-navy">{{ $quotation->client_name }}</p>
                        @if($quotation->company_name)
                            <p class="text-sm text-gray-600">{{ $quotation->company_name }}</p>
                        @endif
                        @if($quotation->client)
                            <p class="text-sm text-gray-600">{{ $quotation->client->email }}</p>
                        @endif
                    </div>
                    @if($quotation->project)
                        <div>
                            <h3 class="text-sm font-semibold text-gray-500 uppercase mb-2">Project</h3>
                            <p class="font-semibold text-navy">{{ $quotation->project->name }}</p>
                        </div>
                    @endif
                </div>

{{-- Items Table --}}
                <table class="min-w-full divide-y divide-gray-200 mb-8">
                    <thead>
                        <tr class="bg-gray-50">
                            <th class="px-4 py-3 text-left text-xs font-semibold uppercase tracking-wider text-gray-500">#</th>
                            <th class="px-4 py-3 text-left text-xs font-semibold uppercase tracking-wider text-gray-500">Description</th>
                            <th class="px-4 py-3 text-center text-xs font-semibold uppercase tracking-wider text-gray-500">Qty</th>
                            <th class="px-4 py-3 text-right text-xs font-semibold uppercase tracking-wider text-gray-500">Unit Price</th>
                            <th class="px-4 py-3 text-right text-xs font-semibold uppercase tracking-wider text-gray-500">Total</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-gray-100">
                        @foreach($quotation->items as $index => $item)
                            <tr>
                                <td class="px-4 py-3 text-sm text-gray-600">{{ $index + 1 }}</td>
                                <td class="px-4 py-3 text-sm text-navy font-medium">{{ $item->description }}</td>
                                <td class="px-4 py-3 text-sm text-gray-600 text-center">{{ $item->quantity }}</td>
                                <td class="px-4 py-3 text-sm text-gray-600 text-right">Rs{{ number_format($item->unit_price, 2) }}</td>
                                <td class="px-4 py-3 text-sm text-navy font-semibold text-right">Rs{{ number_format($item->total, 2) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

{{-- Totals --}}
                <div class="flex justify-end mb-8">
                    <div class="w-64 space-y-2">
                        <div class="flex justify-between text-sm">
                            <span class="text-gray-600">Subtotal:</span>
                            <span class="font-medium">Rs{{ number_format($quotation->total_amount, 2) }}</span>
                        </div>
                        @if($quotation->discount > 0)
                            <div class="flex justify-between text-sm">
                                <span class="text-gray-600">Discount:</span>
                                <span class="font-medium text-red-600">-Rs{{ number_format($quotation->discount, 2) }}</span>
                            </div>
                        @endif
                        <div class="flex justify-between text-base border-t border-gray-200 pt-2">
                            <span class="font-bold text-navy">Final Amount:</span>
                            <span class="font-bold text-navy text-lg">Rs{{ number_format($quotation->final_amount, 2) }}</span>
                        </div>
                    </div>
                </div>

{{-- Notes & Terms --}}
                @if($quotation->notes || $quotation->terms)
                    <div class="grid grid-cols-2 gap-8 mb-8">
                        @if($quotation->notes)
                            <div>
                                <h3 class="text-sm font-semibold text-gray-500 uppercase mb-2">Notes</h3>
                                <p class="text-sm text-gray-600">{{ $quotation->notes }}</p>
                            </div>
                        @endif
                        @if($quotation->terms)
                            <div>
                                <h3 class="text-sm font-semibold text-gray-500 uppercase mb-2">Terms & Conditions</h3>
                                <p class="text-sm text-gray-600">{{ $quotation->terms }}</p>
                            </div>
                        @endif
                    </div>
                @endif

{{-- Actions --}}
                @if($quotation->status === 'draft')
                    <div class="flex justify-end gap-3 pt-4 border-t">
                        <form action="{{ route('admin.quotation.send', $quotation) }}" method="POST">
                            @csrf
                            <button type="submit" class="px-6 py-2 bg-green-600 text-white rounded-md text-sm font-medium hover:bg-green-700">
                                Send to Client
                            </button>
                        </form>
                    </div>
                @endif
            </div>
        </div>
    </div>
</x-app-layout>

Cancel

🤩 File Manager - Mr.X

Editing:quotation_show.blade.php